.access-page{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(ellipse at top left,#eee2f4,transparent 65%),var(--bg)}
.access-card input,.control-card input,.control-card select{padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:.875rem;min-width:0}
.access-card input:focus,.control-card input:focus,.control-card select:focus{outline:2px solid var(--accent);outline-offset:2px}
main.access-card{width:min(100%,460px);padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px #4300640b}
.access-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--accent);font-size:1.55rem;font-weight:600;margin-bottom:32px}.access-brand .brand-symbol{color:#fff;background:var(--accent)}
.access-brand img.brand-symbol{object-fit:contain;padding:0;background:transparent;border-radius:0}
.access-card h1{font-size:1.65rem;line-height:1.3;margin:8px 0 14px}.access-card form{margin-top:26px}.access-card .field{margin-bottom:18px}.access-card input{width:100%}.access-help{font-size:.8rem;line-height:1.7;color:var(--muted);margin-top:22px}.access-exit{display:block;margin:20px auto 0}
.account-actions{display:flex;align-items:center;gap:12px;font-size:.8rem}.account-actions a{color:var(--accent)}.account-actions #account-label{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{gap:14px;flex-wrap:wrap;min-height:76px;height:auto;padding-top:12px;padding-bottom:12px}
main.control-shell{max-width:1420px;margin:0 auto;padding:40px}.control-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.control-header h1{font-size:1.8rem;margin-bottom:8px}.control-header .access-brand{margin-bottom:20px}.control-badge{font-size:.63rem;letter-spacing:.12em;vertical-align:middle;margin-left:12px;background:var(--accent-soft);padding:6px 10px;border-radius:5px}.control-header-actions{display:flex;gap:10px;flex-wrap:wrap}.control-notice{padding:12px 18px;background:var(--accent-soft);color:var(--accent);border-radius:9px;font-size:.82rem;margin-bottom:24px}.control-summary{display:grid;grid-template-columns:1fr 1fr 2fr;gap:18px;margin-bottom:26px}.control-summary>div{border:1px solid var(--line);background:var(--surface);padding:20px;border-radius:12px}.control-summary span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:10px}.control-summary strong{font-size:1.4rem}.control-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}.control-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:20px}.control-card h2{font-size:1.12rem;margin-bottom:14px}.control-card input,.control-card select{width:100%}.control-card .field{margin-bottom:16px}.control-client-list{margin-top:14px;display:grid;gap:8px;max-height:550px;overflow:auto}.control-client-list button{text-align:left;border:1px solid var(--line);padding:12px;border-radius:8px;background:var(--surface);color:var(--ink);overflow-wrap:anywhere}.control-client-list button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.control-client-list small{display:block;font-size:.7rem;color:var(--muted);margin-top:4px}.control-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.control-section-heading h2{margin-bottom:8px;overflow-wrap:anywhere}.control-settings{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.control-settings button{justify-self:start;grid-column:1/-1;margin-bottom:16px}.control-state{font-size:.75rem;color:var(--muted)}.control-user-form{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px}.control-user-form .field{flex:1;margin:0}.control-table{width:100%;min-width:560px;border-collapse:collapse}.control-table th{text-align:left;font-size:.75rem;color:var(--muted);font-weight:500}.control-table th,.control-table td{padding:14px 10px;border-bottom:1px solid var(--line);font-size:.8rem}.control-table td:first-child{overflow-wrap:anywhere;max-width:250px}.control-row-actions{display:flex;gap:8px;flex-wrap:wrap}.control-row-actions button{font-size:.72rem;padding:7px 10px}.control-data-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:20px}#legacy-form{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.control-audit{margin-top:14px}.control-audit summary{cursor:pointer;font-weight:500}.control-audit table{margin-top:16px}.control-status{padding:12px 18px;background:#eaf5ee;color:var(--green);border-radius:8px;margin-bottom:18px}.control-card.empty{padding:64px 28px}.control-card.empty p{margin-bottom:0}
@media(max-width:1000px){main.control-shell{padding:24px}.control-layout{grid-template-columns:250px minmax(0,1fr)}.control-settings{grid-template-columns:1fr 1fr}.control-settings .field:first-child{grid-column:1/-1}.account-actions #account-label{display:none}}
@media(max-width:720px){main.control-shell{padding:20px 16px}.control-header{align-items:flex-start;flex-direction:column}.control-summary{grid-template-columns:1fr 1fr}.control-summary>div:last-child{grid-column:1/-1}.control-layout{grid-template-columns:1fr}.control-client-list{max-height:260px}.control-user-form{align-items:stretch;flex-direction:column}.control-card{padding:20px}.account-actions{gap:8px;font-size:.7rem}.topbar .connection{display:none}.control-section-heading{flex-wrap:wrap}}
@media(max-width:420px){main.access-card{padding:28px 22px}.control-summary strong{font-size:1.15rem}.account-actions a{display:none}}