:root{color-scheme:light;--bg:#f4f6f8;--surface:#fff;--ink:#182128;--muted:#68757f;--line:#dce2e6;--primary:#176b55;--primary-hover:#105443;--danger:#b43b3b;--danger-bg:#fff0f0;--success:#237a48;--shadow:0 10px 30px rgba(23,35,42,.09);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:16px;letter-spacing:0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input{font:inherit;letter-spacing:0}button{cursor:pointer}h1,h2,p{margin-top:0}h1{font-size:clamp(1.55rem,4vw,2rem);margin-bottom:.2rem}h2{font-size:1.08rem;margin-bottom:.25rem}.muted{color:var(--muted);font-size:.9rem}.compact{font-size:.8rem}.eyebrow{margin:0 0 .25rem;text-transform:uppercase;color:var(--primary);font-size:.72rem;font-weight:800}.topbar{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar-inner{max-width:1080px;margin:auto;height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:48px;height:48px;background:var(--primary);color:white;font-size:1.2rem;font-weight:800;border-radius:8px}.brand-mark.small{width:32px;height:32px;font-size:.85rem}.account{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.82rem}.account form{margin:0}.page{max-width:1080px;margin:auto;padding:28px 20px 56px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:6px 0 18px}.section-heading h1,.section-heading h2{margin:0}.alert{padding:12px 15px;border:1px solid;border-radius:6px;margin-bottom:16px}.alert-success{background:#eef9f2;border-color:#bde0c9;color:#256b40}.alert-error{background:#fff1f1;border-color:#efc1c1;color:#963636}.button{border:1px solid transparent;border-radius:6px;min-height:40px;padding:9px 14px;font-weight:700;background:#fff;color:var(--ink)}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-hover)}.button-secondary{border-color:var(--line);background:#fff}.button-danger-soft{background:var(--danger-bg);color:var(--danger);border-color:#f1caca}.full{width:100%}.icon-button{width:38px;height:38px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;border-radius:6px;font-weight:800}.icon-button:hover{background:#edf1f3}.device-list{display:grid;gap:12px}.device-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}.device-summary{display:flex;justify-content:space-between;align-items:start;gap:20px}.device-title-line{display:flex;align-items:center;gap:8px}.device-title-line h2{font-size:1.15rem;margin:0}.online-dot{width:8px;height:8px;background:#abb3b8;border-radius:50%}.online-dot.online{background:#36a464;box-shadow:0 0 0 3px #dff3e7}.time-state{text-align:right;min-width:95px}.time-state strong{display:block;font-size:1.5rem}.time-state span{font-size:.75rem;color:var(--muted)}.time-state.authorized strong{color:var(--success)}.time-state.locked strong{color:var(--danger);font-size:1.1rem}.quick-time{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:18px 0}.quick-time form{margin:0}.time-chip{width:100%;min-height:38px;border:1px solid var(--line);border-radius:6px;background:#f7f9fa;color:#34434c;font-size:.82rem;font-weight:700}.time-chip:hover{border-color:#8bb9aa;background:#f0f8f5}.device-actions{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:14px}.device-actions form{margin:0}.more-menu{margin-left:auto;position:relative}.more-menu summary{list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-popover{position:absolute;right:0;top:44px;width:150px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);padding:5px;z-index:3}.more-popover button{display:block;width:100%;padding:10px;border:0;background:white;text-align:left;border-radius:4px}.more-popover button:hover{background:#f1f4f5}.activity-section{margin-top:36px}.activity-list{background:#fff;border-top:1px solid var(--line)}.activity-row{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line)}.activity-row p{margin:2px 0 0;color:var(--muted);font-size:.8rem}.activity-row time{font-size:.75rem;color:var(--muted)}.activity-mark{width:8px;height:8px;background:#79a99a;border-radius:50%}.empty-state{text-align:center;padding:70px 20px;background:#fff;border:1px dashed #cbd3d7}.empty-state .empty-icon{font-size:2rem;color:var(--primary)}dialog{border:0;padding:0;background:transparent;max-width:min(440px,calc(100vw - 28px));width:100%}dialog::backdrop{background:rgba(13,22,27,.52)}.dialog-panel{background:#fff;border-radius:8px;box-shadow:var(--shadow);padding:22px;margin:0}.dialog-head{display:flex;justify-content:space-between;gap:16px}.dialog-panel label,.stack-form label{display:grid;gap:7px;font-size:.85rem;font-weight:700;margin:18px 0}.dialog-panel input,.stack-form input{width:100%;height:46px;border:1px solid #cbd3d7;border-radius:6px;padding:0 12px;background:#fff}.dialog-panel input:focus,.stack-form input:focus{outline:3px solid #dcefe9;border-color:var(--primary)}.code-input{text-align:center;font-size:1.35rem;letter-spacing:.2em!important;font-variant-numeric:tabular-nums}.unlock-panel{text-align:left}.unlock-code{display:block;text-align:center;background:#f0f6f4;color:var(--primary);font-size:2.8rem;letter-spacing:.18em;font-weight:800;padding:20px 10px;margin:20px 0;border-radius:6px;font-variant-numeric:tabular-nums}.center{text-align:center}.auth-body{min-height:100vh;background:#eef2f3}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(420px,100%);background:#fff;border:1px solid var(--line);padding:34px;border-radius:8px;box-shadow:var(--shadow)}.auth-panel .brand-mark{margin-bottom:22px}.stack-form{margin-top:24px}.stack-form label{margin:14px 0}
@media(max-width:640px){.account>span{display:none}.page{padding:20px 14px 44px}.section-heading{align-items:center}.device-card{padding:15px}.quick-time{grid-template-columns:repeat(3,1fr)}.quick-time form:nth-child(4),.quick-time form:nth-child(5){grid-column:span 1}.device-actions{display:grid;grid-template-columns:1fr 1fr auto}.device-actions .button{width:100%;padding:8px}.activity-row{grid-template-columns:10px 1fr}.activity-row time{grid-column:2}.unlock-code{font-size:2.25rem}.auth-panel{padding:25px}.section-heading>.button{font-size:.82rem}}