:root{--bg:#f4f6fa;--surface:#ffffff;--surface2:#f0f4f8;--line:#e5e7eb;--line-soft:#f0f2f6;--text:#111827;--text-dim:#6b7280;--text-faint:#9ca3af;--ok:#16a34a;--ok-bg:#dcfce7;--warn:#d97706;--warn-bg:#fef3c7;--bad:#dc2626;--bad-bg:#fee2e2;--info:#2563eb;--info-bg:#dbeafe;--accent:#2563eb;--sidebar-bg:#ffffff;--sidebar-border:#e5e7eb;--nav-active-bg:#eff6ff;--nav-active-color:#2563eb;--topbar-bg:#ffffff;--shadow-sm:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.09),0 2px 4px rgba(0,0,0,.05);--btn-hover-bg:#f3f4f6;--btn-hover-border:#d1d5db;--card-hover-border:#d1d5db;--sidebar-width:220px;--header-height:68px;--mono:"SF Mono",ui-monospace,"Cascadia Code","Roboto Mono",Menlo,Consolas,monospace;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}[data-theme=dark]{--bg:#0f1419;--surface:#171d26;--surface2:#1e2632;--line:#2a3441;--line-soft:#222b37;--text:#e4e9f0;--text-dim:#8b97a8;--text-faint:#5a6678;--ok:#3dd68c;--ok-bg:#102a1f;--warn:#f5b748;--warn-bg:#2e2410;--bad:#f0635f;--bad-bg:#2e1414;--info:#5aa9f5;--info-bg:#0e2236;--accent:#5aa9f5;--sidebar-bg:#171d26;--sidebar-border:#2a3441;--nav-active-bg:#0e2236;--nav-active-color:#5aa9f5;--topbar-bg:rgba(23,29,38,.95);--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.45);--btn-hover-bg:#222b37;--btn-hover-border:#3a4656;--card-hover-border:#3a4656}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}::selection{background:#2563eb2e}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app-shell{display:flex;height:100vh;overflow:hidden}.main-area{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:margin-left .22s ease}.main-content{flex:1;overflow-y:auto}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;z-index:30;overflow:hidden;transition:width .22s ease}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:18px 0}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:9px 0;gap:0}.sidebar.collapsed .sidebar-nav-item.active:before{top:6px;bottom:6px}.sidebar.collapsed .sidebar-bottom{padding:12px 6px;align-items:center}.sidebar.collapsed .sidebar-collapse{justify-content:center;padding:6px 0}.sidebar-logo{padding:18px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);flex-shrink:0;transition:padding .22s ease,justify-content .22s ease}.sidebar-logo-icon{width:36px;height:36px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-icon svg{width:20px;height:20px;color:#fff}.sidebar-logo-text{line-height:1.25;min-width:0}.sidebar-logo-name{font-size:13px;font-weight:700;color:var(--text);letter-spacing:-.01em;white-space:nowrap}.sidebar-logo-ver{font-size:10.5px;color:var(--text-faint);font-family:var(--mono)}.sidebar-nav{flex:1;padding:10px 8px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,color .12s;margin-bottom:2px;position:relative;background:none;border:none;width:100%;text-align:left}.sidebar-nav-item:hover{background:var(--surface2);color:var(--text)}.sidebar-nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-color);font-weight:600}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--nav-active-color);border-radius:0 3px 3px 0}.sidebar-nav-item svg{width:17px;height:17px;flex-shrink:0}.sidebar-nav-label{flex:1}.sidebar-badge{background:var(--bad);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;font-family:var(--mono);min-width:20px;text-align:center;line-height:1.6}.sidebar-bottom{padding:12px 10px;border-top:1px solid var(--line);flex-shrink:0}.sidebar-stay{background:var(--nav-active-bg);border-radius:12px;padding:12px 13px;margin-bottom:12px}.sidebar-stay-top{display:flex;align-items:center;gap:8px;margin-bottom:3px}.sidebar-stay-emoji{font-size:20px;line-height:1}.sidebar-stay-title{font-size:12.5px;font-weight:600;color:var(--text)}.sidebar-stay-sub{font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:5px}.sidebar-stay-led{width:6px;height:6px;border-radius:50%;background:var(--ok);flex-shrink:0}.sidebar-theme-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:0 2px}.sidebar-theme-label{font-size:11.5px;color:var(--text-dim);flex:1}.theme-toggle{display:flex;background:var(--surface2);border:1px solid var(--line);border-radius:20px;padding:2px;gap:2px}.theme-toggle button{background:none;border:none;color:var(--text-faint);padding:4px 8px;border-radius:16px;font-size:13px;transition:background .15s,color .15s;line-height:1}.theme-toggle button.on{background:var(--accent);color:#fff}.sidebar-collapse{display:flex;align-items:center;gap:7px;color:var(--text-faint);font-size:12px;background:none;border:none;padding:6px 4px;cursor:pointer;transition:color .15s;width:100%}.sidebar-collapse:hover{color:var(--text-dim)}.sidebar-collapse svg{width:15px;height:15px}.topbar{height:var(--header-height);background:var(--topbar-bg);border-bottom:1px solid var(--line);padding:0 22px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:20;flex-shrink:0}.topbar-greeting{display:flex;align-items:center;gap:9px;line-height:1.25;flex-shrink:0}.topbar-greeting .wave{font-size:22px;flex-shrink:0}.topbar-greeting .greet-line{font-size:11.5px;color:var(--text-dim)}.topbar-greeting .greet-name{font-size:13.5px;font-weight:700;color:var(--text)}.topbar-search{flex:1;max-width:460px;position:relative;margin:0 8px}.topbar-search input{width:100%;background:var(--surface2);border:1px solid var(--line);color:var(--text);padding:9px 76px 9px 36px;border-radius:10px;font-size:13px;font-family:var(--sans);outline:none;transition:border-color .15s,box-shadow .15s}.topbar-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.topbar-search input::placeholder{color:var(--text-faint)}.topbar-search .s-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-faint);pointer-events:none}.topbar-search .s-shortcut{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px}.topbar-search .kbd{background:var(--line);color:var(--text-faint);font-size:10px;font-family:var(--mono);padding:1px 5px;border-radius:4px;white-space:nowrap}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:9px}.db-pill{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;white-space:nowrap}.db-dot{width:7px;height:7px;border-radius:50%;background:var(--warn);flex-shrink:0;animation:pulse 2s infinite}.db-dot.ok{background:var(--ok);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.db-plus{width:24px;height:24px;border:1.5px solid var(--line);border-radius:6px;background:none;color:var(--text-faint);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;line-height:1;transition:border-color .15s,color .15s}.db-plus:hover{border-color:var(--accent);color:var(--accent)}.icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.icon-btn:hover{border-color:var(--btn-hover-border);background:var(--btn-hover-bg);color:var(--text)}.icon-btn svg{width:16px;height:16px}.notif-badge{position:absolute;top:-5px;right:-5px;background:var(--bad);color:#fff;font-size:9px;font-weight:700;padding:1px 4px;border-radius:10px;font-family:var(--mono);min-width:16px;text-align:center;border:2px solid var(--topbar-bg)}.add-btn{background:var(--accent);color:#fff;border:none;padding:8px 14px;border-radius:9px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .15s;white-space:nowrap}.add-btn:hover{opacity:.88}.add-btn svg{width:15px;height:15px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;letter-spacing:.02em}.wrap{max-width:1240px;margin:0 auto;padding:22px}.crumb{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--text-dim);margin-bottom:20px}.crumb a{color:var(--text-dim);text-decoration:none;cursor:pointer}.crumb a:hover{color:var(--accent)}.crumb .sep{color:var(--text-faint)}.fleet-section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.fleet-section-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.02em}.fleet-section-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.fleet-head-right{display:flex;align-items:center;gap:9px}.time-filter-btn,.fleet-filter-btn{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:12.5px;color:var(--text-dim);cursor:pointer;transition:border-color .15s;white-space:nowrap}.time-filter-btn:hover,.fleet-filter-btn:hover{border-color:var(--btn-hover-border)}.time-filter-btn svg,.fleet-filter-btn svg{width:14px;height:14px}.town-search-wrap{position:relative;display:flex;align-items:center}.town-search-icon{position:absolute;left:9px;width:14px;height:14px;color:var(--text-faint);pointer-events:none;flex-shrink:0}.town-search-input{padding:7px 30px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:12.5px;font-family:var(--sans);width:190px;transition:border-color .15s,width .2s ease}.town-search-input:focus{outline:none;border-color:var(--accent);width:230px}.town-search-input::placeholder{color:var(--text-faint)}.town-search-clear{position:absolute;right:6px;width:20px;height:20px;border:none;background:none;color:var(--text-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px}.town-search-clear:hover{color:var(--text)}.town-search-clear svg{width:11px;height:11px}.town-filter-bar{display:flex;align-items:center;gap:7px;padding:8px 14px;background:var(--info-bg);border:1px solid rgba(37,99,235,.2);border-radius:9px;margin-bottom:14px;font-size:12.5px;color:var(--text-dim)}.town-filter-bar svg{width:13px;height:13px;color:var(--accent);flex-shrink:0}.town-filter-bar strong{color:var(--text);font-weight:600}.town-filter-clear{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid rgba(37,99,235,.25);border-radius:6px;background:none;color:var(--accent);font-size:11.5px;font-weight:600;cursor:pointer;transition:background .12s}.town-filter-clear:hover{background:#2563eb14}.town-filter-clear svg{width:10px;height:10px}[data-theme=dark] .town-filter-bar{background:var(--info-bg);border-color:#5aa9f533}[data-theme=dark] .town-filter-clear{border-color:#5aa9f540;color:var(--accent)}.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px}@media(max-width:1600px){.summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.summary-grid{grid-template-columns:1fr}}.sum-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.sum-card-head{display:flex;align-items:center;gap:9px;padding:14px 16px 10px;flex-shrink:0}.sum-card-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sum-card-icon svg{width:16px;height:16px}.sum-card-label{font-size:13px;font-weight:600;color:var(--text-dim);flex:1}.sum-card-link{font-size:12px;color:var(--accent);cursor:pointer;text-decoration:none}.sum-card.blue{background:#eff6ff;border-color:#bfdbfe}.sum-card.green{background:#f0fdf4;border-color:#bbf7d0}.sum-card.purple{background:#f5f3ff;border-color:#ddd6fe}.sum-card.amber{background:#fffbeb;border-color:#fde68a}.sum-card.teal{background:#f0fdfa;border-color:#99f6e4}.sum-card.indigo{background:#eef2ff;border-color:#c7d2fe}.sum-card.blue .sum-card-icon{background:#dbeafe;color:#2563eb}.sum-card.green .sum-card-icon{background:#dcfce7;color:#16a34a}.sum-card.purple .sum-card-icon{background:#ede9fe;color:#7c3aed}.sum-card.amber .sum-card-icon{background:#fef3c7;color:#d97706}.sum-card.teal .sum-card-icon{background:#ccfbf1;color:#0d9488}.sum-card.indigo .sum-card-icon{background:#e0e7ff;color:#4f46e5}[data-theme=dark] .sum-card.blue{background:#0c1d38;border-color:#1e3a5f}[data-theme=dark] .sum-card.green{background:#0a1e14;border-color:#143828}[data-theme=dark] .sum-card.purple{background:#190f30;border-color:#3a2470}[data-theme=dark] .sum-card.amber{background:#1c1608;border-color:#3d2e10}[data-theme=dark] .sum-card.teal{background:#042f2e;border-color:#134e4a}[data-theme=dark] .sum-card.indigo{background:#1e1b4b;border-color:#312e81}[data-theme=dark] .sum-card.blue .sum-card-icon{background:var(--info-bg);color:var(--info)}[data-theme=dark] .sum-card.green .sum-card-icon{background:var(--ok-bg);color:var(--ok)}[data-theme=dark] .sum-card.purple .sum-card-icon{background:#2d1f4a;color:#a78bfa}[data-theme=dark] .sum-card.amber .sum-card-icon{background:var(--warn-bg);color:var(--warn)}[data-theme=dark] .sum-card.teal .sum-card-icon{background:#0f3d3b;color:#2dd4bf}[data-theme=dark] .sum-card.indigo .sum-card-icon{background:#2e2b77;color:#a5b4fc}.devstat-body{display:flex;align-items:center;gap:14px;padding:0 16px 14px;flex:1}.devstat-main{flex:1}.devstat-count{font-size:38px;font-weight:800;color:var(--text);font-family:var(--mono);letter-spacing:-.03em;line-height:1}.devstat-sub{font-size:12px;color:var(--text-dim);margin-top:5px}.devstat-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(0,0,0,.06);flex-shrink:0}[data-theme=dark] .devstat-stats{border-top-color:#ffffff12}.devstat-stat{padding:10px 4px;text-align:center}.devstat-stat+.devstat-stat{border-left:1px solid rgba(0,0,0,.06)}[data-theme=dark] .devstat-stat+.devstat-stat{border-left-color:#ffffff12}.devstat-stat-v{font-size:18px;font-weight:700;font-family:var(--mono);line-height:1}.devstat-stat-l{font-size:10.5px;color:var(--text-dim);margin-top:3px}.uplink-nums{display:flex;flex-direction:column;gap:10px}.uplink-num-v{font-size:28px;font-weight:800;font-family:var(--mono);letter-spacing:-.02em;line-height:1}.uplink-num-l{font-size:11px;color:var(--text-dim);margin-top:2px}.uplink-footer{padding:9px 16px 12px;border-top:1px solid rgba(0,0,0,.06);font-size:11.5px;color:var(--text-faint);flex-shrink:0;display:flex;gap:6px;align-items:center}[data-theme=dark] .uplink-footer{border-top-color:#ffffff12}.total-badge{display:inline-flex;align-items:center;background:#0000000d;border:1px solid rgba(0,0,0,.07);border-radius:6px;padding:3px 10px;font-size:11.5px;color:var(--text-dim);font-family:var(--mono);font-weight:500}[data-theme=dark] .total-badge{background:#ffffff0f;border-color:#ffffff14}.total-badge.green{background:#dcfce7;border-color:#86efac;color:#16a34a}.total-badge.purple{background:#ede9fe;border-color:#c4b5fd;color:#7c3aed}.total-badge.amber{background:#fef3c7;border-color:#fcd34d;color:#d97706}.total-badge.teal{background:#ccfbf1;border-color:#5eead4;color:#0d9488}.total-badge.indigo{background:#e0e7ff;border-color:#a5b4fc;color:#4f46e5}[data-theme=dark] .total-badge.green{background:#102a1f;border-color:#166534;color:#3dd68c}[data-theme=dark] .total-badge.purple{background:#2d1f4a;border-color:#5b21b6;color:#a78bfa}[data-theme=dark] .total-badge.amber{background:#2e2410;border-color:#92400e;color:#f5b748}[data-theme=dark] .total-badge.teal{background:#0f3d3b;border-color:#0f766e;color:#2dd4bf}[data-theme=dark] .total-badge.indigo{background:#1e1b4b;border-color:#4338ca;color:#a5b4fc}.signal-body{display:flex;align-items:center;gap:14px;padding:4px 16px 14px;flex:1}.signal-list{flex:1;display:flex;flex-direction:column;gap:4px}.signal-row{display:flex;align-items:center;gap:8px;font-size:13px}.signal-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.signal-lbl{flex:1;color:var(--text-dim)}.signal-val{font-family:var(--mono);font-weight:600;color:var(--text)}.signal-footer{padding:9px 16px 12px;border-top:1px solid rgba(0,0,0,.06);font-size:11.5px;color:var(--text-faint);flex-shrink:0;display:flex;align-items:center}[data-theme=dark] .signal-footer{border-top-color:#ffffff12}.isp-body{padding:4px 16px 0;flex:1}.isp-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13px}.isp-row+.isp-row{border-top:1px solid var(--line-soft)}.isp-name{color:var(--text-dim)}.isp-val{font-family:var(--mono);font-weight:700;color:var(--text)}.isp-footer{padding:9px 16px 12px;border-top:1px solid rgba(0,0,0,.06);font-size:11.5px;color:var(--text-faint);flex-shrink:0;display:flex;align-items:center}[data-theme=dark] .isp-footer{border-top-color:#ffffff12}.stat-btn{background:none;border:none;font:inherit;cursor:pointer;width:100%;border-radius:8px;transition:background .12s,box-shadow .12s;outline:none;position:relative}.stat-btn:hover{background:#0000000d}[data-theme=dark] .stat-btn:hover{background:#ffffff0d}.stat-btn.active{background:#2563eb14;box-shadow:inset 0 0 0 1.5px #2563eb66}[data-theme=dark] .stat-btn.active{background:#5aa9f517;box-shadow:inset 0 0 0 1.5px #5aa9f573}.devstat-stat.stat-btn{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 4px}.signal-row.stat-btn{display:flex;align-items:center;text-align:left;gap:8px;font-size:13px;padding:4px 8px;width:100%}.uplink-num-btn{display:flex;flex-direction:column;text-align:left;border-radius:10px;padding:6px 10px;margin:-6px -10px}.fl-panel{margin-top:20px;background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.fl-panel-head{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line-soft);background:var(--surface2)}.fl-panel-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.fl-panel-title{font-size:14px;font-weight:700;color:var(--text)}.fl-panel-count{font-family:var(--mono);font-size:11.5px;color:var(--text-faint);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:2px 10px}.fl-close-btn{width:28px;height:28px;border-radius:7px;border:none;background:transparent;color:var(--text-faint);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s}.fl-close-btn:hover{background:var(--line);color:var(--text)}.fl-close-btn svg{width:14px;height:14px}.fl-state{padding:32px;text-align:center;color:var(--text-dim);font-size:13.5px}.fl-table-wrap{overflow-x:auto}.fl-table{min-width:980px}.fl-thead{display:grid;grid-template-columns:150px 90px 130px 90px 75px 65px 100px 130px 110px 56px;padding:8px 20px 8px 28px;border-bottom:1px solid var(--line-soft);background:var(--surface2)}.fl-th{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.fl-row{display:grid;grid-template-columns:150px 90px 130px 90px 75px 65px 100px 130px 110px 56px;padding:10px 20px 10px 28px;align-items:center;border-bottom:1px solid var(--line-soft);position:relative;transition:background .1s}.fl-row:last-child{border-bottom:none}.fl-row:hover{background:var(--surface2)}.fl-row-bar{position:absolute;left:0;top:0;bottom:0;width:4px}.fl-td{font-size:13px;color:var(--text)}.fl-td-id{font-family:var(--mono);font-weight:700;font-size:12.5px}.fl-td-dim{color:var(--text-dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.fl-td-cert{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:6px}.fl-td-mono{font-family:var(--mono);font-size:12px;font-weight:600}.fl-td-mono.ok{color:var(--ok)}.fl-td-mono.warn{color:var(--warn)}.fl-td-mono.bad{color:var(--bad)}.fl-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.fl-pill.ok{background:var(--ok-bg);color:var(--ok)}.fl-pill.warn{background:var(--warn-bg);color:var(--warn)}.fl-pill.bad{background:var(--bad-bg);color:var(--bad)}.fl-view-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:7px;border:1px solid var(--line);background:var(--surface2);color:var(--text-dim);font-size:12px;font-weight:600;cursor:pointer;transition:border-color .12s,color .12s}.fl-view-btn:hover{border-color:var(--accent);color:var(--accent)}.fl-view-btn svg{width:12px;height:12px}.fl-town-group{display:flex;align-items:center;gap:8px;padding:7px 20px 7px 28px;background:var(--surface2);border-bottom:1px solid var(--line-soft);border-top:2px solid var(--line)}.fl-town-group:first-child{border-top:none}.fl-town-name{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.fl-town-count{font-size:10.5px;color:var(--text-faint);font-family:var(--mono);background:var(--line-soft);border-radius:8px;padding:1px 8px}.devices-section-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:14px;flex-wrap:wrap}.devices-section-titles{flex:1}.devices-section-title{font-size:15px;font-weight:700;color:var(--text)}.devices-section-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.devices-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:14px}.dt-spacer{flex:1}.dev-search{position:relative}.dev-search input{background:var(--surface);border:1px solid var(--line);color:var(--text);padding:8px 12px 8px 34px;border-radius:9px;font-size:13px;width:220px;font-family:var(--sans);outline:none;transition:border-color .15s}.dev-search input:focus{border-color:var(--accent)}.dev-search input::placeholder{color:var(--text-faint)}.dev-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-faint)}.filter-pills{display:flex;align-items:center;gap:7px}.fpill{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:20px;font-size:12.5px;font-weight:500;cursor:pointer;border:1.5px solid transparent;transition:all .15s;background:none}.fpill.all-active{background:var(--accent);color:#fff;border-color:var(--accent)}.fpill.all-inactive{border-color:var(--line);color:var(--text-dim)}.fpill.bad-pill{border-color:#fca5a5;color:var(--bad)}.fpill.bad-pill.selected{background:var(--bad-bg);border-color:var(--bad)}.fpill.warn-pill{border-color:#fcd34d;color:var(--warn)}.fpill.warn-pill.selected{background:var(--warn-bg);border-color:var(--warn)}.fpill.ok-pill{border-color:#86efac;color:var(--ok)}.fpill.ok-pill.selected{background:var(--ok-bg);border-color:var(--ok)}.fpill svg{width:12px;height:12px}.fpill-count{font-size:11px;font-weight:600;background:#00000012;border-radius:8px;padding:1px 6px;line-height:1.4}.fpill.all-active .fpill-count{background:#ffffff40;color:#fff}[data-theme=dark] .fpill.bad-pill{border-color:#f0635f66}[data-theme=dark] .fpill.warn-pill{border-color:#f5b74866}[data-theme=dark] .fpill.ok-pill{border-color:#3dd68c66}[data-theme=dark] .fpill-count{background:#ffffff1f}.view-toggle{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.view-toggle button{background:transparent;border:none;color:var(--text-faint);padding:7px 10px;display:flex;align-items:center;cursor:pointer;transition:background .15s,color .15s}.view-toggle button+button{border-left:1px solid var(--line)}.view-toggle button.on{background:var(--accent);color:#fff}.view-toggle svg{width:15px;height:15px}.sort-btn{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);color:var(--text-dim);padding:7px 12px;border-radius:8px;font-size:12.5px;cursor:pointer;transition:border-color .15s}.sort-btn:hover{border-color:var(--btn-hover-border)}.sort-btn svg{width:14px;height:14px}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}.device-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;transition:box-shadow .15s,transform .12s;position:relative;box-shadow:var(--shadow-sm)}.device-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dc-side-bar{position:absolute;left:0;top:0;bottom:0;width:4px}.dc-body{padding:14px 14px 14px 18px}.dc-body:hover{background:var(--surface2)}.dc-head{display:flex;align-items:flex-start;gap:9px;margin-bottom:7px}.dc-dev-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dc-dev-icon.bad{background:#fee2e2}.dc-dev-icon.warn{background:#fef3c7}.dc-dev-icon.ok{background:#dcfce7}.dc-dev-icon svg{width:18px;height:18px}.dc-dev-icon.bad svg{color:var(--bad)}.dc-dev-icon.warn svg{color:var(--warn)}.dc-dev-icon.ok svg{color:var(--ok)}[data-theme=dark] .dc-dev-icon.bad{background:var(--bad-bg)}[data-theme=dark] .dc-dev-icon.warn{background:var(--warn-bg)}[data-theme=dark] .dc-dev-icon.ok{background:var(--ok-bg)}.dc-head-center{flex:1;min-width:0}.dc-id-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:2px}.dc-id{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--text)}.dc-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;letter-spacing:.02em;white-space:nowrap;text-transform:capitalize}.dc-pill.bad{background:var(--bad-bg);color:var(--bad)}.dc-pill.warn{background:var(--warn-bg);color:var(--warn)}.dc-pill.ok{background:var(--ok-bg);color:var(--ok)}.dc-op-line{font-size:11.5px;color:var(--text-dim)}.dc-ts{text-align:right;flex-shrink:0}.dc-ts-time{font-family:var(--mono);font-size:11.5px;font-weight:600;color:var(--text)}.dc-ts-date{font-size:10px;color:var(--text-faint);margin-top:1px}.dc-menu-btn{width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:var(--text-faint);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .12s}.dc-menu-btn:hover{background:var(--surface2);color:var(--text-dim)}.dc-menu-btn svg{width:14px;height:14px}.dc-chevron-btn{width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:var(--text-faint);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .12s}.dc-chevron-btn:hover{background:var(--surface2);color:var(--text)}.dc-chevron-btn svg{width:14px;height:14px;transition:transform .2s}.dc-chevron-btn.open svg{transform:rotate(180deg)}.dc-rtu-emf{margin-bottom:11px;display:flex;flex-direction:column;gap:3px}.dc-rtu-row{display:flex;align-items:center;gap:6px;font-size:11px}.dc-rtu-lbl{color:var(--text-faint);font-weight:700;width:28px;flex-shrink:0}.dc-rtu-val{font-family:var(--mono);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-drawer{border-top:1px solid var(--line-soft);padding:12px 18px 10px;background:var(--surface2)}.dc-drawer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;margin-bottom:10px;min-width:0}.dc-drawer-field{display:flex;flex-direction:column;gap:2px;min-width:0}.dc-drawer-lbl{font-size:10px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.dc-drawer-val{font-family:var(--mono);font-size:12px;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-more-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:7px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.dc-more-btn:hover{background:var(--accent);color:#fff}.dc-more-btn svg{width:13px;height:13px}.dc-metrics{display:flex;align-items:center;border-top:1px solid var(--line-soft);padding-top:12px;gap:4px}.dc-gauge-wrap{width:56px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.dc-gauge-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:15px;font-weight:700}.dc-stats{flex:1;display:grid;grid-template-columns:repeat(4,1fr);padding-left:8px;gap:0}.dc-st{text-align:center;padding:2px 0}.dc-st-l{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden}.dc-st-v{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--text);margin-top:2px;display:flex;align-items:center;justify-content:center;gap:2px}.dc-st-v.ok{color:var(--ok)}.dc-st-v.warn{color:var(--warn)}.dc-st-v.bad{color:var(--bad)}.dc-st-v svg{width:11px;height:11px}.dc-tags{padding:10px 14px 10px 18px;border-top:1px solid var(--line-soft);display:flex;gap:6px;flex-wrap:wrap}.dc-tag{font-size:11px;padding:3px 9px;border-radius:12px;font-weight:500;white-space:nowrap}.dc-tag.bad{background:var(--bad-bg);color:var(--bad)}.dc-tag.warn{background:var(--warn-bg);color:var(--warn)}.dc-tag.ok{background:var(--ok-bg);color:var(--ok)}.device-list{display:flex;flex-direction:column;gap:8px}.device-list-row{background:var(--surface);border:1px solid var(--line-soft);border-radius:10px;transition:box-shadow .15s;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.device-list-row:hover{box-shadow:var(--shadow-md)}.dl-main-row{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 20px;cursor:pointer}.dl-bar{position:absolute;left:0;top:0;bottom:0;width:4px}.dl-id{font-family:var(--mono);font-size:13.5px;font-weight:700;color:var(--text);width:120px;flex-shrink:0}.dl-op{font-size:12px;color:var(--text-dim);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px}.dl-pill.bad{background:var(--bad-bg);color:var(--bad)}.dl-pill.warn{background:var(--warn-bg);color:var(--warn)}.dl-pill.ok{background:var(--ok-bg);color:var(--ok)}.dl-sig{font-family:var(--mono);font-size:12px;color:var(--text-dim);width:84px;text-align:right;flex-shrink:0}.dl-mqtt{font-family:var(--mono);font-size:12px;width:50px;text-align:center;flex-shrink:0}.dl-score{font-family:var(--mono);font-size:13px;font-weight:700;width:40px;text-align:right;flex-shrink:0}.dl-chevron-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-faint);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .12s;margin-left:4px}.dl-chevron-btn:hover{background:var(--surface2);color:var(--text)}.dl-chevron-btn svg{width:14px;height:14px;transition:transform .2s}.dl-chevron-btn.open svg{transform:rotate(180deg)}.dl-drawer{border-top:1px solid var(--line-soft);padding:12px 16px 12px 20px;background:var(--surface2);display:flex;align-items:center;gap:24px;flex-wrap:wrap}.dl-drawer .dc-drawer-field{min-width:0;max-width:200px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--line-soft)}.page-range{font-family:var(--mono);font-size:12px;color:var(--text-dim)}.page-nav{display:flex;align-items:center;gap:8px}.page-indicator{font-family:var(--mono);font-size:12px;color:var(--text-dim);min-width:52px;text-align:center}.btn{background:var(--surface2);border:1px solid var(--line);color:var(--text);padding:7px 13px;border-radius:7px;font-size:13px;display:inline-flex;align-items:center;gap:7px;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--btn-hover-border);background:var(--btn-hover-bg)}.btn:disabled{opacity:.4;cursor:default}.btn svg{width:15px;height:15px}.page-btn{padding:6px 9px}.page-btn svg{width:15px;height:15px}.page-size-wrap{display:flex;align-items:center;gap:7px}.page-size-label{font-size:12px;color:var(--text-dim);white-space:nowrap}.page-size-select{background:var(--surface);border:1px solid var(--line);color:var(--text);padding:7px 28px 7px 10px;border-radius:8px;font-size:12px;font-family:var(--mono);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b97a8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.page-size-select:focus{outline:none;border-color:var(--accent)}.page-size-select option{background:var(--surface2)}.loading-row{text-align:center;padding:52px 20px;color:var(--text-dim);font-family:var(--mono);font-size:13px}.empty{text-align:center;padding:60px 20px;color:var(--text-faint)}.empty svg{width:38px;height:38px;margin-bottom:14px;opacity:.5;display:block;margin-left:auto;margin-right:auto}.fade{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.detail-head{display:flex;align-items:flex-start;gap:20px;margin-bottom:22px;flex-wrap:wrap}.detail-gauge{position:relative;width:96px;height:96px;flex-shrink:0}.detail-gauge svg{transform:rotate(-90deg)}.detail-gauge .num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.detail-gauge .num b{font-family:var(--mono);font-size:26px;font-weight:600;line-height:1}.detail-gauge .num span{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.detail-meta h1{font-family:var(--mono);font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:5px}.detail-meta .row{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--text-dim);margin-top:3px}.detail-meta .row b{color:var(--text);font-family:var(--mono);font-weight:500}.detail-actions{margin-left:auto;display:flex;gap:9px;flex-wrap:wrap}.verdict{border-radius:11px;padding:15px 18px;margin-bottom:20px;display:flex;gap:13px;align-items:flex-start}.verdict.ok{background:var(--ok-bg);border:1px solid rgba(22,163,74,.2)}.verdict.warn{background:var(--warn-bg);border:1px solid rgba(217,119,6,.2)}.verdict.bad{background:var(--bad-bg);border:1px solid rgba(220,38,38,.2)}[data-theme=dark] .verdict.ok{border-color:#3dd68c40}[data-theme=dark] .verdict.warn{border-color:#f5b74840}[data-theme=dark] .verdict.bad{border-color:#f0635f40}.verdict svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.verdict.ok svg,.verdict.ok b{color:var(--ok)}.verdict.warn svg,.verdict.warn b{color:var(--warn)}.verdict.bad svg,.verdict.bad b{color:var(--bad)}.verdict .vt{font-size:13.5px;color:var(--text)}.verdict b{font-weight:600}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}@media(max-width:860px){.cols{grid-template-columns:1fr}}.section{background:var(--surface);border:1px solid var(--line-soft);border-radius:12px;overflow:hidden}.section h3{font-size:13px;font-weight:600;padding:13px 17px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:9px;color:var(--text-dim)}.section h3 svg{width:15px;height:15px}.section h3 .tag{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--text-faint);font-weight:400}.kv{display:flex;justify-content:space-between;align-items:center;padding:9px 17px;font-size:13px;border-bottom:1px solid var(--line-soft)}.kv:last-child{border-bottom:none}.kv .kk{color:var(--text-dim)}.kv .vv{font-family:var(--mono);color:var(--text)}.kv .vv.bad{color:var(--bad)}.kv .vv.warn{color:var(--warn)}.kv .vv.ok{color:var(--ok)}.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.checks .chk{display:flex;align-items:center;gap:11px;padding:10px 17px;border-bottom:1px solid var(--line-soft);font-size:13px}.checks .chk:last-child{border-bottom:none}.checks .ci{width:17px;height:17px;flex-shrink:0}.checks .ci.ok{color:var(--ok)}.checks .ci.warn{color:var(--warn)}.checks .ci.bad{color:var(--bad)}.checks .cn{flex:1}.checks .cd{font-family:var(--mono);font-size:11.5px;color:var(--text-faint)}.full{grid-column:1 / -1}.bars{padding:6px 17px 14px}.bar{margin-top:11px}.bar .bl{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.bar .bl .bn{color:var(--text-dim)}.bar .bl .bv{font-family:var(--mono);color:var(--text)}.bar .track{height:6px;background:var(--surface2);border-radius:4px;overflow:hidden}.bar .fill{height:100%;border-radius:4px;transition:width .5s ease}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);padding:10px 18px;font-size:13px;font-weight:500;margin-bottom:-1px;transition:color .15s,border-color .15s;display:inline-flex;align-items:center;cursor:pointer}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.hist-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.hist-label{font-size:12px;color:var(--text-dim)}.hist-date{background:var(--surface);border:1px solid var(--line);color:var(--text);padding:7px 10px;border-radius:7px;font-size:12px;font-family:var(--mono)}.hist-date:focus{outline:none;border-color:var(--accent)}.hist-count{font-family:var(--mono);font-size:12px;color:var(--text-faint);margin-left:4px}.hist-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--line-soft)}.hist-table{width:100%;border-collapse:collapse;font-size:12.5px}.hist-table th{text-align:left;padding:9px 14px;font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-weight:500;border-bottom:1px solid var(--line);background:var(--surface);white-space:nowrap}.hist-table td{padding:9px 14px;border-bottom:1px solid var(--line-soft);font-family:var(--mono);white-space:nowrap;color:var(--text)}.hist-table tr:last-child td{border-bottom:none}.hist-table tr:hover td{background:var(--surface2)}.hist-table td.ok{color:var(--ok)}.hist-table td.warn{color:var(--warn)}.hist-table td.bad{color:var(--bad)}.hist-summary{color:var(--text-dim)!important;font-size:12px}.hist-badge{font-family:var(--mono);font-size:10.5px;padding:2px 7px;border-radius:5px;font-weight:500}.hist-type-dms{background:var(--info-bg);color:var(--info)}.hist-type-nms{background:var(--ok-bg);color:var(--ok)}.hist-type-bms{background:var(--warn-bg);color:var(--warn)}.seg{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{background:transparent;border:none;color:var(--text-dim);padding:8px 13px;font-size:12px;font-family:var(--mono)}.seg button.on{background:var(--surface2);color:var(--text)}.seg button+button{border-left:1px solid var(--line)}.cmd-list{display:flex;flex-direction:column;gap:8px}.cmd-row{border:1px solid var(--line-soft);border-radius:10px;overflow:hidden;background:var(--surface)}.cmd-row-head{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.cmd-row-head:hover{background:var(--surface2)}.cmd-status-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.cmd-status-pill.ok{background:var(--ok-bg);color:var(--ok)}.cmd-status-pill.warn{background:var(--warn-bg);color:var(--warn)}.cmd-status-pill.bad{background:var(--bad-bg);color:var(--bad)}.cmd-status-pill.dim{background:var(--surface2);color:var(--text-dim)}.cmd-type{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;flex-shrink:0}.cmd-text{font-family:var(--mono);font-size:11.5px;color:var(--text-dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-meta{font-size:11px;color:var(--text-faint);white-space:nowrap;flex-shrink:0}.cmd-fail-reason{color:var(--bad)}.cmd-ts{font-family:var(--mono);font-size:11px;color:var(--text-faint);white-space:nowrap;flex-shrink:0}.cmd-chevron{width:16px;height:16px;flex-shrink:0;color:var(--text-faint);transition:transform .2s}.cmd-chevron.open{transform:rotate(180deg)}.cmd-drawer{border-top:1px solid var(--line-soft);padding:14px 16px;background:var(--surface2);display:flex;flex-direction:column;gap:12px}.cmd-drawer-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 20px}.cmd-kv{display:flex;gap:8px;align-items:baseline;font-size:12px}.cmd-kv span:first-child{color:var(--text-faint);font-size:11px;white-space:nowrap;min-width:90px}.cmd-mono{font-family:var(--mono);font-size:11px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis}.cmd-trail-label{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.cmd-trail-empty{font-size:12px;color:var(--text-faint);padding:6px 0}.cmd-trail{display:flex;flex-direction:column;gap:4px}.cmd-trail-row{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--surface);border:1px solid var(--line-soft);border-radius:7px;font-size:12px}.cmd-trail-seq{font-family:var(--mono);font-size:10px;color:var(--text-faint);min-width:26px;flex-shrink:0}.cmd-trail-ts{font-family:var(--mono);font-size:11px;color:var(--text-faint);white-space:nowrap;flex-shrink:0}.cmd-trail-resp{font-family:var(--mono);font-size:11.5px;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-trail-uid{font-family:var(--mono);font-size:10px;color:var(--text-faint);white-space:nowrap;flex-shrink:0}.cmd-trail-match{font-size:10px;font-weight:600;padding:1px 6px;border-radius:6px;white-space:nowrap;flex-shrink:0}.cmd-trail-match.ok{background:var(--ok-bg);color:var(--ok)}.cmd-trail-match.warn{background:var(--warn-bg);color:var(--warn)}[data-theme=dark] .cmd-row{background:var(--surface)}[data-theme=dark] .cmd-drawer{background:var(--surface2)}[data-theme=dark] .cmd-trail-row{background:var(--surface)}.login-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:44px 48px;width:100%;max-width:420px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:6px;font-size:20px;font-weight:600;letter-spacing:-.01em}.login-brand .dot{width:10px;height:10px;border-radius:3px;background:var(--accent);box-shadow:0 0 14px #2563eb66}.login-sub{font-size:13px;color:var(--text-dim);margin-bottom:36px}.form-field{margin-bottom:16px}.form-field label{display:block;font-size:11px;color:var(--text-dim);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.form-field input{width:100%;background:var(--surface2);border:1px solid var(--line);color:var(--text);padding:10px 14px;border-radius:8px;font-size:14px;font-family:var(--mono);outline:none;transition:border-color .15s}.form-field input:focus{border-color:var(--accent)}.login-error{background:var(--bad-bg);border:1px solid rgba(220,38,38,.3);color:var(--bad);border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.login-error svg{width:15px;height:15px;flex-shrink:0}.theme-btn{background:transparent;border:1px solid var(--line);color:var(--text-dim);width:33px;height:33px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,background .15s}.theme-btn:hover{border-color:var(--btn-hover-border);background:var(--btn-hover-bg);color:var(--text)}.theme-btn svg{width:16px;height:16px}.login-btn{width:100%;background:var(--accent);border:none;color:#fff;padding:11px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s;margin-top:8px;letter-spacing:.01em}.login-btn:hover{opacity:.88}.login-btn:disabled{opacity:.5;cursor:default}.login-hint{margin-top:24px;padding-top:20px;border-top:1px solid var(--line-soft);font-size:11.5px;color:var(--text-faint);font-family:var(--mono);text-align:center;line-height:1.8}.login-hint b{color:var(--text-dim);font-weight:500}.app-footer{text-align:center;padding:16px 22px 20px;font-size:11px;color:var(--text-faint);font-family:var(--mono);border-top:1px solid var(--line-soft);margin-top:8px;flex-shrink:0}.pill{font-family:var(--mono);font-size:10.5px;padding:3px 8px;border-radius:20px;font-weight:500;white-space:nowrap;letter-spacing:.02em}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}