:root{--bg:#0b0f17;--bg-2:#131a26;--bg-3:#1c2533;--fg:#e6ecf5;--fg-2:#9aa6b8;--line:#243043;--accent:#4ea3ff;--amber:#ffb454;--red:#ff5d6c;--green:#4ade80;--blue:#60a5fa;--warn:#f59e0b;--err:#ef4444}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{grid-template-columns:240px 1fr;min-height:100%;display:grid}.sidebar{background:var(--bg-2);border-right:1px solid var(--line);flex-direction:column;padding:18px 12px;display:flex}.brand{align-items:center;gap:10px;padding:6px 8px 18px;display:flex}.brand-dot{background:linear-gradient(135deg, var(--accent), var(--green));border-radius:4px;width:14px;height:14px}.brand-title{font-weight:700}.brand-sub{color:var(--fg-2);font-size:12px}.sidebar nav{flex-direction:column;gap:2px;display:flex}.nav-item{color:var(--fg-2);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{background:var(--bg-3);color:var(--fg)}.sidebar-foot{color:var(--fg-2);margin-top:auto;padding:10px 12px}.clock{color:var(--fg);font-size:28px;font-weight:700}.date{text-transform:capitalize;font-size:13px}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 24px;position:sticky;top:0}.varchi-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.live-dot{background:var(--err);border-radius:50%;width:10px;height:10px;margin-right:4px;transition:background .2s;display:inline-block}.live-dot.on{background:var(--green);box-shadow:0 0 0 4px #4ade802e}.live-dot.off{background:var(--err)}.varchi-label{color:var(--fg-2);text-transform:uppercase;letter-spacing:.08em;margin-right:6px;font-size:12px}.varchi-empty{color:var(--fg-2);font-style:italic}.varco-btn{background:var(--bg-3);color:var(--fg);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:transform 50ms,background .15s;display:inline-flex}.varco-btn:hover{background:#2a3548}.varco-btn:active{transform:scale(.97)}.flash{background:var(--bg-3);border:1px solid var(--line);border-radius:8px;margin:12px 24px 0;padding:10px 14px}.content{padding:24px}.page-title{margin:0 0 6px;font-size:28px}.page-sub{color:var(--fg-2);margin:0 0 24px}.section{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2);margin:20px 0 10px;font-size:14px}.tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.tile{background:var(--bg-2);border:1px solid var(--line);color:var(--fg);border-radius:14px;align-items:center;gap:16px;padding:22px;text-decoration:none;transition:transform 80ms,background .15s;display:flex}.tile:hover{background:var(--bg-3);transform:translateY(-1px)}.tile .ic{color:var(--accent)}.tile-amber .ic{color:var(--amber)}.tile-red .ic{color:var(--red)}.tile-green .ic{color:var(--green)}.tile-blue .ic{color:var(--blue)}.tile-title{font-size:18px;font-weight:700}.tile-sub{color:var(--fg-2);margin-top:2px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:16px}.card .title{font-size:16px;font-weight:700}.card .sub{color:var(--fg-2);margin-top:2px;font-size:13px}.card-head{color:var(--fg-2);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.where{background:var(--bg-3);border-radius:999px;padding:2px 8px}.title-row{justify-content:space-between;align-items:baseline;display:flex}.big-toggle{background:var(--bg-3);width:100%;color:var(--fg);border:1px solid var(--line);cursor:pointer;border-radius:10px;margin-top:12px;padding:14px;font-size:16px;font-weight:700}.big-toggle.on{background:linear-gradient(135deg, var(--amber), #ff8b2a);color:#1a1200;border-color:#0000}.light.on{border-color:var(--amber);box-shadow:0 0 0 1px #ffb45440}.big-status{margin:8px 0 12px;font-size:28px;font-weight:800}.big-num{font-size:32px;font-weight:800}.banner{border-radius:10px;margin-bottom:16px;padding:12px 14px}.banner.warn{background:#f59e0b1f;border:1px solid #f59e0b66}.banner.err{background:#ef44441f;border:1px solid #ef444466}.banner code{background:#ffffff12;border-radius:4px;padding:1px 6px}.banner.info{background:#4ea3ff1a;border:1px solid #4ea3ff59}.section-hint{color:var(--fg-2);text-transform:none;letter-spacing:0;margin-left:8px;font-size:12px;font-weight:400}.kind-badge{background:var(--bg-2);color:var(--fg-2);border-radius:4px;margin-left:4px;padding:0 4px;font-size:10px;font-weight:700}.bus-activity{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;margin:14px 0 18px;padding:12px 14px}.bus-activity-label{color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px}.bus-activity-list{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.bus-activity-list .evt{background:var(--bg-3);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:13px}.bus-activity-list .evt.on{border-color:var(--amber);background:#ffb45426}.bus-activity-list .evt.off{background:#9aa6b81a}.bus-activity-hint{color:var(--fg-2);font-size:12px}.scenes-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:8px;display:grid}.scene-btn{background:var(--bg-2);color:var(--fg);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:16px 18px;font-weight:600;transition:transform 50ms,background .15s,border-color .15s;display:flex}.scene-btn:hover{background:var(--bg-3)}.scene-btn:active{transform:scale(.98)}.scene-btn .ic{color:var(--accent)}.scene-btn .scene-name{flex:1;font-size:15px}.scene-btn .scene-state{color:var(--fg-2);background:var(--bg-3);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.scene-btn.on{border-color:var(--amber)}.scene-btn.on .ic{color:var(--amber)}.scene-btn.on .scene-state{color:var(--amber);background:#ffb45433}.scene-btn.partial{border-color:var(--warn)}.scene-btn.partial .ic{color:var(--warn)}.scene-btn.partial .scene-state{color:var(--warn);background:#f59e0b33}.mode-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.mode-label{color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.mode-select,.mode-time{background:var(--bg-3);color:var(--fg);border:1px solid var(--line);border-radius:6px;flex:1;min-width:0;padding:6px 8px;font-size:13px}.user-chip{align-items:center;gap:10px;margin-left:auto;display:flex}.user-name{color:var(--fg-2);font-size:13px;font-weight:600}.login-wrap{background:radial-gradient(circle at 30% 20%, #4ea3ff14, transparent 50%), var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;min-width:320px;padding:30px 28px;display:flex;box-shadow:0 20px 60px #0006}.login-brand{align-items:center;gap:12px;margin-bottom:8px;display:flex}.login-card input{background:var(--bg-3);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:15px}.login-card button{margin-top:4px;padding:12px;font-size:15px}.login-err{color:var(--err);background:#ef44441f;border:1px solid #ef444466;border-radius:8px;padding:8px 12px;font-size:13px}.settings-card{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;max-width:720px;margin-bottom:20px;padding:20px 22px}.settings-card h2{margin:0 0 14px;font-size:18px}.settings-card h3{color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em;margin:24px 0 12px;font-size:14px}.form-col{flex-direction:column;gap:10px;max-width:380px;display:flex}.form-col input,.form-grid input,.form-grid select{background:var(--bg-3);border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:10px 12px;font-size:14px}.form-grid{grid-template-columns:1fr 1fr 130px 100px;align-items:center;gap:10px;display:grid}.form-grid .msg-err{grid-column:1/-1}.msg-ok{color:var(--green);padding:8px 0;font-size:13px}.msg-err{color:var(--err);padding:8px 0;font-size:13px}.users-table{border-collapse:collapse;width:100%;font-size:14px}.users-table th{text-align:left;border-bottom:1px solid var(--line);color:var(--fg-2);text-transform:uppercase;padding:8px;font-size:12px;font-weight:600}.users-table td{border-bottom:1px solid var(--line);padding:10px 8px}.row-actions{justify-content:flex-end;gap:6px;display:flex}.role-pill{text-transform:uppercase;background:var(--bg-3);color:var(--fg-2);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.role-pill.admin{color:var(--green);background:#4ade8026}button.ghost.danger{color:var(--err)}.reset-row{background:var(--bg-3);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 12px;padding:10px 12px;font-size:14px;display:flex}.reset-row input{background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:6px;flex:1;min-width:160px;padding:8px 10px;font-size:13px}@media (width<=600px){.form-grid{grid-template-columns:1fr}}.debug{background:var(--bg-2);border:1px solid var(--line);color:var(--fg-2);border-radius:8px;padding:12px;font-size:12px;overflow:auto}button{background:var(--accent);color:#001226;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:var(--bg-3);color:var(--fg)}button.link{color:var(--fg-2);background:0 0;padding:0;font-weight:500;text-decoration:underline}.row{gap:8px;margin-top:10px;display:flex}.edit{flex-direction:column;gap:8px;display:flex}.edit input{background:var(--bg-3);border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:8px 10px;font-size:14px}.ic{background:currentColor;width:22px;height:22px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ic-xl{width:40px;height:40px}.ic-home{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M12 3 2 12h3v8h6v-6h2v6h6v-8h3z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M12 3 2 12h3v8h6v-6h2v6h6v-8h3z'/></svg>")}.ic-light{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M9 21h6v-1H9zm3-19a7 7 0 0 0-4 12.74V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.26A7 7 0 0 0 12 2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M9 21h6v-1H9zm3-19a7 7 0 0 0-4 12.74V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.26A7 7 0 0 0 12 2z'/></svg>")}.ic-shield{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5z'/></svg>")}.ic-sun{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><circle cx='12' cy='12' r='4'/><path d='M12 1v3M12 20v3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M1 12h3M20 12h3M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1' stroke='currentColor' stroke-width='2' stroke-linecap='round'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><circle cx='12' cy='12' r='4'/><path d='M12 1v3M12 20v3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M1 12h3M20 12h3M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1' stroke='currentColor' stroke-width='2' stroke-linecap='round'/></svg>")}.ic-gear{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M19.4 13a7.7 7.7 0 0 0 0-2l2-1.6-2-3.4-2.4 1a8 8 0 0 0-1.7-1L15 3h-6l-.3 2.6a8 8 0 0 0-1.7 1l-2.4-1-2 3.4L4.6 11a7.7 7.7 0 0 0 0 2L2.6 14.6l2 3.4 2.4-1a8 8 0 0 0 1.7 1L9 21h6l.3-2.6a8 8 0 0 0 1.7-1l2.4 1 2-3.4zM12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M19.4 13a7.7 7.7 0 0 0 0-2l2-1.6-2-3.4-2.4 1a8 8 0 0 0-1.7-1L15 3h-6l-.3 2.6a8 8 0 0 0-1.7 1l-2.4-1-2 3.4L4.6 11a7.7 7.7 0 0 0 0 2L2.6 14.6l2 3.4 2.4-1a8 8 0 0 0 1.7 1L9 21h6l.3-2.6a8 8 0 0 0 1.7-1l2.4 1 2-3.4zM12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/></svg>")}.ic-gate{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M3 20V8h8v12H9v-3H5v3zm10 0V8h8v12h-2v-3h-4v3zM7 11v3h2v-3zm10 0v3h2v-3z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M3 20V8h8v12H9v-3H5v3zm10 0V8h8v12h-2v-3h-4v3zM7 11v3h2v-3zm10 0v3h2v-3z'/></svg>")}.ic-door{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M6 2h12v20H6zm3 9h2v2H9z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M6 2h12v20H6zm3 9h2v2H9z'/></svg>")}.ic-garage{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M3 9 12 4l9 5v11h-3v-9H6v9H3zm5 4h8v2H8zm0 4h8v2H8z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M3 9 12 4l9 5v11h-3v-9H6v9H3zm5 4h8v2H8zm0 4h8v2H8z'/></svg>")}@media (width<=700px){.app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;padding:8px;overflow-x:auto}.sidebar nav{flex-direction:row}.nav-item span:nth-child(2),.sidebar-foot{display:none}.brand{padding:6px 10px 6px 6px}}.stats-row{flex-wrap:wrap;gap:12px;margin:12px 0;display:flex}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex:120px;padding:12px 16px}.stat-n{font-size:28px;font-weight:700}.stat-l{color:var(--fg-2);text-transform:uppercase;letter-spacing:.5px;font-size:13px}.stat.warn{border-color:#b46b1e}.stat.warn .stat-n{color:#f0a453}.stat.err{border-color:#a83232}.stat.err .stat-n{color:#ff6b6b}.banner.err{color:#ff9090;background:#ff3c3c1f;border-color:#a83232}.tabs{border-bottom:1px solid var(--line);gap:6px;margin:12px 0;display:flex}.tab{color:var(--fg-2);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 16px;font-size:14px}.tab.on{color:var(--fg);border-bottom-color:var(--acc)}.card.program{border-left:3px solid var(--line)}.card.program.on{border-left-color:#4ea366}.card.program.alarm{background:#ff3c3c0d;border-left-color:#ff6b6b}.zones-list{flex-direction:column;gap:4px;margin-top:12px;display:flex}.zone-row{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;grid-template-columns:44px 1fr auto auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.zone-row.open{border-left:3px solid #f0a453}.zone-row.alarm{background:#ff3c3c0f;border-left:3px solid #ff6b6b}.zone-row.isolated{opacity:.55}.zone-num{color:var(--fg-2);font-family:monospace}.zone-name{font-weight:500}.zone-flags{color:var(--fg-2);text-transform:uppercase;font-size:12px}.zone-row.open .zone-flags{color:#f0a453}.zone-row.alarm .zone-flags{color:#ff6b6b}.keypad{max-width:400px;margin:20px auto}.keypad-display{color:#7dff7d;text-align:center;letter-spacing:.5px;background:#1a2618;border:2px solid #2a3628;border-radius:8px;padding:16px;font-family:monospace;font-size:18px;line-height:1.6}.keypad-leds{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.led{background:var(--bg-2);border:1px solid var(--line);text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px}.led.on{color:#f0c853;background:#ffc83c26;border-color:#b48f3e}.modal-back{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;width:90%;max-width:500px;max-height:80vh;padding:24px;overflow-y:auto}.modal h3{margin:0 0 8px}.modal .sub{color:var(--fg-2);font-size:14px}.open-zones-list{max-height:300px;margin:12px 0;padding:0;list-style:none;overflow-y:auto}.open-zones-list li{background:var(--bg-2);border:1px solid var(--line);border-radius:6px;align-items:center;gap:12px;margin-bottom:4px;padding:8px 12px;display:flex}.open-zones-list .zone-num{min-width:32px;color:var(--fg-2);font-family:monospace}.cams-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:12px;display:grid}.cam-card{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:12px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.cam-card:hover{border-color:var(--acc);transform:translateY(-2px)}.cam-card img{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block}.cam-name{justify-content:space-between;align-items:center;padding:10px 14px;font-weight:500;display:flex}.cam-id{color:var(--fg-2);font-family:monospace;font-size:12px}.cam-full{z-index:200;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cam-full img{object-fit:contain;max-width:100vw;max-height:100vh}.cam-full-name{background:#0009;border-radius:8px;padding:6px 14px;font-size:15px;position:absolute;top:20px;left:20px}.cam-full-close{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;width:40px;height:40px;font-size:20px;position:absolute;top:20px;right:20px}.ic-cam{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11z'/></svg>")}.card.program.pending{box-shadow:0 0 20px #8b6bff80;background:#2a1f5c!important;border:2px solid #8b6bff!important;animation:1s ease-in-out infinite pulseViolet!important}@keyframes pulseViolet{0%,to{background:#2a1f5c;border-color:#8b6bff;box-shadow:0 0 12px #8b6bff4d}50%{background:#4a37a8;border-color:#b8a5ff;box-shadow:0 0 32px 4px #8b6bffbf}}.transit-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#7a5cff;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.card.program.on{background:#d6454514;border-left:3px solid #d64545!important}.solar-hero{text-align:center;background:linear-gradient(135deg,#4ea36626,#4ea36608);border:1px solid #4ea3664d;border-radius:16px;margin:16px 0;padding:32px 16px}.hero-num{color:#4ea366;font-size:72px;font-weight:700;line-height:1}.hero-unit{color:var(--fg-2);margin-left:8px;font-size:24px;font-weight:400}.hero-label{color:var(--fg-2);text-transform:uppercase;letter-spacing:.5px;margin-top:8px;font-size:15px}.solar-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0;display:grid}.stat.solar{border-left:3px solid var(--line);padding:14px 18px}.stat.solar .stat-l{text-transform:none}.stat.solar.tone-prod{border-left-color:#4ea366}.stat.solar.tone-prod .stat-n{color:#7fc890}.stat.solar.tone-use{border-left-color:#d64545}.stat.solar.tone-use .stat-n{color:#f88}.stat.solar.tone-self{border-left-color:#4ea366}.stat.solar.tone-grid{border-left-color:#5f8fdd}.stat.solar.tone-grid .stat-n{color:#7fadea}.stat.solar.tone-buy{border-left-color:#d64545}.solar-ratios{flex-direction:column;gap:10px;display:flex}.ratio-row{flex-direction:column;gap:4px;display:flex}.ratio-label{justify-content:space-between;font-size:14px;display:flex}.ratio-val{color:var(--fg-2);font-family:monospace}.ratio-bar{background:var(--bg-3);border-radius:4px;height:8px;overflow:hidden}.ratio-fill{border-radius:4px;height:100%;transition:width .5s}.spark{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;width:100%;max-width:800px;height:auto;margin-top:8px}.card.program .row button:not(.ghost){color:#fff;background:#d64545}.card.program .row button:not(.ghost):hover:not(:disabled){background:#b83535}.card.program .row button.ghost{color:#fff;background:#4ea366;border:0}.card.program .row button.ghost:hover:not(:disabled){background:#3d8a53}.varco-btn{min-height:52px;padding:14px 22px!important;font-size:16px!important}.varco-btn .ic{width:24px;height:24px}@media (width<=700px){.varco-btn{flex:45%;justify-content:center;min-height:56px;padding:16px 24px!important;font-size:17px!important}.varco-btn .ic{width:28px;height:28px}.varchi-label{flex-basis:100%;margin-bottom:4px}}.ai-card{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:12px;align-items:center;gap:16px;margin:12px 0;padding:14px 18px;display:flex}.ai-card.on{background:#d645450d;border-left-color:#d64545}.ai-card.off{background:#4ea3660d;border-left-color:#4ea366}.ai-card.offline{opacity:.5;border-left-color:var(--fg-2)}.ai-info{flex:1}.ai-title{font-size:15px;font-weight:600}.ai-sub{color:var(--fg-2);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:13px}.ai-card button{min-width:100px}