:root{--auth-bg:#f1f5f9;--auth-card:#fff;--auth-text:#0f172a;--auth-muted:#64748b;--auth-border:#cbd5e1}.dark{--auth-bg:#0f172a;--auth-card:#1e293b;--auth-text:#e2e8f0;--auth-muted:#94a3b8;--auth-border:#475569}.auth-page{margin:0;background:var(--auth-bg);color:var(--auth-text);font-family:system-ui,sans-serif}.access-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;box-sizing:border-box;background:var(--auth-bg);color:var(--auth-text)}.access-card{width:min(100%,420px);padding:32px;box-sizing:border-box;border:1px solid var(--auth-border);border-radius:20px;background:var(--auth-card);box-shadow:0 20px 50px #0000000c}.access-card h1{font-size:25px;margin:16px 0}.access-card p,.access-muted{color:var(--auth-muted);line-height:1.6}.access-form{display:grid;gap:16px}.access-form label{display:grid;gap:8px;font-size:14px}.access-input,.access-form input{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid var(--auth-border);border-radius:9px;background:var(--auth-card);color:var(--auth-text);font:inherit}.access-btn{border:0;border-radius:9px;padding:10px 15px;font:inherit;cursor:pointer;white-space:nowrap;background:#e2e8f0;color:#0f172a}.access-btn:disabled{opacity:.5;cursor:wait}.access-green{background:#166534;color:white}.access-blue{background:#1d4ed8;color:white}.access-red{background:#991b1b;color:white}.access-notice{display:block;margin-top:14px;padding:12px;border:1px solid #94a3b8;border-radius:9px;background:var(--auth-bg);color:var(--auth-text);line-height:1.6;text-align:left;cursor:pointer;width:100%;box-sizing:border-box}.access-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.access-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.access-main{max-width:1200px;margin:32px auto;padding:0 24px}.access-table-wrap{overflow:auto;border:1px solid var(--auth-border);border-radius:14px;background:var(--auth-card);margin-top:20px}.access-table{width:100%;border-collapse:collapse;white-space:nowrap}.access-table th,.access-table td{padding:15px;text-align:left;border-bottom:1px solid var(--auth-border)}.access-table th{font-size:13px;color:var(--auth-muted)}.access-table td .access-btn{margin:3px}.access-modal{position:fixed;inset:0;z-index:100;background:#02061799;display:grid;place-items:center;padding:20px}.access-dialog{background:var(--auth-card);color:var(--auth-text);padding:24px;border-radius:16px;width:min(100%,1000px);max-height:85dvh;overflow:auto;box-sizing:border-box}.access-dialog.small{max-width:460px}.access-hidden,.hidden{display:none!important}.access-status{padding:5px 9px;border-radius:6px;background:var(--auth-bg);font-size:13px}.access-brand{display:flex;justify-content:space-between;align-items:center;font-size:26px;color:#15803d}.access-link{display:block;margin-top:18px;color:var(--auth-muted)}@media(max-width:600px){.access-main{padding:0 12px}.access-header{align-items:flex-start;flex-direction:column}.access-card{padding:24px}.access-table th,.access-table td{padding:10px}}

.access-table{min-width:0}.access-table th{background:var(--auth-bg)}

.auth-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.auth-heading h1{margin:0;font-size:22px}.auth-theme-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;font-size:20px;line-height:1;background:var(--auth-bg);color:var(--auth-text);border:1px solid var(--auth-border)}.access-card .auth-approval-note{margin:12px 0 0;font-size:13px}
