:root{color-scheme:light;--bg:#f6f7f4;--surface:#fff;--ink:#182324;--muted:#7c8988;--line:#e4e9e5;--dark:#172323;--dark2:#223031;--accent:#cbef8d;--success:#2e8f60;--shadow:0 18px 55px rgba(19,35,32,.055);--radius:16px;--font:"Aptos","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.48 var(--font);-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.48;cursor:not-allowed}
button,input{outline-offset:2px}
:focus-visible{outline:3px solid #88bd60!important;outline-offset:3px}
[hidden]{display:none!important}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.icon{display:inline-block;flex:0 0 auto;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.035em}
h1{font-size:clamp(32px,3vw,44px);font-weight:720;line-height:1.12;margin-bottom:10px}
h2{font-size:20px;font-weight:720;line-height:1.3;margin-bottom:7px}
p{color:var(--muted)}
a{color:inherit}
.app-shell{display:flex;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;flex:0 0 265px;width:265px;display:flex;flex-direction:column;background:#152122;color:#f6f9f5;padding:31px 18px 18px;z-index:20}
.sidebar-top{padding:0 5px}
.sidebar-brand,.login-visual-top{display:flex;align-items:center;gap:12px}
.sidebar-brand strong,.login-visual-top strong{font-size:16px;font-weight:800;letter-spacing:.025em;white-space:nowrap}
.sidebar-brand small{display:block;color:#849795;font-size:9px;letter-spacing:.2em;font-weight:700;margin-top:3px}
.brand-symbol{position:relative;display:inline-block;width:33px;height:30px;flex:0 0 33px}
.brand-symbol span{position:absolute;display:block;border:2.3px solid #c8ef84;border-radius:7px;width:15px;height:15px}
.brand-symbol span:nth-child(1){left:0;top:7px}
.brand-symbol span:nth-child(2){right:0;top:0}
.brand-symbol span:nth-child(3){right:0;bottom:0;background:#c8ef84}
.workspace-label,.sidebar-section-label{font-size:10px;font-weight:700;letter-spacing:.145em;color:#738984}
.workspace-label{margin:47px 0 13px 5px}
.workspace{display:flex;gap:11px;align-items:center;background:#223031;border:1px solid #304140;border-radius:12px;padding:11px 9px}
.workspace-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;color:#182322;background:#cbef8d;font-weight:800;font-size:15px}
.workspace>div{min-width:0;flex:1}
.workspace strong{font-size:11px;line-height:1.1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace small{font-size:10px;color:#91a39e;display:block;margin-top:4px}
.workspace .chevron{width:13px;color:#8d9f9b}
.sidebar-section-label{margin:34px 9px 13px}
.sidebar-nav{display:grid;gap:5px}
.nav-item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:0;border-radius:10px;background:transparent;color:#aebfbc;font-size:12.5px;font-weight:600;padding:12px 13px;min-height:43px;transition:background .18s,color .18s}
.nav-item .icon{width:17px;height:17px}
.nav-item:hover{background:#233333;color:#fff}
.nav-item.active{background:#d3f29e;color:#1e3026;font-weight:720}
.nav-number{margin-left:auto;background:#2a3e39;color:#bed3cb;border-radius:6px;padding:2px 6px;font-size:10px}
.nav-item.active .nav-number{background:#b6da83;color:#24382a}
.sidebar-bottom{margin-top:auto}
.sidebar-system{display:flex;align-items:center;gap:11px;padding:14px 10px;border:1px solid #31423e;border-radius:12px;margin-bottom:15px;background:#1e2b2b}
.sidebar-system>div{flex:1;min-width:0}
.sidebar-system strong{display:block;font-size:11px}
.sidebar-system small{display:block;font-size:10px;color:#9dacaa;margin-top:3px}
.sidebar-system>.icon{color:#698179;width:17px}
.sidebar-version{display:flex;gap:6px;align-items:center;border-top:1px solid #30413f;padding:20px 8px 4px;color:#718782;font-size:9px;font-weight:700;letter-spacing:.12em}
.sidebar-version span{letter-spacing:0}
.live-dot{width:8px;height:8px;display:inline-block;flex:0 0 auto;border-radius:50%;background:#8ed779;box-shadow:0 0 0 3px rgba(142,215,121,.11)}
.workspace-main{min-width:0;flex:1;display:flex;flex-direction:column}
.topbar{height:75px;flex:0 0 75px;padding:0 clamp(20px,3.5vw,51px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e8e4;background:rgba(255,255,255,.72);backdrop-filter:blur(14px)}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px}
.topbar-left{font-size:12.5px;font-weight:650}
.crumb-root{color:#899694}
.crumb-chevron{width:13px;height:13px;color:#b7c2be}
.topbar-right{gap:14px}
.sync-status{display:flex;gap:9px;align-items:center;color:#526862;font-size:11px}
.sync-status .live-dot{width:6px;height:6px;box-shadow:none}
.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #e3e9e4;border-radius:10px;background:white;color:#465752;transition:transform .18s,background .18s}
.icon-button:hover{background:#eaf4de;transform:translateY(-1px)}
.icon-button .icon{width:18px;height:18px}
.topbar-divider{height:23px;width:1px;background:#e3e9e4}
.admin-avatar{display:grid;place-items:center;background:#203330;color:#d5f5a7;width:34px;height:34px;border-radius:50%;font-weight:800;font-size:12px}
.mobile-menu{display:none}
.main-content{width:100%;max-width:1600px;margin:0 auto;padding:44px clamp(20px,3.5vw,51px) 76px;flex:1}
.view{animation:enter .23s ease-out both}
@keyframes enter{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.section-heading{display:flex;gap:22px;justify-content:space-between;align-items:end;margin-bottom:31px}
.section-heading p{font-size:13px;margin:0}
.heading-dot{color:#88b651}
.eyebrow{color:#87948b;font-size:10px;font-weight:800;letter-spacing:.19em;display:block;margin-bottom:13px}
.section-heading .eyebrow{color:#7a9682}
.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;white-space:nowrap;border-radius:10px;border:1px solid transparent;min-height:42px;padding:0 16px;font-size:12px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s}
.btn .icon{width:16px;height:16px}
.btn:hover:not(:disabled){transform:translateY(-1px)}
.btn-accent{background:#c9ef8b;color:#243323;border-color:#bedf86}
.btn-accent:hover{background:#b9e579;box-shadow:0 5px 20px rgba(112,173,76,.17)}
.btn-dark{background:#192a29;color:#fff;border-color:#192a29}
.btn-dark:hover{background:#2b413c;box-shadow:0 6px 22px rgba(22,40,36,.18)}
.btn-outline{background:transparent;color:#2d4038;border-color:#d9e2da}
.btn-outline:hover{background:#f0f5e9}
.btn-danger{background:#aa3b34;color:white;border-color:#aa3b34}
.btn-danger:hover{background:#862c28}
.btn-full{width:100%;margin-top:12px}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.metric{background:#fff;border:1px solid #e5ebe5;border-radius:15px;padding:19px 20px 20px;min-height:153px;box-shadow:0 3px 10px rgba(17,35,26,.02)}
.metric-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;font-weight:650;color:#677d71}
.metric-icon{display:grid;place-items:center;height:30px;width:30px;border-radius:9px;background:#f0f3ee;color:#829287}
.metric-icon.green{background:#eaf6dd;color:#518a3e}
.metric-icon .icon{height:16px;width:16px}
.metric-value{font-size:43px;line-height:1.08;letter-spacing:-.07em;font-weight:760;margin-top:13px}
.metric-foot{font-size:10.5px;color:#8a9890;margin-top:13px;display:flex;gap:8px;align-items:center}
.status-dot{height:7px;width:7px;display:inline-block;border-radius:50%;background:#aab4af}
.status-dot.online{background:#5bc38d}
.status-dot.offline{background:#c0c5c0}
.dark-metric{background:#1c2c2a;border-color:#1c2c2a;color:#ecf5ee;position:relative;overflow:hidden}
.dark-metric:after{content:"";width:160px;height:160px;border:1px solid #375148;border-radius:50%;position:absolute;right:-90px;bottom:-95px;pointer-events:none;box-shadow:0 0 0 20px rgba(165,235,126,.025),0 0 0 53px rgba(165,235,126,.015)}
.dark-metric .metric-top,.dark-metric .metric-foot{color:#a5bcb4}
.dark-metric .metric-icon{background:#2c453b;color:#c4eaa2}
.metric-relay{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:720;letter-spacing:-.035em;margin-top:18px}
.metric-relay .live-dot{width:10px;height:10px}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.panel-head h2{font-size:19px}
.panel-head p{font-size:12px;margin-bottom:0}
.panel-head-margin{margin:40px 0 19px}
.text-button{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:0;background:none;font-size:11px;font-weight:750;color:#54775e;padding:7px}
.text-button:hover{color:#2d5137}
.text-button .icon{width:15px;height:15px}
.overview-device-grid,.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.device-card{font:inherit;text-align:left;width:100%;border:1px solid #e3e9e3;border-radius:15px;background:white;padding:20px;min-width:0;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.device-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c4d7c1}
.device-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.device-glyph{width:45px;height:45px;flex:0 0 auto;display:grid;place-items:center;background:#edf3e9;color:#537960;border-radius:13px}
.device-glyph .icon{width:22px;height:22px}
.device-state{display:inline-flex;align-items:center;gap:7px;border-radius:999px;border:1px solid #dce3da;background:#fafbfa;color:#849087;padding:5px 9px;font-size:10px;font-weight:720}
.device-state .status-dot{width:6px;height:6px}
.device-state.online{background:#edf8e9;color:#327f57;border-color:#d8eacb}
.device-card h3{font-size:17px;font-weight:750;margin:19px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.device-hostname{font-size:11px;color:#85958a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:17px}
.device-divider{height:1px;background:#edf1ed}
.device-card-meta{display:flex;align-items:center;justify-content:space-between;padding-top:13px;font-size:10px;color:#819288;gap:12px}
.device-card-meta strong{color:#5e7366;font-size:10px;font-weight:750;white-space:nowrap}
.device-card-meta .icon{width:15px;height:15px}
.surface{border:1px solid #e5eae4;border-radius:16px;background:white;padding:23px}
.overview-lower{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,.8fr);gap:18px;margin-top:20px}
.activity-panel{min-height:320px}
.activity-list{margin-top:13px}
.activity-item{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #edf1ec}
.activity-item:last-child{border-bottom:0}
.activity-bullet{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;background:#ecf5e8;color:#568163;border-radius:9px}
.activity-bullet .icon{width:15px;height:15px}
.activity-details{min-width:0;flex:1}
.activity-details strong{display:block;font-size:12px;font-weight:720}
.activity-details span{color:#85948c;font-size:11px;overflow-wrap:anywhere}
.activity-date{color:#9ba69e;font-size:10px;white-space:nowrap}
.empty-state{padding:38px 14px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:1px dashed #dce6dc;border-radius:12px;background:#fbfcfb;min-height:165px}
.empty-state .icon{color:#97aa9c;width:23px;height:23px}
.empty-state h3{font-size:13px;margin:0;font-weight:750}
.empty-state p{font-size:11.5px;max-width:260px;margin:0}
.access-panel{background:#e8f1e5;border-color:#dce8d7;padding:30px;position:relative;overflow:hidden}
.access-panel:after{content:"";position:absolute;right:-90px;top:-50px;border:1px solid #cbdfc8;height:240px;width:240px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 35px rgba(255,255,255,.12),0 0 0 72px rgba(255,255,255,.06)}
.access-icon{display:grid;place-items:center;height:43px;width:43px;background:#d1e8c4;border-radius:12px;color:#577d56;margin-bottom:31px}
.access-panel>.eyebrow{color:#6c906d}
.access-panel h2{font-size:25px;max-width:240px}
.access-panel p{font-size:12px;color:#65836b;max-width:300px;margin:13px 0 25px}
.access-panel .btn{position:relative;z-index:1;background:white}
.devices-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}
.search-wrap{display:flex;align-items:center;gap:11px;width:min(365px,100%);padding:0 13px;border-radius:10px;border:1px solid #e0e7df;background:white}
.search-wrap .icon{color:#86958b;width:17px;height:17px}
.search-wrap input{border:0;background:transparent;outline:none;flex:1;min-width:0;height:43px;font-size:12px}
.search-wrap input::placeholder{color:#a5b0a8}
.filters{display:flex;gap:4px;background:#eaf0e9;padding:4px;border-radius:10px}
.filter{border:0;border-radius:7px;padding:7px 12px;background:transparent;color:#829183;font-size:11px;font-weight:650}
.filter.active{background:white;color:#284c30;box-shadow:0 1px 6px #152b1a0d}
.filter span{font-size:10px;opacity:.72;margin-left:2px}
.full-activity{max-width:1000px}
.full-activity .activity-item{padding:18px 0}
.counter-chip{border-radius:999px;color:#53725d;background:#edf5e9;font-size:10px;padding:7px 10px;font-weight:750}
.security-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr);gap:18px}
.security-main{padding:28px}
.security-head{display:flex;gap:18px;margin-bottom:23px}
.security-head h2{font-size:20px}
.security-head p{font-size:12px;max-width:390px;margin-bottom:0}
.security-emblem{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border-radius:14px;background:#edf6e8;color:#4d8855}
.security-emblem .icon{width:25px;height:25px}
.security-row{padding:17px 0;border-bottom:1px solid #eef1ed;display:flex;gap:20px;justify-content:space-between;font-size:12px}
.security-row:last-child{border:0}
.security-row span{color:#809186}
.security-row strong{font-weight:750;text-align:right;color:#40534a}
.endpoint{display:flex;align-items:center;gap:13px;border:1px solid #e7eee6;border-radius:11px;padding:13px;margin-top:13px}
.endpoint-icon{display:grid;place-items:center;background:#eff4ee;color:#6b8b70;width:36px;height:36px;border-radius:9px}
.endpoint-icon .icon{width:17px;height:17px}
.endpoint>div{min-width:0;flex:1}
.endpoint strong{display:block;font-size:11px;overflow-wrap:anywhere}
.endpoint small{display:block;color:#86958c;font-size:10px}
.endpoint a{color:#5b7564}
.endpoint a:hover{color:#1b4430}
.endpoint a .icon{width:17px;height:17px}
.password-form{display:none;margin-top:25px;padding-top:22px;border-top:1px solid #e5ece6;display:none;gap:9px}.password-form h3{font-size:15px;margin-bottom:7px}.password-form label{font-size:11px;color:#61766b;font-weight:720}.password-form input{min-height:42px;border:1px solid #dde7dd;border-radius:9px;padding:10px 12px;background:white}.password-form button{margin-top:11px;justify-self:start}
.security-tip{font-size:11px;margin:23px 0 0;line-height:1.7}
.footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e4eae3;padding:17px clamp(20px,3.5vw,51px);color:#9ba99e;font-size:10px}
.drawer-backdrop,.modal-backdrop,.mobile-backdrop{position:fixed;inset:0;z-index:35;background:rgba(9,21,18,.44);backdrop-filter:blur(3px);animation:fadein .17s ease}
@keyframes fadein{from{opacity:0}to{opacity:1}}
.device-drawer{position:fixed;right:0;top:0;height:100dvh;width:min(450px,100%);z-index:40;background:#fff;box-shadow:-20px 0 60px rgba(10,35,20,.14);padding:29px;overflow-y:auto;animation:slidein .22s ease}
@keyframes slidein{from{transform:translateX(15px);opacity:.6}to{transform:translateX(0);opacity:1}}
.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.drawer-header .eyebrow{margin:0}
.drawer-title{font-size:27px;margin:17px 0 4px}
.drawer-status{margin:12px 0 22px}
.drawer-data{border-top:1px solid #e5ece5;margin:20px 0}
.drawer-data-row{display:flex;align-items:start;justify-content:space-between;gap:12px;border-bottom:1px solid #e5ece5;padding:14px 0;font-size:12px}
.drawer-data-row>span{color:#89998e}
.drawer-data-row strong{text-align:right;max-width:65%;overflow-wrap:anywhere}
.drawer-section{margin:26px 0}
.drawer-section h3{font-size:14px;margin-bottom:12px}
.drawer-input{border:1px solid #dbe6db;border-radius:9px;padding:11px 12px;width:100%;min-height:42px;color:#25362b;background:#fff}
.drawer-actions{display:grid;gap:9px}
.drawer-actions .btn{width:100%}
.drawer-error{font-size:11px;color:#b2473b}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:50;background:white;width:min(470px,calc(100vw - 32px));padding:28px;border-radius:18px;box-shadow:0 25px 100px rgba(11,29,20,.22);max-height:calc(100dvh - 32px);overflow:auto}
.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.modal-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e9f5df;color:#5f8a5d}
.modal h2{font-size:26px}
.modal-copy{font-size:12.5px;margin-bottom:24px;line-height:1.65}
.modal label,.login-form label{display:block;font-size:11.5px;color:#54685b;font-weight:750;margin-bottom:9px}
.modal input,.login-form input{width:100%;border:1px solid #dbe6db;border-radius:10px;background:#fff;padding:12px 14px;min-height:45px;font-size:13px;color:#263d30;outline-color:#96c36a}
.hint{font-size:11px;color:#889b8c;line-height:1.7;margin-top:10px}
.modal-buttons{display:flex;justify-content:flex-end;gap:9px;margin-top:26px}
.success-banner{display:flex;align-items:center;gap:11px;padding:14px 12px;background:#edf8e9;color:#376f46;font-size:12px;border-radius:10px}
.success-banner .icon{width:19px}
.danger-symbol{display:grid;place-items:center;background:#fbebe9;color:#aa3b34;width:45px;height:45px;border-radius:12px;margin-bottom:18px}
.confirm-modal p{font-size:12px;line-height:1.7}
.toast{position:fixed;right:26px;bottom:22px;z-index:90;background:#1d3028;color:white;font-size:12px;font-weight:650;padding:14px 19px;border-radius:11px;box-shadow:0 12px 28px rgba(10,32,15,.17)}
.toast.error{background:#903e37}
.login-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);background:#fff}
.login-visual{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;background:#182827;color:#e7efea;padding:36px clamp(34px,5vw,82px);overflow:hidden;position:relative}
.login-visual:before{content:"";position:absolute;width:550px;height:550px;border:1px solid #37504a;border-radius:50%;right:-330px;top:100px;box-shadow:0 0 0 75px rgba(167,217,165,.019),0 0 0 155px rgba(167,217,165,.017);pointer-events:none}
.login-visual-top .tiny{font-size:9px;letter-spacing:.17em;color:#899e96;margin-left:auto}
.login-art{position:relative;margin:20px 0;max-width:610px}
.art-caption{font-size:10px;letter-spacing:.2em;color:#a6c7ae;font-weight:750}
.art-orbit{width:min(420px,80%);aspect-ratio:1;border:1px solid #344a43;border-radius:50%;position:relative;margin:17px auto 35px;display:grid;place-items:center}
.art-orbit:before,.art-orbit:after{content:"";position:absolute;border:1px solid #3e564d;border-radius:50%;inset:58px}
.art-orbit:after{inset:113px}
.art-orbit-center{display:grid;place-items:center;background:#c2ed8e;color:#274630;width:80px;height:80px;border-radius:24px;z-index:2;transform:rotate(-10deg)}
.art-orbit-center .icon{width:36px;height:36px;transform:rotate(10deg)}
.art-orbit-node{position:absolute;display:grid;place-items:center;width:55px;height:55px;background:#29403a;border:1px solid #48675a;color:#b5dec1;border-radius:16px;z-index:3;box-shadow:0 9px 25px #0e18181f}
.art-orbit-node.a{top:10%;left:5%}.art-orbit-node.b{right:-5%;top:45%}.art-orbit-node.c{bottom:-5%;left:24%}
.art-orbit-node .icon{width:24px;height:24px}
.login-art h1{font-size:clamp(37px,4.2vw,61px);line-height:1.12;color:white;margin-bottom:18px;letter-spacing:-.055em}
.login-art h1 em{font-style:normal;color:#c5eb93}
.login-art p{font-size:14px;max-width:440px;color:#a9bbb0;line-height:1.7}
.login-foot{display:flex;justify-content:space-between;color:#6f8b80;font-size:10px;letter-spacing:.14em}
.login-form-wrap{position:relative;display:grid;place-items:center;padding:44px 28px}
.login-form{max-width:410px;width:100%}
.login-badge{display:inline-flex;align-items:center;gap:8px;color:#4b8d63;background:#edf7e8;border:1px solid #dbebd1;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.07em;padding:8px 11px;margin-bottom:30px}
.login-badge .icon{width:14px;height:14px}
.login-form h2{font-size:clamp(30px,3.1vw,43px);letter-spacing:-.055em;line-height:1.12;margin-bottom:14px}
.login-form>p{font-size:13px;color:#7d8b84;line-height:1.7;margin-bottom:34px}
.login-form input{margin-bottom:12px}
.login-submit{width:100%;display:flex;justify-content:space-between;height:49px;margin-top:10px;font-size:12px;padding:0 18px}
.form-error{color:#a53731!important;font-size:12px!important;margin:7px 0 12px!important}
.login-help{font-size:11px!important;line-height:1.7;color:#98a59b!important;margin-top:28px}
.login-form-footer{position:absolute;bottom:27px;font-size:11px;color:#abb6ad}
@media(max-width:1240px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.overview-device-grid,.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-lower{grid-template-columns:1fr 1fr}}
@media(max-width:940px){.sidebar{position:fixed;left:-285px;transition:left .22s;box-shadow:12px 0 35px #15262417}.sidebar.open{left:0}.mobile-menu{display:inline-grid}.mobile-backdrop{z-index:15}.login-visual{padding:32px}.art-orbit{width:290px}.login-form-wrap{padding:35px}.overview-lower,.security-grid{grid-template-columns:1fr}.main-content{padding-top:30px}}
@media(max-width:680px){.section-heading{align-items:stretch;flex-direction:column;margin-bottom:20px}.section-heading .btn{align-self:flex-start}.topbar{height:64px;flex-basis:64px}.sync-status{display:none}.main-content{padding:25px 16px 50px}.metrics-grid{gap:10px}.metric{padding:15px;min-height:140px}.metric-value{font-size:35px}.overview-device-grid,.device-grid{grid-template-columns:1fr}.devices-toolbar{flex-direction:column;align-items:stretch}.search-wrap{width:100%}.filters{width:100%;justify-content:space-between}.filter{flex:1}.footer{flex-direction:column;align-items:flex-start;padding:15px 16px}.login-screen{grid-template-columns:1fr}.login-visual{display:none}.login-form-wrap{min-height:100dvh}.security-row{flex-direction:column;gap:5px}.security-row strong{text-align:left}.panel-head{flex-wrap:wrap}.device-drawer{padding:22px}.modal-buttons .btn{flex:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}