:root{color-scheme:light;--surface:#fff;--text:#172a34;--page:#f4f6f5}[data-theme=dark]{color-scheme:dark;--surface:#172321;--text:#e0ece7;--page:#0c1513;--border:#34463f;--muted:#a3b9ae;--green:#247d60}body,html{background:var(--page);color:var(--text)}.theme-toggle{position:fixed;top:14px;right:18px;z-index:4}.login-card,.panel,.stats article,dialog,input,select,textarea{background:var(--surface);color:var(--text)}.secondary,input,select,textarea{border-color:var(--border)}[data-theme=dark] .secondary{background:#243a31;color:var(--text)}[data-theme=dark] .device-summary,[data-theme=dark] .stats span,[data-theme=dark] th{color:var(--muted);background:var(--surface)}[data-theme=dark] .message{background:#183e30;color:#d4f3e4;border-color:#346850}[data-theme=dark] .badge.pending{background:#493e20;color:#f0d994}[data-theme=dark] .badge.approved{background:#214a36;color:#b6eed1}[data-theme=dark] .badge.disabled{background:#4b2c2c;color:#f0b9b9}[data-theme=dark] .device-logs{background:#0a1210;color:#d6e9de}[data-theme=dark] .dialog-footer,[data-theme=dark] .panel-footer{background:var(--surface)}[data-theme=dark] tbody tr:hover{background:#21362c}#device-dialog{max-height:90vh;overflow:auto;padding:28px}#device-dialog details{border-top:1px solid var(--border);padding:18px 0}#device-dialog summary{cursor:pointer;font-weight:650}#device-dialog textarea{width:100%}#delivery-status{padding:12px;border-radius:8px}.sms-card{border:1px solid var(--border);border-radius:10px;padding:15px;margin:12px 0}.sms-card small{display:block;color:var(--muted);margin-top:5px}.sms-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.client-shell{max-width:850px;margin:auto;padding:60px 24px}.client-shell header{margin-top:20px}.client-shell .panel{padding:24px;margin:20px 0}.client-shell textarea{width:100%}.client-shell .login-card{max-width:460px;margin:50px auto}.sos-active{outline:2px solid #ef4444;background:rgba(239,68,68,.12)}.sos-label{color:#ef4444;font-weight:700}.header-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.invitation-panel{padding:20px;margin-bottom:24px;scroll-margin-top:20px}.client-users-panel{margin-bottom:24px}.client-users-panel form{padding:0 24px 24px}.client-submit{display:flex;align-items:center;padding-top:24px}#client-user-result{grid-column:1/-1;margin:0}@media(max-width:720px){.sidebar{flex-wrap:wrap}.client-users-panel form{padding:0 16px 20px}.header-actions{gap:8px}.header-actions .primary{padding:10px 12px}}