*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}:root{--bg:#eef0f2;--surface:#ffffffc2;--surface-strong:#fffffff0;--ink:#171717;--muted:#70747b;--line:#14161917;--orange:#ff6b35;--orange-soft:#fff0e9;--green:#29a36a;--shadow:0 18px 54px #1c20261f, inset 0 1px 0 #ffffffe6;--radius:8px}.glass{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(145%);border:1px solid #ffffffb8}.glass-dark{background:linear-gradient(145deg,#1c1d1ff7,#323336e6);box-shadow:0 18px 36px #16171938,inset 0 1px #ffffff29}.primary-button{cursor:pointer;color:#fff;background:var(--orange);border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 6px 14px #ff6b353b}.primary-button:disabled{opacity:.55;cursor:not-allowed}.primary-button svg{width:15px;height:15px}.secondary-button{cursor:pointer;height:36px;color:var(--ink);border:1px solid var(--line);background:#ffffffd6;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.secondary-button svg{width:15px;height:15px}.text-button{color:var(--orange);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:600}.text-button:hover{background:var(--orange-soft)}.icon-button{border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:var(--ink);background:#ffffffb3;border-radius:50%;place-items:center;display:grid;position:relative}.icon-button svg{width:16px;height:16px}.panel-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-title{align-items:center;gap:10px;display:flex}.panel-header h3,.panel-title h3{color:var(--ink);margin:0 0 2px;font-size:14px}.panel-header p,.panel-title p{color:var(--muted);margin:0;font-size:11px}.module-icon{border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.module-icon svg{width:17px;height:17px}.module-icon.coral{color:#f05d39;background:#fff0eb}.module-icon.mint{color:#198e66;background:#e6f7f0}.module-icon.blue{color:#3878d3;background:#eaf2ff}.module-icon.violet{color:#7253c8;background:#f0ecff}.module-icon.amber{color:#cc7a11;background:#fff3dc}.section-heading,.section-intro{justify-content:space-between;align-items:flex-end;gap:10px;margin:22px 4px 12px;display:flex}.section-heading h2,.section-intro h2{color:var(--ink);margin:0 0 3px;font-size:18px}.section-heading p,.section-intro p{color:var(--muted);margin:0;font-size:12px}.state-ok{color:#248a5b;white-space:nowrap;background:#e8f7ef;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;font-size:11px;display:inline-flex}.state-ok svg{width:12px;height:12px}.state-warn{color:#a06a00;white-space:nowrap;background:#fff3dc;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;font-size:11px;display:inline-flex}.state-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.state-dot.online{background:#2aaa6e;box-shadow:0 0 0 4px #2aaa6e1a}.state-dot.off{background:#aeb2b8}