@media (max-width:575.98px){.container,.container-fluid{padding-left:10px !important;padding-right:10px !important}body{font-size:14px}h1,.h1{font-size:1.75rem}h2,.h2{font-size:1.5rem}h3,.h3{font-size:1.25rem}h4,.h4{font-size:1.1rem}h5,.h5{font-size:1rem}h6,.h6{font-size:0.9rem}.mb-3,.my-3{margin-bottom:0.75rem !important}.mb-4,.my-4{margin-bottom:1rem !important}.mb-5,.my-5{margin-bottom:1.25rem !important}.mt-3,.my-3{margin-top:0.75rem !important}.mt-4,.my-4{margin-top:1rem !important}.mt-5,.my-5{margin-top:1.25rem !important}.card,.cyber-card{margin-bottom:0.75rem;border-radius:8px}.card-body{padding:0.75rem}.card-header{padding:0.5rem 0.75rem;font-size:0.95rem}.btn,.cyber-button{padding:0.5rem 0.75rem;font-size:0.9rem;min-height:44px;}.btn-sm{padding:0.375rem 0.5rem;font-size:0.85rem;min-height:38px}.btn-lg{padding:0.75rem 1rem;font-size:1rem;min-height:50px}.btn-group{display:flex;flex-direction:column}.btn-group>.btn{border-radius:0.25rem !important;margin-bottom:0.25rem}.form-control{font-size:16px;min-height:44px}.form-label{font-size:0.9rem;margin-bottom:0.25rem}.badge{font-size:0.75rem;padding:0.25em 0.5em}.fa,.fas,.far{font-size:1rem}.fa-lg{font-size:1.25rem}.fa-2x{font-size:1.5rem}.fa-3x{font-size:2rem}}@media (max-width:991.98px){.navbar{padding:0.5rem 1rem}.navbar-brand{font-size:1.1rem}.navbar-nav{margin-top:0.5rem}.navbar-nav .nav-item{padding:0.25rem 0}.navbar-nav .nav-link{padding:0.5rem 1rem;font-size:0.95rem}.navbar-toggler{padding:0.5rem;font-size:1.25rem;border:none}.navbar-toggler:focus{box-shadow:none}}.navbar-more-toggle{display:none;text-decoration:none !important}@media (max-width:991.98px){#dashboard-navbar .ms-auto{flex-wrap:wrap}}@media (max-width:767.98px){#dashboard-navbar .card-body{padding:0.85rem 1rem}#dashboard-navbar .ms-auto{margin-left:0 !important;margin-top:0.5rem;width:100%;justify-content:center;flex-wrap:wrap;gap:0.15rem}.navbar-more-toggle{display:inline-flex !important}.navbar-secondary-actions{display:none !important;width:100%;justify-content:center;flex-wrap:wrap;gap:0.15rem;margin-top:0.35rem}.navbar-secondary-actions.show{display:flex !important}#dashboard-navbar .logo-header{width:40px;height:40px}#dashboard-navbar .u-text-display-sm{font-size:1.4rem}}@media (max-width:767.98px){.device-card{margin-bottom:0.75rem}.device-grid .col-md-6,.device-grid .col-lg-4{flex:0 0 100%;max-width:100%}.device-card .row{display:block !important}.device-card .col{max-width:100% !important;padding:0.25rem 0}.device-card .device-ip{font-size:1rem;font-weight:bold}.device-card .device-name{font-size:0.9rem}.device-card .badge{font-size:0.7rem;padding:0.2em 0.4em}}@media (max-width:767.98px){.stat-card{padding:0.75rem}@media (max-width:575.98px){.plotly .legend{display:none !important}}}@media (max-width:767.98px){.modal-dialog{margin:0.5rem;max-width:calc(100% - 1rem)}.modal-dialog.modal-lg,.modal-dialog.modal-xl{max-width:calc(100% - 1rem)}.modal-content{border-radius:8px}.modal-header{padding:0.75rem}.modal-title{font-size:1.1rem}.modal-body{padding:0.75rem;max-height:70vh;overflow-y:auto}.modal-footer{padding:0.5rem;flex-wrap:wrap}.modal-footer .btn{margin:0.25rem;flex:1 1 45%}.device-details .row{display:block}.device-details .col{max-width:100%;padding:0.25rem 0}}@media (max-width:767.98px){.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{font-size:0.85rem}.table th,.table td{padding:0.5rem;white-space:nowrap}}@media (max-width:767.98px){.nav-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid rgba(0,255,204,0.2)}.nav-tabs .nav-link{white-space:nowrap;font-size:0.85rem;padding:0.5rem 0.75rem}.nav-tabs .nav-item{flex-shrink:0}.tab-content{padding:0.75rem 0}}@media (max-width:767.98px){.accordion-button{font-size:0.95rem;padding:0.75rem}.accordion-body{padding:0.75rem}.accordion-item{margin-bottom:0.5rem}}@media (max-width:767.98px){.search-bar{margin-bottom:1rem}.search-bar input{font-size:16px;padding:0.75rem}.search-bar .input-group-text{padding:0.5rem}}@media (max-width:767.98px){.dropdown-menu{font-size:0.9rem;max-height:60vh;overflow-y:auto}.dropdown-item{padding:0.75rem 1rem}}@media (max-width:767.98px){.notification-bell{position:relative}}@media (max-width:767.98px){.js-plotly-plot .plotly .main-svg{max-width:100% !important}.js-plotly-plot .plotly .modebar{display:none !important}.plotly .main-svg{padding:0 !important}.plotly text{font-size:10px !important}.plotly .xtick text,.plotly .ytick text{font-size:9px !important}}@media (min-width:576px) and (max-width:767.98px) and (orientation:landscape){.navbar{padding:0.25rem 1rem}.stat-card{padding:0.5rem}.modal-body{max-height:60vh}}@media (min-width:768px) and (max-width:991.98px){.device-grid .col-lg-4{flex:0 0 50%;max-width:50%}body{font-size:15px}}@media (hover:none) and (pointer:coarse){a,button,.btn,input:not(.form-check-input),select,textarea{min-height:44px;min-width:44px}.btn:hover,.card:hover,.device-card:hover{transform:none;box-shadow:inherit}.btn:active,.card:active{transform:scale(0.98);opacity:0.9}*{-webkit-overflow-scrolling:touch}}@media print{.navbar,.btn,.notification-bell,.modal,.dropdown{display:none !important}body{background:white;color:var(--ink-primary)}.card,.cyber-card{border:1px solid #ccc;page-break-inside:avoid}a[href]:after{content:" (" attr(href) ")"}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media (prefers-contrast:high){.btn,.card,.badge{border:2px solid currentColor}.text-muted{opacity:1;color:inherit !important}}@supports (-webkit-touch-callout:none){input[type="text"],input[type="email"],input[type="password"],input[type="number"],textarea,select{font-size:16px !important}button,.btn{-webkit-appearance:none;appearance:none}}.mobile-tabbar{display:none}@media (max-width:767.98px){.mobile-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1055;align-items:stretch;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-glass);backdrop-filter:blur(var(--glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);border-top:1px solid var(--glass-border-medium);box-shadow:0 -4px 24px rgba(0,0,0,0.3)}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0.5rem 0.25rem;min-height:52px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:color 0.18s ease,transform 0.12s ease}.tabbar-item i{font-size:1.2rem;line-height:1}.tabbar-item span{font-size:0.62rem;font-weight:500;letter-spacing:0.01em;line-height:1;white-space:nowrap}.tabbar-item.tabbar-active{color:var(--accent-color)}.tabbar-item.tabbar-active i{filter:drop-shadow(0 0 4px var(--accent-glow))}.tabbar-item:active{transform:scale(0.88)}.dashboard-container{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px)) !important}.tabbar-more-backdrop{display:none;position:fixed;inset:0;z-index:1054;background:rgba(0,0,0,0.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.tabbar-more-backdrop.open{display:block}.tabbar-more-sheet{position:fixed;bottom:0;left:0;right:0;z-index:1056;padding-bottom:env(safe-area-inset-bottom,12px);background:var(--bg-glass);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border-top:1px solid var(--glass-border-medium);border-radius:16px 16px 0 0;box-shadow:0 -8px 32px rgba(0,0,0,0.4);transform:translateY(100%);transition:transform 0.28s cubic-bezier(0.32,0.72,0,1)}.tabbar-more-sheet.open{transform:translateY(0)}.tabbar-more-handle{width:36px;height:4px;background:var(--glass-border-medium);border-radius:2px;margin:10px auto 6px}.tabbar-more-title{font-size:0.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.08em;padding:0 1rem 0.5rem}.tabbar-more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;padding:0.25rem 1rem 1rem}.tabbar-more-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0.75rem 0.5rem;border:none;background:color-mix(in srgb,var(--surface-1) 55%,transparent);color:var(--text-primary);border-radius:12px;cursor:pointer;outline:none;min-height:72px;width:100%;-webkit-tap-highlight-color:transparent;transition:background 0.15s ease,transform 0.12s ease}.tabbar-more-item i{font-size:1.4rem;color:var(--accent-color)}.tabbar-more-item span{font-size:0.75rem;font-weight:500;text-align:center;color:var(--text-primary)}.tabbar-more-item:active{transform:scale(0.93);background:color-mix(in srgb,var(--accent-color) 12%,transparent)}.tabbar-more-item.tabbar-active{background:color-mix(in srgb,var(--accent-color) 16%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-color) 28%,transparent) inset}.tabbar-more-item.tabbar-active i{filter:drop-shadow(0 0 4px var(--accent-glow))}}@media (max-width:767.98px){body.dark-mode .mobile-tabbar,body.dark-mode .tabbar-more-sheet{background:color-mix(in srgb,var(--surface-1) 82%,transparent);border-top-color:var(--glass-border-heavy,rgba(255,255,255,0.12))}body.dark-mode .tabbar-more-item{background:color-mix(in srgb,var(--surface-2) 70%,transparent)}body.dark-mode .tabbar-more-handle{background:rgba(255,255,255,0.2)}}@media (max-width:991.98px){.chart-h-350{height:260px !important;min-height:260px !important}.chart-h-400{height:300px !important;min-height:300px !important}.chart-h-450{height:320px !important;min-height:320px !important}.chart-h-500{height:350px !important;min-height:350px !important}.chart-h-600{height:400px !important;min-height:400px !important}#security-score-history-row{display:none !important}.metric-card .card-body{padding:0.6rem !important}.filter-btn-sev{font-size:0.7rem !important;padding:0.15rem 0.4rem !important}.scroll-panel-375{max-height:260px !important}}@media (max-width:575.98px){.chart-h-280,.chart-h-300,.chart-h-350{height:200px !important;min-height:200px !important}.chart-h-400,.chart-h-450{height:250px !important;min-height:250px !important}.chart-h-500,.chart-h-600{height:280px !important;min-height:280px !important}.mode-btn-pill{font-size:0.7rem !important;padding:0.15rem 0.4rem !important}.glass-card .card-body.p-4{padding:0.75rem !important}.rc-slider{margin-left:8px !important;margin-right:8px !important;width:calc(100% - 16px) !important}.rc-slider-mark-text{font-size:0.62rem !important;white-space:nowrap}.rc-slider-tooltip-inner{font-size:0.65rem !important}}@media (min-width:576px) and (max-width:767.98px){.device-grid-modern{grid-template-columns:repeat(2,1fr);gap:0.5rem}.device-item-compact{padding:10px 12px;border-radius:8px}.device-name-compact{font-size:0.82rem}.device-ip-compact{font-size:0.72rem;padding:1px 5px}.protocol-badge-sm{font-size:0.62rem !important;padding:1px 4px !important}}@media (max-width:575.98px){.device-grid-modern{grid-template-columns:1fr;gap:0.35rem}.device-item-compact{padding:8px 10px;border-radius:8px}.device-name-compact{font-size:0.8rem}.device-ip-compact{font-size:0.7rem;padding:1px 5px}.protocol-badge-sm{font-size:0.6rem !important;padding:1px 3px !important;flex-shrink:0}}