: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}.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}}