:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;--bg:#f7f8fa;--text:#1b2333;--sub:#657085;--edge:#dfe4ed;--primary:#205fbe;--surface:#fff}
*[hidden]{display:none!important}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,select{font:inherit}
button{cursor:pointer;border-radius:7px;padding:9px 15px;border:1px solid var(--edge);background:var(--surface);color:var(--text)}
button:hover{background:#f0f4fa}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #407fda;outline-offset:2px}
button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:white;font-weight:600}button.primary:hover{background:#194d9e}
button.secondary{white-space:nowrap}button.link-button{border:0;background:transparent;color:var(--primary);padding:7px 9px}
.site-header{height:58px;background:var(--surface);border-bottom:1px solid var(--edge)}.header-content{max-width:1050px;height:100%;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.site-header strong{font-size:18px;letter-spacing:-.2px}#header-actions{align-items:center;gap:12px;font-size:13px;color:var(--sub)}#header-actions:not([hidden]){display:flex}
main{max-width:1050px;margin:25px auto;padding:0 22px}h1{font-size:21px;margin:0 0 8px}h2{font-size:17px;margin:0}.subtle{font-size:13px;color:var(--sub);margin:0}
.login-panel{max-width:430px;background:var(--surface);margin:58px auto;padding:30px;border:1px solid var(--edge);border-radius:12px;box-shadow:0 2px 12px #0c23450a}
form{display:flex;flex-direction:column;gap:11px;margin-top:25px}form label{font-weight:600;font-size:13px}input,select{background:var(--surface);color:var(--text);border:1px solid #bac6d6;border-radius:7px;padding:11px 12px;width:100%;min-width:0}form .primary{margin-top:9px}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:18px}.inline-controls{display:flex;gap:10px;align-items:center}.inline-controls select{max-width:240px}.device-list{display:grid;gap:7px;margin:14px 0}.device-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;background:var(--surface);border:1px solid var(--edge);border-radius:9px}.device-title{font-weight:600}.device-id{font-size:13px;color:var(--sub);margin-top:4px}.device-buttons{display:flex;gap:6px;flex-shrink:0}.device-buttons button{font-size:13px;padding:7px 10px}.empty-message{padding:42px 16px;text-align:center;background:var(--surface);border:1px dashed var(--edge);border-radius:9px;color:var(--sub);font-size:14px}.notice{max-width:640px;margin:18px auto;padding:10px 14px;background:#edf2f8;border:1px solid #cbd7eb;border-radius:8px;font-size:14px}.notice.error{color:#84242f;background:#fff0f1;border-color:#f3c3c8}
.overlay{position:fixed;inset:0;background:#0c152e72;display:flex;align-items:center;justify-content:center;padding:18px;z-index:2}.overlay[hidden]{display:none}.dialog{width:min(100%,550px);max-height:86vh;overflow-y:auto;background:white;border-radius:12px;box-shadow:0 16px 60px #0004;padding:22px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.icon-button{border:0;background:transparent;font-size:24px;padding:3px 8px}.member-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--edge);padding:11px 0;font-size:14px}.member-row small{color:var(--sub)}.member-form{margin-top:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:620px){.login-panel{margin:28px auto;padding:22px}.header-content,main{padding:0 13px}.toolbar{align-items:stretch}.inline-controls{width:100%}.inline-controls select{flex:1;max-width:none}.device-card{align-items:flex-start;flex-direction:column}.device-buttons{align-self:flex-end}#logged-email{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#111821;--surface:#1c2634;--text:#edf2fa;--sub:#adbacb;--edge:#384457;--primary:#548de0}button:hover{background:#283549}button.primary:hover{background:#4179c8}.dialog{background:var(--surface)}.notice{background:#1e3552;border-color:#314f77}.notice.error{background:#47272e;border-color:#88424c;color:#ffcbd1}}

.development-note{padding:11px 13px;margin:0 0 20px;font-size:13px;border:1px solid var(--edge);background:var(--surface);border-radius:8px;color:var(--sub)}

.billing-panel{margin-top:32px;border-top:1px solid var(--edge);padding:18px 0;}
.billing-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.billing-head h2{margin:0}.billing-test{font-size:12px;border-radius:4px;padding:4px 7px;background:#e4edf8;color:#253c5c}.billing-panel .inline-controls{justify-content:flex-start;flex-wrap:wrap;margin:12px 0}.billing-panel button{white-space:nowrap}