:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--primary: #10b981;--primary-dark: #059669;--text: #f1f5f9;--muted: #94a3b8;--danger: #ef4444;--warn: #f59e0b;--primary-text: #10b981;--on-primary: #04231a;--warn-text: #fcd34d;color-scheme:dark}:root[data-theme=light]{--bg: #eef2f7;--surface: #ffffff;--surface-2: #e2e8f0;--text: #0f172a;--muted: #64748b;--danger: #dc2626;--primary-text: #047857;--warn-text: #b45309;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Sarabun,system-ui,sans-serif;background:var(--bg);color:var(--text)}#root{max-width:480px;margin:0 auto;min-height:100vh}.app{padding:16px}a{color:var(--primary-text);text-decoration:none}.card{background:var(--surface);border-radius:16px;padding:16px;margin-bottom:12px}.btn{display:block;width:100%;padding:14px;border:none;border-radius:12px;background:var(--primary);color:var(--on-primary);font-weight:700;font-size:16px;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--surface-2);color:var(--text)}.btn.danger{background:var(--danger);color:#fff}.input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--surface-2);background:var(--bg);color:var(--text);font-size:16px;margin-bottom:10px}label{font-size:13px;color:var(--muted);display:block;margin-bottom:4px}h1{font-size:22px;margin:8px 0 16px}h2{font-size:17px;margin:0 0 8px}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.muted{color:var(--muted);font-size:14px}.error{color:var(--danger);font-size:14px;margin:8px 0}.center{text-align:center}.linkish{border:none;background:none;padding:0;font:inherit;color:var(--primary-text);cursor:pointer}.linkish:disabled{color:var(--muted);cursor:default}.brand-logo{display:block;height:110px;width:auto;margin:0 0 8px}.brand-logo.small{height:52px;margin:0 0 6px}.brand-logo.on-light{display:none}:root[data-theme=light] .brand-logo.on-dark{display:none}:root[data-theme=light] .brand-logo.on-light{display:block}.theme-toggle{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:var(--surface-2)}.theme-toggle button{border:none;background:transparent;border-radius:999px;padding:3px 8px;font-size:14px;line-height:1.2;cursor:pointer;opacity:.55}.theme-toggle button.on{background:var(--surface);opacity:1}.top-actions{display:flex;justify-content:flex-end;margin-bottom:4px}.legal-draft{background:#fff7e6;border:1px solid #fde1a8;color:#92580a;border-radius:12px;padding:10px 12px;font-size:13px}.lang-switch{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:var(--surface-2)}.lang-switch button{border:none;background:transparent;color:var(--text);border-radius:999px;padding:3px 10px;font:inherit;font-size:13px;line-height:1.2;cursor:pointer;opacity:.6}.lang-switch button.on{background:var(--surface);opacity:1;font-weight:700}.top-actions{gap:6px}.status-pill{padding:6px 12px;border-radius:999px;font-weight:700;font-size:14px;white-space:nowrap}.status-pill.free{background:var(--primary);color:var(--on-primary)}.status-pill.plugged{background:var(--surface-2);color:var(--warn-text)}.status-pill.busy{background:var(--surface-2);color:var(--text)}.status-pill.down{background:var(--surface-2);color:var(--danger)}a.btn{text-align:center;margin-bottom:8px}