:root{--bg:#f3f4f8;--panel:#fff;--text:#1c2230;--muted:#7b8496;--accent:#8f80ff;--accent-2:#6f7cff;--accent-soft:#e6e2ff;--accent-mint:#5abcb0;--support:#a3bba9;--warning:#ffdd70;--danger:#eb5a4e;--danger-soft:#ec6387;--border:#e4e8f0}*{box-sizing:border-box}body{background:radial-gradient(1100px 660px at -12% -12%,rgba(143,128,255,.1),transparent 58%),radial-gradient(980px 560px at 112% 112%,rgba(111,124,255,.09),transparent 58%),linear-gradient(180deg,#f5f6fb,#f3f4f8 56%,#f3f4f8);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;color:var(--text);font-family:Space Grotesk,Segoe UI,sans-serif;font-size:15px;line-height:1.45;margin:0}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit}.container{margin:0 auto;max-width:1180px;padding:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 10px #1d22300a;padding:18px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.inline{display:flex;flex-wrap:wrap;gap:10px}.field{display:grid;gap:7px;margin-bottom:14px}label{color:var(--muted);font-size:.84rem;font-weight:500;letter-spacing:.01em}input,select{background:#fcfcff;border:1px solid var(--border);border-radius:12px;min-height:42px;padding:9px 12px;width:100%}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);outline:none}button{background:#fcfcff;border:1px solid var(--border);border-radius:12px;cursor:pointer;font-weight:500;min-height:40px;padding:9px 14px}button.primary{background:linear-gradient(120deg,#9f93ff,#8d7dff);border-color:#9f93ff;box-shadow:0 6px 14px #8d7dff3d;color:#fff}button.danger{background:color-mix(in srgb,var(--danger-soft) 9%,#fff);border-color:var(--danger);color:var(--danger)}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--border);padding:11px 8px;text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:.79rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}h1{font-size:clamp(1.42rem,1.7vw,1.74rem);letter-spacing:-.01em;line-height:1.18}h1,h2{margin:0 0 8px}h2{font-size:clamp(1.03rem,1.15vw,1.18rem);letter-spacing:-.005em;line-height:1.25}p{margin:0 0 10px}.page-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.create-inline{background:#fbfcff;border:1px solid var(--border);border-radius:14px;margin:4px 0 12px;padding:14px}.field-hint{color:var(--muted);font-size:.88rem;margin-bottom:14px;margin-top:-8px}.status-pill{align-items:center;background:#f6f8ff;border:1px solid #dbe3f4;border-radius:999px;color:#5f6f9b;display:inline-flex;font-size:.78rem;font-weight:600;padding:3px 9px}.status-active{background:color-mix(in srgb,var(--accent-mint) 10%,#fff);border-color:color-mix(in srgb,var(--accent-mint) 35%,var(--border));color:#2a6e64}.status-disabled{background:color-mix(in srgb,var(--danger) 8%,#fff);border-color:color-mix(in srgb,var(--danger) 25%,var(--border));color:var(--danger)}.row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.button-compact{border-radius:10px;font-size:.8rem;min-height:32px;padding:5px 10px}.role-list{display:grid;gap:8px}.role-item{align-items:center;background:#fbfcff;border:1px solid #e7ebf4;border-radius:10px;display:flex;gap:10px;justify-content:space-between;padding:7px 9px}.role-main{display:grid;gap:2px;min-width:0}.role-main code{color:#2e4999;font-size:.8rem;font-weight:600}.role-meta{color:var(--muted);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-backdrop{background:#181c274d;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:20}.modal-card{background:#fff;border:1px solid #e0e6f2;border-radius:16px;box-shadow:0 16px 32px #1d22301f;padding:16px;width:min(460px,100%)}.table-empty{padding:16px 8px 6px}.muted,.table-empty{color:var(--muted)}.error{color:var(--danger)}.app-shell{gap:14px;min-height:100vh}.app-shell,.side-nav{display:flex;padding:12px}.side-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#ece8fb,#e7e3f8);border:1px solid #dcd5f8;border-radius:14px;box-shadow:inset 0 1px #fff9;flex-direction:column;flex-shrink:0;gap:12px;width:236px}.side-brand{align-items:center;color:var(--text);display:flex;font-weight:700;gap:8px;padding:6px 4px 12px}.nav-brand-dot{background:linear-gradient(120deg,var(--accent),var(--accent-2));border-radius:999px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-soft) 70%,#fff);height:10px;width:10px}.side-links{display:flex;flex-direction:column;gap:6px}.side-sections{display:grid;gap:12px}.side-section{display:grid;gap:8px}.side-section-title{color:color-mix(in srgb,var(--muted) 86%,#fff);font-size:.72rem;font-weight:700;letter-spacing:.07em;margin:0;padding:0 2px;text-transform:uppercase}.side-link{border:1px solid transparent;border-radius:12px;color:var(--muted);font-size:.93rem;font-weight:600;padding:9px 11px;transition:all .15s ease}.side-link:hover{background:#ffffff8c;color:var(--text)}.side-link-active{background:#fff;border-color:#d9d0ff;box-shadow:0 1px 2px #1e22320d;color:var(--accent);font-weight:600}.workspace-shell{display:flex;flex:1;flex-direction:column;gap:10px;min-width:0}.workspace-topbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd6;border:1px solid #e6e9f2;border-radius:14px;box-shadow:0 2px 10px #1d22300a;display:flex;gap:8px;justify-content:space-between;padding:8px 12px}.workspace-context{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px;min-width:0}.workspace-user{align-items:center;display:flex;gap:10px;justify-content:flex-end;min-width:0}.nav-chip{background:#f9faff;border:1px solid #e1e6f2;border-radius:999px;color:var(--muted);font-size:.78rem;padding:4px 9px}.nav-chip,.nav-user{font-weight:500;white-space:nowrap}.nav-user{color:var(--text);font-size:.84rem;max-width:280px;overflow:hidden;text-overflow:ellipsis}.nav-logout{border-color:#d8dff0;border-radius:10px;font-size:.84rem;min-height:34px;padding:6px 11px}.context-switch{background:#f8faff;border-color:#d9dff0;border-radius:999px;color:#4f5f87;font-size:.76rem;min-height:30px;padding:4px 10px}.workspace-main{min-width:0}@media(max-width:980px){.app-shell{flex-direction:column}.side-nav{padding:12px;width:100%}.side-links{flex-direction:row;overflow-x:auto;scrollbar-width:none}.side-sections{gap:10px}.side-section-title{padding-left:2px}.side-links::-webkit-scrollbar{display:none}.workspace-topbar{align-items:flex-start;flex-direction:column}.workspace-context,.workspace-user{width:100%}.workspace-user{flex-wrap:wrap;justify-content:space-between}.page-header{align-items:flex-start;flex-direction:column}.page-header-actions{width:100%}.row-actions{justify-content:flex-start}.role-item{align-items:flex-start;flex-direction:column}}.ws-page{max-width:620px}.ws-header{margin-bottom:24px}.ws-header h1{margin-bottom:4px}.ws-steps{display:flex;flex-direction:column;gap:0}.ws-step{display:flex;gap:16px;padding:0 0 28px}.ws-step:last-child{padding-bottom:0}.ws-step-indicator{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:0}.ws-step-num{background:var(--panel);border:2px solid var(--border);border-radius:999px;color:var(--muted);display:grid;flex-shrink:0;font-size:.84rem;font-weight:700;height:32px;place-items:center;transition:all .2s ease;width:32px}.ws-step-num-done{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:var(--accent);box-shadow:0 3px 10px #8f80ff47;color:#fff}.ws-step-line{background:var(--border);border-radius:2px;flex:1;margin:6px 0;transition:background .2s ease;width:2px}.ws-step-line-done{background:var(--accent)}.ws-step-body{flex:1;min-width:0;padding-top:3px}.ws-step-body h2{margin-bottom:2px}.ws-step-body .muted{font-size:.88rem;margin-bottom:12px}.ws-step-body .field select{background:var(--panel)}.ws-step-disabled{opacity:.5;pointer-events:none}.ws-step-hint{color:var(--muted);font-size:.86rem;margin:10px 0 0}.ws-ready{align-items:flex-start;background:color-mix(in srgb,var(--accent-mint) 8%,#fff);border:1px solid color-mix(in srgb,var(--accent-mint) 25%,var(--border));border-radius:14px;display:flex;gap:12px;margin-top:24px;padding:14px 16px}.ws-ready-dot{background:var(--accent-mint);border-radius:999px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-mint) 18%,transparent);flex-shrink:0;height:10px;margin-top:4px;width:10px}.ws-ready-text{font-size:.93rem;font-weight:500;margin:0}.ws-ready-hint{color:var(--muted);font-size:.84rem;margin:3px 0 0}.ws-hint-banner{background:color-mix(in srgb,var(--accent-soft) 40%,#fff);border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));border-radius:14px;color:var(--muted);font-size:.88rem;margin-top:20px;padding:12px 16px}.auth-shell{display:grid;min-height:76vh;place-items:center}.auth-card{background:#fff;border:1px solid #e2e7f2;border-radius:20px;box-shadow:0 16px 42px #1d223014;padding:26px;width:min(520px,100%)}.auth-eyebrow{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.auth-title{font-size:clamp(1.6rem,2vw,2rem);line-height:1.1;margin:0}.auth-subtitle{color:var(--muted);margin:8px 0 16px}.auth-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.auth-primary{min-width:136px}.auth-help{color:var(--muted);font-size:.92rem;margin-top:12px}.otp-inputs{display:flex;gap:10px;justify-content:center}.otp-digit{background:#fff;border:2px solid var(--border);border-radius:14px;caret-color:var(--accent);color:var(--text);font-size:1.5rem;font-weight:700;height:60px;letter-spacing:0;min-height:auto;padding:0;text-align:center;width:50px}.otp-digit:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.toast-container{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:16px;top:16px;z-index:50}.toast{animation:toast-in .25s ease;border-radius:12px;box-shadow:0 4px 16px #1d22301f;font-size:.88rem;font-weight:500;padding:10px 16px;pointer-events:auto}.toast-success{background:color-mix(in srgb,var(--accent-mint) 14%,#fff);border:1px solid color-mix(in srgb,var(--accent-mint) 30%,var(--border));color:#2a6e64}.toast-error{background:color-mix(in srgb,var(--danger) 10%,#fff);border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border));color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toggle-label{align-items:center;color:var(--text);cursor:pointer;display:inline-flex;font-size:.88rem;gap:8px}.toggle-label input[type=checkbox]{accent-color:var(--accent-mint);height:18px;min-height:auto;width:18px}.copy-key-block{margin-bottom:12px}.copy-key-row{align-items:center;display:flex;gap:10px;margin-top:6px}.copy-key-value{background:#f6f8ff;border:1px solid var(--border);border-radius:8px;flex:1;font-size:.84rem;min-width:0;padding:8px 10px;word-break:break-all}.copy-btn{border-radius:10px;flex-shrink:0;font-size:.82rem;min-height:34px;padding:6px 12px}