/*
 * Supremo Monitor Hope UI integration
 * Based on Hope UI HTML Admin Dashboard concepts and class conventions.
 * Original Hope UI copyright Iqonic Design, MIT License.
 */
:root{
 --sm-primary:#3a57e8;--sm-primary-rgb:58,87,232;--sm-primary-dark:#2e46ba;--sm-secondary:#001f4d;
 --sm-success:#1aa053;--sm-danger:#c03221;--sm-warning:#f16a1b;--sm-info:#079aa2;
 --sm-bg:#f5f6fa;--sm-surface:#fff;--sm-surface-2:#eef1f7;--sm-text:#232d42;--sm-muted:#8a92a6;
 --sm-border:#e7e9ef;--sm-sidebar:#fff;--sm-sidebar-text:#64748b;--sm-topbar:#fff;
 --sm-shadow:0 10px 30px rgba(25,36,78,.08);--sm-radius:1rem;--sm-radius-sm:.625rem;
 --sm-sidebar-width:258px;--sm-topbar-height:74px;--sm-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sm-bg);color:var(--sm-text);font-family:var(--sm-font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--sm-primary);text-decoration:none}a:hover{color:var(--sm-primary-dark)}button,input,select,textarea{font:inherit}img{max-width:100%}.d-none{display:none!important}.text-muted{color:var(--sm-muted)!important}.text-primary{color:var(--sm-primary)!important}.text-success{color:var(--sm-success)!important}.text-danger{color:var(--sm-danger)!important}.text-warning{color:var(--sm-warning)!important}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.small{font-size:.825rem}.w-100{width:100%}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.me-2{margin-inline-end:.5rem}.ms-auto{margin-inline-start:auto}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}
