:root{color:#202521;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f4;font-family:Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{min-width:760px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}.app-shell{min-height:100vh}.sidebar{color:#e8eee9;z-index:2;background:#202a24;flex-direction:column;width:236px;padding:24px 14px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #3b453e;align-items:center;gap:11px;padding:0 10px 28px;display:flex}.brand-mark{color:#24301f;background:#c1eb76;border-radius:7px;place-items:center;width:35px;height:35px;font-size:13px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{color:#aab6ad;margin-top:3px;font-size:11px}.nav-caption{text-transform:uppercase;color:#839087;letter-spacing:1px;padding:27px 12px 9px;font-size:10px}.nav-item{color:#bdc8bf;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;height:40px;margin:2px 0;padding:0 12px;display:flex}.nav-item i{text-align:center;color:#96a69a;width:18px;font-size:18px;font-style:normal}.sidebar-bottom{color:#aeb9b1;border-top:1px solid #3b453e;align-items:center;gap:8px;margin-top:auto;padding:17px 10px 0;font-size:12px;display:flex}.online-dot,.success-dot,.fail-dot{background:#8bbf54;border-radius:50%;width:8px;height:8px;display:inline-block}.main-area{min-height:100vh;margin-left:236px}.topbar{z-index:1;background:#fff;border-bottom:1px solid #e6eae6;justify-content:space-between;align-items:center;height:66px;padding:0 34px;display:flex;position:sticky;top:0}.topbar>div:first-child{color:#727a74;align-items:center;gap:12px;font-size:12px;display:flex}.topbar b{color:#c4cac5;font-weight:400}.topbar strong{color:#222b24;font-weight:600}.user-menu{color:#555f58;align-items:center;gap:9px;font-size:12px;display:flex}.avatar{color:#42533c;background:#e3ecd9;border-radius:50%;place-items:center;width:29px;height:29px;font-weight:700;display:grid}.user-menu button,.text-button{color:#68756a;background:0 0;border:0;padding:7px 8px;font-size:12px}.page-content{max-width:1440px;margin:0 auto;padding:31px 34px 56px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-heading h1{color:#202822;margin:0;font-size:22px;font-weight:650}.page-heading p{color:#778078;margin:6px 0 0;font-size:12px}.primary,.secondary{color:#455048;background:#fff;border:1px solid #dce2dc;border-radius:5px;height:36px;padding:0 14px;font-size:12px;font-weight:600}.primary{color:#fff;background:#38513d;border-color:#38513d}.primary:hover{background:#2c4132}.action-button{height:38px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat,.panel{background:#fff;border:1px solid #e4e9e4;border-radius:6px}.stat{min-height:120px;padding:17px 18px}.stat span{color:#6e7971;font-size:12px}.stat strong{color:#202822;margin:10px 0 7px;font-size:26px;line-height:1.2;display:block}.stat small{color:#929a94;font-size:11px}.content-columns{grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:14px;display:grid}.panel{overflow:hidden}.panel-heading{border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;height:52px;padding:0 17px;display:flex}.panel-heading h2{margin:0;font-size:13px;font-weight:650}.activity-panel{padding-bottom:8px}.activity-panel .panel-heading{margin-bottom:6px}.activity-row{color:#687169;align-items:center;gap:9px;height:42px;padding:0 18px;font-size:12px;display:flex}.activity-row strong{color:#28322b;margin-left:auto}.toolbar{gap:9px;margin-bottom:13px;display:flex}.toolbar input,.toolbar select{color:#374139;background:#fff;border:1px solid #dfe4df;border-radius:4px;outline:none;height:36px;padding:0 11px}.toolbar .search{width:290px}.table-panel{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#748077;white-space:nowrap;background:#f8faf8;border-bottom:1px solid #e9ede9;height:39px;padding:0 13px;font-size:10px;font-weight:600}td{color:#4d5850;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #eef1ee;padding:11px 13px}tbody tr:last-child td{border-bottom:0}td strong{color:#2c352e;font-size:11px;font-weight:600;display:block}td small{color:#9aa19b;margin-top:4px;font-size:10px;display:block}.status{border-radius:3px;align-items:center;padding:4px 7px;font-size:10px;line-height:1;display:inline-flex}.note-cell{text-overflow:ellipsis;max-width:140px;overflow:hidden}.row-actions{gap:8px;display:flex}.row-actions button,.row-action{color:#527453;background:0 0;border:0;padding:4px;font-size:11px}.row-actions button:hover,.row-action:hover{color:#253c29;text-decoration:underline}.mono{font-family:Consolas,monospace;font-size:10px}.empty{text-align:center;color:#919a93;padding:36px 15px;font-size:12px}.empty.compact{padding:18px}.inline-error{margin-bottom:16px}.error-banner{color:#a3483d;background:#fff4f2;border:1px solid #edcbc6;border-radius:4px;padding:10px 12px;font-size:12px}.inline-error{justify-content:space-between;align-items:center;display:flex}.inline-error button{color:inherit;background:0 0;border:0}.auth-screen{background:#edf1ed;place-items:center;min-height:100vh;padding:28px;display:grid}.auth-panel{background:#fff;border:1px solid #e1e7e1;border-radius:7px;width:min(100%,390px);padding:31px;box-shadow:0 12px 40px #1e332012}.auth-panel .brand-mark{margin-bottom:20px}.eyebrow{letter-spacing:1.3px;color:#748171;font-size:9px;font-weight:700}.auth-panel h1{margin:9px 0;font-size:21px}.auth-panel p{color:#78817a;margin:0 0 23px;font-size:12px}.auth-panel label,.modal label{color:#59635b;flex-direction:column;gap:7px;margin:14px 0;font-size:11px;font-weight:600;display:flex}.auth-panel input,.modal input,.modal select{color:#29332c;background:#fff;border:1px solid #dfe5df;border-radius:4px;outline:none;height:38px;padding:0 10px}.auth-panel .primary{width:100%;margin-top:8px}.auth-panel small{color:#8c958e;margin-top:13px;font-size:10px;line-height:1.6;display:block}.modal-backdrop{z-index:5;background:#17211970;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e5e9e5;border-radius:7px;width:min(100%,430px);padding:22px;box-shadow:0 20px 60px #15201833}.modal header{border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.modal h2{margin:0;font-size:16px}.modal .close{color:#778078;background:0 0;border:0;font-size:22px;line-height:1}.modal footer{justify-content:flex-end;gap:8px;padding-top:12px;display:flex}.code-modal p{color:#6f7971;font-size:12px}.code-modal code{color:#2c472f;letter-spacing:1px;text-align:center;overflow-wrap:anywhere;background:#f4f7f2;border:1px solid #e4eade;border-radius:4px;padding:14px;font-size:15px;display:block}.pagination{color:#7c857e;border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;padding:11px 13px;font-size:11px;display:flex}.pagination>div{gap:6px;display:flex}.pagination .secondary{height:30px;font-size:11px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#262a30;--page:#f3f4f5;--panel:#fff;--control:#f8f8f7;--border:#e1e4e8;--text:#262a30;--text-secondary:#5f6670;--text-muted:#7d858f;--accent:#927246;--accent-action:#d8c29b;--accent-action-text:#211c15;--selection:#655640;--success:#39704f;--error:#a34e46;background:#f3f4f5}body{background:var(--page);color:var(--text)}.sidebar{color:#f1efea;background:#25282d}.brand{border-color:#383d46}.brand-mark{background:var(--accent-action);color:var(--accent-action-text)}.brand span,.nav-caption{color:#a2a7b0}.nav-item{color:#c5c8cd}.nav-item i{color:#9299a3}.nav-item:hover{color:#fff;background:#30343b}.nav-item.active{color:#fff;background:#655640}.nav-item.active i{color:#edc788}.sidebar-bottom{color:#a2a7b0;border-color:#383d46}.online-dot,.success-dot{background:var(--success)}.fail-dot{background:var(--error)}.topbar{background:var(--panel);border-color:var(--border)}.topbar>div:first-child{color:var(--text-secondary)}.topbar b{color:var(--text-muted)}.topbar strong{color:var(--text)}.user-menu{color:var(--text-secondary)}.avatar{color:#745a33;background:#eee8dc}.user-menu button,.text-button{color:var(--text-secondary)}.user-menu button:hover,.text-button:hover{color:var(--accent)}.page-heading h1{color:var(--text)}.page-heading p{color:var(--text-secondary)}.primary,.secondary{color:#3c424a;background:#fff;border-color:#d7dadf}.primary{background:var(--accent-action);border-color:var(--accent-action);color:var(--accent-action-text)}.primary:hover{background:#e2d0af;border-color:#e2d0af}.secondary:hover{background:#f1f2f3}.stat,.panel{background:var(--panel);border-color:var(--border)}.stat span{color:var(--text-secondary)}.stat strong{color:var(--text)}.stat small{color:var(--text-muted)}.panel-heading{border-color:var(--border)}.activity-row{color:var(--text-secondary)}.activity-row strong{color:var(--text)}.toolbar input,.toolbar select,.auth-panel input,.modal input,.modal select{color:var(--text);background:#fff;border-color:#d9dde2}.toolbar input::placeholder,.auth-panel input::placeholder,.modal input::placeholder{color:var(--text-muted)}.toolbar input:focus,.toolbar select:focus,.modal input:focus,.modal select:focus,.auth-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #92724624}th{color:var(--text-secondary);border-color:var(--border);background:#f6f7f8}td{color:#4b5159;border-color:#e8eaed}td strong{color:var(--text)}td small{color:var(--text-muted)}tbody tr:hover{background:#f8f9fa}.status.active{color:var(--success);background:#e9f3ec}.status.disabled{color:var(--error);background:#f8ebe9}.row-actions button,.row-action{color:var(--text-secondary)}.row-actions button:hover,.row-action:hover{color:var(--accent)}.empty{color:var(--text-secondary)}.error-banner{color:var(--error);background:#fff4f2;border-color:#e8c9c5}.auth-screen{background:var(--page)}.auth-panel{background:var(--panel);border-color:var(--border);box-shadow:0 12px 36px #18202a12}.eyebrow{color:var(--text-secondary)}.auth-panel h1,.modal h2{color:var(--text)}.auth-panel p,.auth-panel label,.modal label{color:var(--text-secondary)}.auth-panel small{color:var(--text-muted)}.modal-backdrop{background:#17191e70}.modal{background:var(--panel);border-color:var(--border);box-shadow:0 20px 48px #18202a24}.modal header{border-color:var(--border)}.modal .close{color:var(--text-secondary)}.modal .close:hover{color:var(--accent)}.code-modal p{color:var(--text-secondary)}.code-modal code{color:#6f5734;background:#f5f2ec;border-color:#e8dfce}.pagination{border-color:var(--border);color:var(--text-secondary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted-cell{color:var(--text-muted);font-size:11px}.hardware-modal dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px;display:grid}.hardware-modal dl>div{border:1px solid var(--border);background:#f8f9fa;border-radius:4px;min-width:0;padding:10px 11px}.hardware-modal dt{color:var(--text-muted);margin-bottom:5px;font-size:10px}.hardware-modal dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5}.hardware-modal>small{color:var(--text-secondary);font-size:10px;line-height:1.5;display:block}@media (width<=1050px){.sidebar{width:190px}.main-area{margin-left:190px}.page-content{padding:24px 20px}.topbar{padding:0 20px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-columns{grid-template-columns:1fr}.activity-panel{min-height:100px}}