:root{color-scheme:dark;--bg: #071018;--panel: #101b26;--panel-2: #142233;--line: #294056;--text: #edf6ff;--muted: #a8b9c9;--accent: #5dd6ff;--accent-2: #b8ff6a;--warn: #ffd166;--danger: #ff6b6b;--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}.portal-app{min-height:100vh;background:radial-gradient(circle at top left,rgba(93,214,255,.14),transparent 28rem),linear-gradient(135deg,#071018,#0b1722 52%,#071018)}.portal-header{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:12px;grid-template-columns:1fr auto auto auto;min-height:64px;padding:12px 20px}.brand-button,.icon-button,.nav-item,.primary-button,.secondary-button{align-items:center;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);cursor:pointer;display:inline-flex;gap:8px}.brand-button{background:transparent;border-color:transparent;font-weight:700;justify-self:start;padding:8px 0}.draft-badge,.role-pill{border:1px solid var(--line);border-radius:999px;color:var(--muted);padding:7px 10px;text-transform:capitalize}.role-company_owner,.role-company_admin{border-color:#5dd6ff99;color:var(--accent)}.role-employee,.role-viewer{border-color:#b8ff6a73;color:var(--accent-2)}.icon-button{background:var(--panel);height:38px;justify-content:center;width:38px}.portal-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 64px)}.portal-nav{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px;padding:18px}.nav-item{background:transparent;justify-content:flex-start;min-height:40px;padding:9px 11px}.nav-item-primary{font-weight:600}.nav-item.is-active,.nav-item:hover{background:#5dd6ff1a;border-color:#5dd6ff80}.portal-main{padding:28px}.section-header{max-width:920px}.section-header p{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.section-header h1{font-size:clamp(2rem,4vw,4.2rem);letter-spacing:0;line-height:1;margin:0 0 14px}.section-header .copy,.copy{color:var(--muted);font-size:1rem;line-height:1.65;max-width:780px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:22px}.stat-card,.panel{background:linear-gradient(180deg,#142233f5,#101b26f5);border:1px solid var(--line);border-radius:var(--radius);min-height:120px;padding:18px}.stat-card span,.panel small{color:var(--muted)}.stat-card strong{display:block;font-size:2rem;margin:10px 0 4px}.primary-button,.secondary-button{background:var(--accent);border-color:transparent;color:#051018;font-weight:700;min-height:42px;padding:10px 14px}.secondary-button{background:transparent;border-color:var(--line);color:var(--text)}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.table-list{display:grid;gap:10px;margin-top:22px}.list-row{align-items:center;background:#101b26bd;border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:14px}.status-safe{color:var(--accent-2)}.status-warn{color:var(--warn)}input,textarea{background:#071018;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);min-height:42px;padding:10px 12px;width:100%}form{display:grid;gap:12px;max-width:520px}label{color:var(--muted);display:grid;gap:6px}@media(max-width:820px){.portal-header{grid-template-columns:1fr auto}.draft-badge{grid-column:1 / -1}.portal-shell{grid-template-columns:1fr}.portal-nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto}.nav-item{white-space:nowrap}.portal-main{padding:20px}}.auth-panel{max-width:480px;margin-top:8px}.auth-mode-row{margin:12px 0 16px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}.auth-form input{width:100%;background:#06111d;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:12px;font:inherit}.auth-form input::placeholder{color:#6f8496}.auth-form input:focus{outline:none;border-color:var(--accent)}.auth-form .button-row{margin-top:4px}.auth-form .auth-note{margin:0;font-size:12px;color:var(--muted)}.auth-form .auth-error{margin:0;color:var(--danger);font-size:13px}