body.dark{--sm-bg:#0f1322;--sm-surface:#1b2030;--sm-surface-2:#242a3d;--sm-text:#f3f5fb;--sm-muted:#95a0b8;--sm-border:#30374c;--sm-sidebar:#1b2030;--sm-sidebar-text:#a4aec4;--sm-topbar:#1b2030;--sm-shadow:0 14px 40px rgba(0,0,0,.22)}
body.sidebar-dark{--sm-sidebar:#151a2b;--sm-sidebar-text:#a7b0c4}body.sidebar-primary{--sm-sidebar:linear-gradient(155deg,var(--sm-primary),#18349f);--sm-sidebar-text:#e8edff}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sm-sidebar-width);background:var(--sm-sidebar);border-inline-end:1px solid var(--sm-border);z-index:1040;display:flex;flex-direction:column;transition:transform .25s ease,width .25s ease;box-shadow:0 0 30px rgba(20,28,55,.04)}.sidebar .navbar-brand{height:var(--sm-topbar-height);display:flex;align-items:center;gap:.75rem;padding:0 1.3rem;border-bottom:1px solid var(--sm-border);color:var(--sm-text);font-weight:700;font-size:1.05rem;letter-spacing:.01em}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffe600,#ffb800);color:#101936;font-size:.8rem;font-weight:900;box-shadow:0 4px 14px rgba(255,195,0,.28)}.brand-copy{white-space:nowrap}.sidebar-body{padding:1.1rem .75rem;overflow-y:auto;flex:1}.sidebar-caption{font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;color:var(--sm-muted);padding:.8rem .8rem .45rem}.sidebar-nav{display:grid;gap:.28rem}.sidebar-link{display:flex;align-items:center;gap:.8rem;padding:.78rem .9rem;border-radius:2rem;color:var(--sm-sidebar-text);font-weight:500;transition:.18s ease}.sidebar-link:hover{background:rgba(var(--sm-primary-rgb),.08);color:var(--sm-primary)}.sidebar-link.active{background:var(--sm-primary);color:#fff;box-shadow:0 8px 20px rgba(var(--sm-primary-rgb),.24)}.sidebar-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px}.sidebar-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.sidebar-user{padding:1rem;border-top:1px solid var(--sm-border);display:flex;align-items:center;gap:.75rem}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--sm-primary),#7185f5);color:#fff;display:grid;place-items:center;font-weight:700}.avatar-sm{width:32px;height:32px}.avatar-lg{width:84px;height:84px}.sidebar-user-name{font-weight:600;color:var(--sm-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--sm-success);display:inline-block;margin-inline-end:.35rem}
.main-content{min-height:100vh;margin-inline-start:var(--sm-sidebar-width);transition:margin .25s ease}.iq-navbar{height:var(--sm-topbar-height);background:var(--sm-topbar);border-bottom:1px solid var(--sm-border);display:flex;align-items:center;padding:0 1.45rem;position:relative;z-index:1030}.iq-navbar.navs-sticky{position:sticky;top:0}.iq-navbar.nav-glass{background:color-mix(in srgb,var(--sm-topbar) 80%,transparent);backdrop-filter:blur(16px)}.navbar-left,.navbar-right{display:flex;align-items:center;gap:.75rem}.navbar-right{margin-inline-start:auto}.icon-btn{border:0;background:transparent;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;color:var(--sm-muted);cursor:pointer;transition:.15s}.icon-btn:hover{background:var(--sm-surface-2);color:var(--sm-primary)}.icon-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}.search-box{position:relative;width:min(320px,30vw)}.search-box input{width:100%;border:1px solid var(--sm-border);background:var(--sm-bg);border-radius:.65rem;padding:.7rem .8rem .7rem 2.45rem;color:var(--sm-text);outline:0}.search-box svg{position:absolute;inset-inline-start:.8rem;top:50%;transform:translateY(-50%);width:17px;stroke:var(--sm-muted);fill:none}.notification-badge{position:absolute;transform:translate(11px,-12px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--sm-danger);color:#fff;font-size:10px;display:grid;place-items:center}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + .65rem);inset-inline-end:0;width:340px;max-width:calc(100vw - 2rem);background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);padding:.5rem;display:none;z-index:1050}.dropdown.open .dropdown-menu{display:block}.dropdown-header{padding:.8rem .9rem;border-bottom:1px solid var(--sm-border);font-weight:600}.notification-item{padding:.75rem .8rem;border-radius:.7rem;display:flex;gap:.75rem;color:var(--sm-text)}.notification-item:hover{background:var(--sm-surface-2)}.notification-dot{width:10px;height:10px;border-radius:50%;margin-top:.38rem;flex:0 0 auto}.notification-dot.critical{background:var(--sm-danger)}.notification-dot.info{background:var(--sm-info)}.notification-dot.warning{background:var(--sm-warning)}
.page-header{background:linear-gradient(110deg,#3a57e8 0%,#1769df 72%,#1556bd 100%);color:#fff;padding:2.2rem clamp(1.2rem,3vw,3.4rem) 4.1rem;position:relative;overflow:hidden}.page-header:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.08);inset-inline-end:-100px;top:-230px}.page-header small{color:rgba(255,255,255,.65)}.page-header h1{font-size:clamp(1.6rem,2.5vw,2.25rem);margin:.2rem 0 .25rem;line-height:1.2}.page-header p{margin:0;color:rgba(255,255,255,.75)}.page-actions{display:flex;align-items:center;gap:.65rem;position:relative;z-index:1}.page-container{padding:0 clamp(1rem,3vw,3rem) 2rem;margin-top:-2.15rem;position:relative;z-index:2;max-width:1800px;margin-inline:auto}.page-container.no-overlap{margin-top:0;padding-top:1.6rem}.footer{margin-inline-start:var(--sm-sidebar-width);padding:1rem 2rem;border-top:1px solid var(--sm-border);background:var(--sm-surface);display:flex;justify-content:space-between;color:var(--sm-muted);font-size:.82rem;transition:margin .25s ease}
.card{background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);overflow:hidden}.card-header{padding:1.15rem 1.25rem;border-bottom:1px solid var(--sm-border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-header h2,.card-header h3{margin:0;font-size:1.02rem}.card-body{padding:1.25rem}.card-footer{padding:1rem 1.25rem;border-top:1px solid var(--sm-border);background:color-mix(in srgb,var(--sm-surface) 92%,var(--sm-bg))}.grid{display:grid;gap:1.15rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(155px,1fr));gap:1rem;margin-bottom:1.15rem}.stat-card{background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:var(--sm-radius);padding:1.05rem 1.1rem;box-shadow:var(--sm-shadow);display:flex;align-items:center;gap:.9rem}.stat-icon{width:48px;height:48px;border-radius:.85rem;display:grid;place-items:center;color:#fff;flex:0 0 auto}.stat-icon.primary{background:var(--sm-primary)}.stat-icon.success{background:var(--sm-success)}.stat-icon.danger{background:var(--sm-danger)}.stat-icon.warning{background:var(--sm-warning)}.stat-icon.info{background:var(--sm-info)}.stat-icon svg{width:23px;stroke:currentColor;fill:none;stroke-width:1.8}.stat-label{color:var(--sm-muted);font-size:.78rem}.stat-value{font-weight:700;font-size:1.45rem;line-height:1.2;color:var(--sm-text)}
.btn{border:1px solid transparent;border-radius:.6rem;padding:.62rem 1rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;transition:.15s;text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--sm-primary);color:#fff;box-shadow:0 6px 15px rgba(var(--sm-primary-rgb),.2)}.btn-primary:hover{background:var(--sm-primary-dark);color:#fff}.btn-success{background:var(--sm-success);color:#fff}.btn-danger{background:var(--sm-danger);color:#fff}.btn-warning{background:var(--sm-warning);color:#fff}.btn-light{background:var(--sm-surface);border-color:var(--sm-border);color:var(--sm-text)}.btn-outline{background:transparent;border-color:var(--sm-border);color:var(--sm-text)}.btn-sm{padding:.43rem .7rem;font-size:.8rem}.btn-icon{width:35px;height:35px;padding:0;border-radius:.55rem}.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9}.btn-group{display:inline-flex;border-radius:.65rem;overflow:hidden;border:1px solid var(--sm-border)}.btn-group .btn{border:0;border-radius:0}.btn-group .btn.active{background:var(--sm-primary);color:#fff}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.15rem}.form-group{display:grid;gap:.42rem}.form-group.full{grid-column:1/-1}.form-label{font-weight:500;color:var(--sm-text)}.form-control,.form-select{width:100%;border:1px solid var(--sm-border);background:var(--sm-surface);color:var(--sm-text);border-radius:.6rem;padding:.67rem .8rem;outline:0;transition:.15s}.form-control:focus,.form-select:focus{border-color:var(--sm-primary);box-shadow:0 0 0 3px rgba(var(--sm-primary-rgb),.12)}textarea.form-control{min-height:110px;resize:vertical}.form-text{font-size:.76rem;color:var(--sm-muted)}.form-check{display:flex;align-items:center;gap:.55rem}.form-check input{width:1.05rem;height:1.05rem;accent-color:var(--sm-primary)}.input-group{display:flex}.input-group .form-control{border-start-end-radius:0;border-end-end-radius:0}.input-group .btn{border-start-start-radius:0;border-end-start-radius:0}.required:after{content:" *";color:var(--sm-danger)}
.alert{padding:.85rem 1rem;border-radius:.7rem;border:1px solid;display:flex;align-items:flex-start;gap:.7rem;margin-bottom:1rem}.alert-success{background:rgba(26,160,83,.1);border-color:rgba(26,160,83,.3);color:var(--sm-success)}.alert-danger{background:rgba(192,50,33,.1);border-color:rgba(192,50,33,.3);color:var(--sm-danger)}.alert-warning{background:rgba(241,106,27,.1);border-color:rgba(241,106,27,.3);color:var(--sm-warning)}.alert-info{background:rgba(7,154,162,.1);border-color:rgba(7,154,162,.3);color:var(--sm-info)}
.badge{display:inline-flex;align-items:center;gap:.3rem;border-radius:2rem;padding:.28rem .58rem;font-size:.69rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-up{background:rgba(26,160,83,.12);color:var(--sm-success)}.badge-down{background:rgba(192,50,33,.12);color:var(--sm-danger)}.badge-degraded{background:rgba(241,106,27,.12);color:var(--sm-warning)}.badge-unknown{background:rgba(138,146,166,.14);color:var(--sm-muted)}.badge-paused{background:rgba(7,154,162,.12);color:var(--sm-info)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent)}
.monitor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem}.monitor-card{background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);overflow:hidden;position:relative;transition:.18s}.monitor-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(25,36,78,.13)}.monitor-status-bar{padding:.66rem .85rem;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:700;text-transform:uppercase}.monitor-status-bar.up{background:var(--sm-success)}.monitor-status-bar.down{background:var(--sm-danger)}.monitor-status-bar.degraded{background:var(--sm-warning)}.monitor-status-bar.unknown{background:#718096}.monitor-status-bar.paused{background:var(--sm-info)}.monitor-card-body{padding:1rem}.monitor-image{width:72px;height:72px;border-radius:1rem;background:var(--sm-surface-2);object-fit:cover;display:block;margin:0 auto .85rem;padding:.2rem}.monitor-name{font-size:1rem;font-weight:650;margin:0 0 .15rem;color:var(--sm-primary);overflow-wrap:anywhere}.monitor-target{color:var(--sm-muted);font-size:.78rem;overflow-wrap:anywhere}.monitor-meta{margin-top:.9rem;display:grid}.monitor-row{display:flex;justify-content:space-between;gap:1rem;padding:.52rem 0;border-bottom:1px solid var(--sm-border);font-size:.78rem}.monitor-row:last-child{border:0}.monitor-row span:first-child{color:var(--sm-muted)}.monitor-row span:last-child{text-align:end;color:var(--sm-text);font-weight:500}.monitor-actions{display:flex;gap:.45rem;padding:.8rem 1rem;border-top:1px solid var(--sm-border);background:color-mix(in srgb,var(--sm-surface) 95%,var(--sm-bg))}.monitor-list{display:grid;gap:.65rem}.monitor-list .monitor-card{display:grid;grid-template-columns:8px 72px minmax(180px,1.3fr) minmax(100px,.7fr) minmax(100px,.7fr) auto;align-items:center;padding:.8rem 1rem;gap:1rem}.monitor-list .monitor-status-bar{grid-row:1;grid-column:1;width:8px;height:100%;padding:0;border-radius:.4rem}.monitor-list .monitor-image{grid-column:2;width:56px;height:56px;margin:0}.monitor-list .monitor-card-body{display:contents}.monitor-list .monitor-meta{display:contents}.monitor-list .monitor-row{border:0;display:grid;padding:0}.monitor-list .monitor-row:nth-child(n+4){display:none}.monitor-list .monitor-actions{border:0;background:transparent;padding:0;grid-column:6}.monitor-list .monitor-status-bar span{display:none}
.table-responsive{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:.78rem .85rem;border-bottom:1px solid var(--sm-border);text-align:start;vertical-align:middle}.table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--sm-muted);font-weight:600;background:color-mix(in srgb,var(--sm-surface) 94%,var(--sm-bg));position:sticky;top:0}.table tbody tr:hover{background:rgba(var(--sm-primary-rgb),.035)}.table td{font-size:.82rem}.table-actions{display:flex;gap:.35rem;justify-content:flex-end}
.tabs{display:flex;gap:.15rem;background:var(--sm-surface-2);border-radius:.7rem;padding:.25rem;overflow-x:auto}.tab{padding:.58rem .85rem;border-radius:.52rem;color:var(--sm-muted);white-space:nowrap;font-weight:500;cursor:pointer}.tab.active{background:var(--sm-primary);color:#fff;box-shadow:0 5px 12px rgba(var(--sm-primary-rgb),.18)}.tab-panel{display:none}.tab-panel.active{display:block}.progress{height:7px;border-radius:5px;background:var(--sm-surface-2);overflow:hidden}.progress-bar{height:100%;background:var(--sm-primary);border-radius:inherit}.metric-list{display:grid;gap:.55rem}.metric-row{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:.8rem;font-size:.82rem}.chart-wrap{height:300px;position:relative}.chart-wrap canvas{width:100%;height:100%}.map-wrap{height:360px;border-radius:.75rem;overflow:hidden;background:var(--sm-surface-2);position:relative}.map-wrap #infrastructure-map{height:100%}.map-fallback{height:100%;display:grid;place-items:center;color:var(--sm-muted);background-image:linear-gradient(var(--sm-border) 1px,transparent 1px),linear-gradient(90deg,var(--sm-border) 1px,transparent 1px);background-size:40px 40px}.map-marker{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--sm-primary);border:3px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.3);transform:translate(-50%,-50%)}.map-marker.down{background:var(--sm-danger)}.map-marker.up{background:var(--sm-success)}
.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);background:var(--sm-bg)}.auth-visual{background:linear-gradient(140deg,#142d9c,#3a57e8 45%,#0b8dd1);position:relative;overflow:hidden;color:#fff;padding:5vw;display:flex;flex-direction:column;justify-content:center}.auth-visual:before,.auth-visual:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.auth-visual:before{width:480px;height:480px;right:-160px;top:-170px}.auth-visual:after{width:300px;height:300px;left:-100px;bottom:-100px}.auth-visual h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.05;max-width:680px;margin:1rem 0}.auth-visual p{max-width:570px;font-size:1.05rem;color:rgba(255,255,255,.75)}.auth-form-side{display:grid;place-items:center;padding:2rem}.auth-card{width:min(440px,100%);background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:1.25rem;padding:2rem;box-shadow:var(--sm-shadow)}.auth-logo{display:flex;align-items:center;gap:.75rem;font-size:1.15rem;font-weight:700;margin-bottom:1.5rem}.auth-card h2{margin:.2rem 0}.auth-card .subtitle{color:var(--sm-muted);margin:0 0 1.5rem}
.offcanvas{position:fixed;inset-block:0;inset-inline-end:0;width:min(390px,100vw);background:var(--sm-surface);border-inline-start:1px solid var(--sm-border);box-shadow:-12px 0 35px rgba(0,0,0,.14);z-index:1080;transform:translateX(105%);transition:.25s;overflow-y:auto}.offcanvas.open{transform:translateX(0)}[dir=rtl] .offcanvas{transform:translateX(-105%)}[dir=rtl] .offcanvas.open{transform:translateX(0)}.offcanvas-header{padding:1rem 1.15rem;border-bottom:1px solid var(--sm-border);display:flex;align-items:center;justify-content:space-between}.offcanvas-body{padding:1.1rem}.customizer-section{padding:1rem 0;border-bottom:1px solid var(--sm-border)}.customizer-section h4{margin:0 0 .7rem;font-size:.86rem}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.option-btn{border:1px solid var(--sm-border);background:var(--sm-surface);color:var(--sm-text);padding:.6rem;border-radius:.55rem;cursor:pointer;font-size:.75rem}.option-btn.active{border-color:var(--sm-primary);color:var(--sm-primary);background:rgba(var(--sm-primary-rgb),.08)}.color-options{display:flex;gap:.6rem}.color-dot{width:30px;height:30px;border-radius:50%;border:3px solid var(--sm-surface);box-shadow:0 0 0 1px var(--sm-border);cursor:pointer}
.empty-state{text-align:center;padding:3rem 1rem;color:var(--sm-muted)}.empty-icon{width:70px;height:70px;border-radius:50%;background:var(--sm-surface-2);display:grid;place-items:center;margin:0 auto 1rem;color:var(--sm-primary)}.code-block{background:#121827;color:#dbe5ff;border-radius:.7rem;padding:1rem;overflow:auto;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.copy-btn{position:absolute;top:.6rem;right:.6rem}.position-relative{position:relative}.skeleton{background:linear-gradient(90deg,var(--sm-surface-2),var(--sm-border),var(--sm-surface-2));background-size:200% 100%;animation:skeleton 1.4s infinite}@keyframes skeleton{to{background-position:-200% 0}}
body.sidebar-mini{--sm-sidebar-width:82px}.sidebar-mini .brand-copy,.sidebar-mini .sidebar-link span,.sidebar-mini .sidebar-caption,.sidebar-mini .sidebar-user-info{display:none}.sidebar-mini .sidebar-link{justify-content:center}.sidebar-mini .sidebar-user{justify-content:center}.sidebar-mini .sidebar .navbar-brand{justify-content:center;padding:0}.sidebar-mini .sidebar-body{padding-inline:.55rem}
[dir=rtl] .notification-badge{transform:translate(-11px,-12px)}[dir=rtl] .search-box input{padding:.7rem 2.45rem .7rem .8rem}.sidebar-collapsed .sidebar{transform:translateX(-105%)}[dir=rtl] .sidebar-collapsed .sidebar{transform:translateX(105%)}.sidebar-collapsed .main-content,.sidebar-collapsed .footer{margin-inline-start:0}
@media(max-width:1280px){.stats-grid{grid-template-columns:repeat(3,1fr)}.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){:root{--sm-sidebar-width:260px}.sidebar{transform:translateX(-105%)}[dir=rtl] .sidebar{transform:translateX(105%)}body.sidebar-open .sidebar{transform:translateX(0)}.main-content,.footer{margin-inline-start:0}.search-box{display:none}.grid-3{grid-template-columns:1fr 1fr}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.monitor-list .monitor-card{grid-template-columns:8px 58px 1fr auto}.monitor-list .monitor-row,.monitor-list .monitor-target{display:none}.monitor-list .monitor-actions{grid-column:4}}
@media(max-width:767px){.page-header{padding:1.6rem 1rem 3.6rem}.page-container{padding-inline:.75rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.grid-4,.grid-5,.form-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.navbar-right .hide-mobile{display:none}.iq-navbar{padding:0 .75rem}.footer{padding:1rem;display:block;text-align:center}.footer span{display:block}.monitor-list .monitor-card{grid-template-columns:8px 52px 1fr}.monitor-list .monitor-actions{grid-column:1/-1;justify-content:flex-end}.option-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.page-actions{width:100%;margin-top:.75rem}.page-actions .btn{flex:1}.monitor-grid{grid-template-columns:1fr}.auth-form-side{padding:1rem}.auth-card{padding:1.35rem}.dropdown-menu{position:fixed;top:var(--sm-topbar-height);right:1rem;left:1rem;width:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.sidebar,.iq-navbar,.page-actions,.footer,.offcanvas,.btn{display:none!important}.main-content{margin:0}.page-container{margin:0}.card{box-shadow:none}}