:root{color-scheme:dark;--bg:#070c16;--sidebar:#061426;--surface:#0d1828;--surface2:#111f33;--surface3:#14243b;--border:#26374b;--text:#ecf4ff;--muted:#91a3b9;--blue:#187ee3;--blue2:#245fba;--green:#138a70;--green2:#1fbf93;--red:#df535a;--yellow:#e8aa3c;--shadow:0 18px 40px #0006;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#6fb5ff;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,4vw,38px);letter-spacing:-.04em;margin-bottom:8px}h2{font-size:21px}h3{font-size:17px}small{font-size:12px}.muted{color:var(--muted)}.hidden,[hidden]{display:none!important}.layout{display:flex;min-height:100vh}.sidebar{width:276px;position:fixed;top:0;left:0;bottom:0;background:#06101f;border-right:1px solid #1e3450;display:flex;flex-direction:column;z-index:40}.sidebar-header{height:88px;padding:25px 22px;display:flex;justify-content:space-between;align-items:center}.logo-mark{display:flex;align-items:center;gap:9px;font-size:19px;white-space:nowrap;font-weight:850;letter-spacing:-.05em}.logo-mark b{color:#69baff}.logo-symbol{font-size:27px;color:#52ddc0;line-height:1;transform:rotate(10deg)}.account-chip{display:flex;align-items:center;gap:10px;padding:12px;margin:0 13px 14px;border:1px solid var(--border);border-radius:13px;background:#0d1d32}.account-chip b,.account-chip small{display:block;max-width:177px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip small{margin-top:4px;color:var(--muted)}.avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,#1c7ceb,#156e6e);font-weight:800;flex-shrink:0}.avatar.small{width:31px;height:31px;border-radius:50%}.nav-search{padding:0 14px 12px}.nav-search input{width:100%;height:39px;padding:0 12px;background:#091a2d;border:1px solid #29405b;border-radius:8px;color:var(--text);outline:none}.nav-search input:focus,input:focus,textarea:focus,select:focus{border-color:#398feb;outline:2px solid #398feb33}#nav{overflow-y:auto;flex:1;padding:0 9px 20px}#nav::-webkit-scrollbar{width:5px}#nav::-webkit-scrollbar-thumb{background:#344860;border-radius:10px}.nav-group{margin-bottom:14px}.nav-group-title{font-size:11px;font-weight:700;letter-spacing:.12em;color:#8a9cae;padding:12px 12px 8px;text-transform:uppercase;display:flex;align-items:center;gap:7px}.nav-link{display:flex;width:100%;gap:11px;align-items:center;text-align:left;color:#b7c6d7;background:none;border:0;border-radius:9px;padding:11px 13px;margin:2px 0}.nav-link:hover{background:#152941;color:#fff}.nav-link.active{background:#123c4c;color:#fff;border-left:3px solid #20c2a0}.nav-link .nav-icon{font-size:17px;width:20px;text-align:center}.sidebar-footer{padding:14px;border-top:1px solid var(--border)}.version{text-align:center;color:var(--muted);font-size:11px;padding-bottom:12px}.content-wrap{margin-left:276px;min-width:0;flex:1}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #203249;background:#0a1422}.top-left,.top-right{display:flex;align-items:center;gap:14px}.crumb{font-size:13px;color:var(--muted)}.crumb strong{color:var(--text)}.tag{font-size:12px;background:#10343b;border:1px solid #1e665f;color:#8ef1d4;border-radius:18px;padding:7px 11px}.page{max-width:1240px;margin:auto;padding:30px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#45bdcf;margin-bottom:10px;font-weight:800}.page-subtitle{color:var(--muted);margin-bottom:25px;max-width:760px;line-height:1.6}.section-header,.inline-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.section-header{margin-bottom:22px}.section-header h1{margin:0}.stack{display:flex;flex-direction:column;gap:18px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.metric{background:linear-gradient(140deg,#112540,#0d1626);border:1px solid #29405a;border-radius:16px;padding:22px;min-height:125px}.metric span{font-size:13px;color:var(--muted)}.metric b{display:block;font-size:33px;margin-top:13px;letter-spacing:-.04em}.metric.blue{border-left:4px solid #367af2}.metric.green{border-left:4px solid #20ba8c}.metric.yellow{border-left:4px solid #e4b04b}.panel{background:#0c1726;border:1px solid var(--border);border-radius:17px;padding:23px;box-shadow:0 8px 24px #0002}.panel h2{margin-bottom:12px}.panel-desc{color:var(--muted);line-height:1.65}.btn{border:1px solid transparent;border-radius:10px;padding:12px 17px;font-weight:650;color:#fff;background:var(--surface3);transition:filter .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--blue)}.btn-green{background:#107762}.btn-outline{border-color:#36516a;background:transparent;color:#d6e6f6}.btn-danger{background:#932f35}.btn-small{font-size:13px;padding:8px 11px;min-height:34px}.full{width:100%}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:17px}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-list .feature{padding:14px;background:#112239;border:1px solid #213b56;border-radius:12px;display:flex;align-items:center;gap:9px}.feature-icon{color:#48cfaa}.device-card,.rule-card,.backup-card{background:#0d1929;border:1px solid #293a52;border-radius:15px;padding:20px;margin-top:14px}.device-card-header{display:flex;justify-content:space-between;gap:10px;align-items:start;flex-wrap:wrap}.device-name{font-size:20px;font-weight:750}.pill{display:inline-block;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid #4b765b;background:#163122;color:#69cf8d}.pill.off{background:#322b19;color:#ebae5f;border-color:#78613d}.device-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.mini-info{border:1px solid var(--border);padding:15px;border-radius:11px;color:var(--muted);font-size:12px}.mini-info strong{display:block;color:var(--text);font-size:16px;margin-top:7px;word-break:break-all}.device-actions{display:flex;flex-wrap:wrap;gap:8px}.field{margin:15px 0}.field label{font-size:13px;color:#c9d8e9;font-weight:650;display:block;margin-bottom:8px}.field input,.field select,.field textarea,select,input,textarea{background:#071322;border:1px solid #31465e;color:#f4f8ff;border-radius:9px;padding:12px;width:100%;min-width:0}.field textarea,textarea{min-height:96px;resize:vertical}.field-hint{font-size:12px;color:var(--muted);margin-top:5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.checkbox-line{display:flex;align-items:center;gap:9px;margin:13px 0;color:#cad8e4}.checkbox-line input{width:auto;accent-color:#14a484}.rule-card .rule-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.rule-card p{margin:12px 0;color:#c4d2e2;white-space:pre-line}.filters{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:center}.empty{border:1px dashed #2f4b6c;background:#0c1929;border-radius:13px;color:var(--muted);padding:30px;text-align:center}.intro-icon{font-size:32px;margin-bottom:10px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:23px 0}.choice{min-height:160px;background:#091c2b;border:2px solid #2c4358;border-radius:16px;color:#eef8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.choice strong{font-size:18px}.choice span{font-size:12px;color:var(--muted)}.choice .choice-icon{font-size:34px;color:#2bd3a4}.choice.selected{border-color:#31cbb0;background:#10322e}.timeline{margin:22px 0;padding-left:20px;border-left:2px solid #179c85;display:grid;gap:18px}.timeline-item{position:relative;padding:0 0 5px 18px;color:#b5c9d7}.timeline-item:before{content:'✓';position:absolute;left:-34px;top:-1px;width:26px;height:26px;background:#117b6c;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px}.timeline-item b{color:#40c8ba;font-size:11px;letter-spacing:.12em;display:block;margin-bottom:5px}.timeline-item p{margin:0;line-height:1.5}.qr-image{background:#fff;display:block;padding:12px;margin:16px auto;width:min(100%,290px);border-radius:10px}.pair-code{font-family:ui-monospace,monospace;font-size:clamp(26px,5vw,43px);font-weight:850;text-align:center;letter-spacing:.13em;background:#102b31;border:1px dashed #33cfb7;border-radius:12px;padding:22px;word-break:break-all;margin-top:17px}.notice{padding:14px 17px;border:1px solid #1d556f;background:#102337;border-radius:10px;color:#b5d5ec;line-height:1.5;margin:14px 0}.notice.warn{background:#2b2417;border-color:#68522d;color:#edd39d}.menu-section-editor{background:#102036;border:1px solid #29445f;padding:16px;border-radius:12px;margin:14px 0}.menu-row-editor{padding:14px;background:#09182b;border:1px solid #2a3b52;border-radius:11px;margin:10px 0}.menu-editor-title{font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:9px}.days{display:grid;gap:9px}.day-row{display:grid;grid-template-columns:110px repeat(4,1fr);align-items:center;gap:8px;background:#102039;border-radius:10px;padding:12px}.day-row input{padding:9px 6px;font-size:13px}.day-row span{font-weight:650}.hours-labels{display:grid;grid-template-columns:110px repeat(4,1fr);gap:8px;color:var(--muted);font-size:12px;padding:0 12px}.placeholder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.placeholder-item{padding:15px;border:1px solid #233b55;border-radius:10px;background:#10223a}.placeholder-item small{display:block;color:#7996b2;margin-top:5px}.dialog-layer{position:fixed;inset:0;background:#000b;z-index:80;display:flex;align-items:center;justify-content:center;padding:15px}.dialog{width:min(640px,100%);max-height:90vh;overflow:auto;background:#0c1c2d;border:1px solid #34516a;border-radius:17px;padding:23px;box-shadow:var(--shadow)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}.icon-btn{width:38px;height:38px;border:1px solid #36526c;border-radius:10px;background:#12273c;color:#f7fbff;font-size:18px;display:grid;place-items:center}.toast{position:fixed;right:25px;bottom:25px;padding:14px 19px;background:#115c4d;color:#fff;border:1px solid #4fc8a0;border-radius:11px;z-index:100;max-width:450px;box-shadow:var(--shadow)}.toast.error{background:#622d35;border-color:#dd5d66}.auth-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 35% 20%,#163c5f 0%,#07111f 52%,#050a11 100%);padding:20px}.auth-card{width:min(430px,100%);padding:35px;background:#0e1c2d;border:1px solid #2b435b;border-radius:19px;box-shadow:var(--shadow)}.auth-card .logo-mark{justify-content:center;font-size:23px}.auth-card p{text-align:center;margin-top:12px}.auth-switch{display:flex;margin:24px 0;background:#091728;border-radius:11px;padding:5px}.auth-switch button{flex:1;background:transparent;border:0;color:#8aa4be;padding:12px;border-radius:8px}.auth-switch button.selected{background:#163b5a;color:#fff}.auth-note{font-size:12px;color:var(--muted);line-height:1.6}.mobile-only,.nav-overlay{display:none}
@media(max-width:1160px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.nav-overlay.show{display:block;position:fixed;inset:0;background:#000a;z-index:30}.content-wrap{margin-left:0}.mobile-only{display:grid}.topbar{height:60px;padding:0 15px}.tag{display:none}.page{padding:22px 16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.device-details{grid-template-columns:1fr}.day-row,.hours-labels{grid-template-columns:85px repeat(4,minmax(0,1fr));gap:4px;padding:8px 4px}.day-row input{padding:7px 2px;font-size:12px}.day-row span{font-size:11px}.hours-labels{font-size:9px}.choice{min-height:128px}.placeholder-list,.feature-list{grid-template-columns:1fr}}
@media(max-width:420px){.cards{gap:10px}.metric{padding:15px;min-height:110px}.metric b{font-size:27px}.panel{padding:16px}.device-card,.rule-card,.backup-card{padding:15px}.top-right{display:none}.logo-mark{font-size:17px}}