:root{color:#202124;font-synthesis:none;--border:#e6e7eb;--muted:#666b73;--accent:#16794b;background:#fff;font-family:Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #3c72da}h1:focus,main:focus{outline:none}h1{margin:12px 0;font-size:30px;font-weight:650;line-height:1.5}h2{margin:0 0 10px;font-size:18px;line-height:1.5}p{margin:8px 0 20px;line-height:1.9}small{font-size:12px}svg{flex-shrink:0}code{font-family:Consolas,monospace;font-size:13px}.muted{color:var(--muted)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#fff;padding:12px;position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.topbar{border-bottom:1px solid var(--border);z-index:30;background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:fixed;inset:0 0 auto}.topbar-start{align-items:center;gap:20px;min-width:0;display:flex}.brand{letter-spacing:-1.4px;direction:ltr;align-items:center;gap:5px;font-size:26px;font-weight:750;display:flex}.brand-dot{background:#168651;border-radius:50%;align-self:flex-end;width:7px;height:7px;margin-block-end:8px}.topbar-divider{background:var(--border);width:1px;height:22px}.topbar-label{color:#565b64;font-size:13px}.language-button,.icon-button{color:#555b64;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:40px;min-height:40px;display:inline-flex}.language-button{padding:8px 10px;font-size:13px}.language-button:hover,.icon-button:hover{background:#f5f5f7}.auth-layout{background:#fafafa;min-height:100dvh}.auth-main{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 65px);padding:110px 24px 50px;display:flex}.auth-card{border:1px solid var(--border);background:#fff;border-radius:16px;width:100%;max-width:440px;padding:34px;box-shadow:0 4px 24px #17243c05}.auth-card.wide{max-width:560px}.auth-card h1{font-size:25px}.auth-card>p{font-size:14px}.hero-icon{border:1px solid var(--border);color:#424850;background:#fafafa;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-block-end:8px;display:inline-flex}.hero-icon.success{color:#196d43;background:#ecf7f0;border-color:#d6eadf}.auth-form{gap:20px;margin-block-start:28px;display:grid}.field{gap:8px;font-size:13px;font-weight:600;display:grid}.field input,.scope-picker select{color:#202124;background:#fff;border:1px solid #cfd2d8;border-radius:8px;width:100%;min-height:44px;padding:10px 12px}.field input:hover,.scope-picker select:hover{border-color:#9c9fa6}.field input:disabled{background:#f6f7f8}.primary,.secondary{border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#202124;border-color:#202124}.primary:hover:not(:disabled){background:#383b40}.secondary{color:#33373d;background:#fff}.secondary:hover:not(:disabled){background:#f6f6f8}.danger{color:#ac2828;border-color:#e5baba}.auth-card>.primary{width:100%;margin-block-start:20px}.text-button{color:#434d60;text-underline-offset:4px;background:0 0;border:0;padding:10px 0;font-size:13px;text-decoration:underline}.auth-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block-start:16px;display:flex}.auth-footer{color:#666;justify-content:center;gap:12px;padding:20px;font-size:12px;display:flex}.feedback{color:#8b3030;background:#fff7f7;border:1px solid #e4c8c8;border-radius:8px;margin-block:12px;padding:12px;font-size:13px;line-height:1.8}.feedback p{margin:0}.feedback small{display:block}.footnote{color:var(--muted);margin-block-start:20px;font-size:12px;line-height:1.9}.setup-key{border:1px solid var(--border);background:#f7f8fa;border-radius:8px;gap:10px;padding:14px;display:grid}.setup-key input{font-family:Consolas,monospace;font-size:13px}.recovery-codes{grid-template-columns:1fr 1fr;gap:8px;margin:24px 0;padding:0;list-style:none;display:grid}.recovery-codes li{border:1px solid var(--border);text-align:center;background:#f4f5f7;border-radius:6px;padding:12px 8px}.checkbox{align-items:flex-start;gap:10px;margin:20px 0;font-size:13px;line-height:1.8;display:flex}.checkbox input{accent-color:#202124;flex-shrink:0;width:16px;height:16px}.loading{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.spinner{border:2px solid #e1e3e7;border-top-color:#566172;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{height:auto;max-height:none;color:inherit;border:0;border-inline-end:1px solid var(--border);z-index:20;background:#fafafb;flex-direction:column;width:256px;margin:0;padding:22px 16px;display:flex;position:fixed;inset-block:68px 0;inset-inline:0 auto;overflow-y:auto}.sidebar-top{align-items:center;gap:10px;min-width:0;padding:0 4px 20px;display:flex}.workspace-avatar{border:1px solid var(--border);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.sidebar-top>div{flex:1;min-width:0}.sidebar-top strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.sidebar-top small{color:var(--muted);margin-block-start:4px;display:block}.scope-picker{border-bottom:1px solid var(--border);margin-block-end:16px;padding:0 4px 16px}.scope-picker label{color:var(--muted);margin-block-end:7px;font-size:11px;display:block}.scope-picker select{min-height:38px;padding:8px;font-size:12px}.pagination{justify-content:flex-end;gap:12px;display:flex}.pagination button{color:#414853;background:0 0;border:0;padding:8px 0;font-size:12px}.sidebar nav{gap:4px;display:grid}.sidebar nav a{color:#666b73;border-radius:8px;align-items:center;gap:12px;min-height:44px;padding:12px;font-size:13px;display:flex}.sidebar nav a:hover{background:#f0f1f4}.sidebar nav a[aria-current=page]{color:#252830;background:#eaecef;font-weight:600}.sidebar-bottom{align-items:center;gap:10px;margin-block-start:auto;padding:20px 4px 0;font-size:12px;display:flex}.sidebar-bottom>span:nth-child(2){flex:1}.sidebar-bottom small{color:var(--accent);margin-block-start:4px;font-size:11px;display:block}.account-mark{color:#6a707d;background:#e8e9ed;border:1px solid #dcdee4;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.panel-main{max-width:1600px;margin-inline-start:256px;padding:96px 38px 48px}.breadcrumbs{color:#777d87;align-items:center;gap:12px;margin-block-end:32px;font-size:12px;display:flex}.breadcrumbs span:first-child{white-space:nowrap;text-overflow:ellipsis;max-width:230px;overflow:hidden}.breadcrumbs span:last-child{color:#333842}.page-heading{margin-block-end:28px}.page-heading p{color:var(--muted);max-width:650px;font-size:14px}.eyebrow{color:var(--muted);font-size:12px}.card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-block-end:20px;padding:24px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.metric{gap:16px;margin:0 0 24px;display:grid;position:relative}.metric>svg{color:#737b87;position:absolute;inset-block-start:22px;inset-inline-end:22px}.metric>span{color:var(--muted);padding-inline-end:24px;font-size:12px}.metric>strong{font-size:21px;font-weight:600;line-height:1.7}.metric .status-label{align-items:center;gap:8px;font-size:16px;display:flex}.status-dot{background:#208454;border-radius:50%;width:7px;height:7px}.welcome-card{align-items:center;gap:32px;padding:32px;display:flex}.welcome-card p{max-width:560px;font-size:13px}.welcome-graphic{color:#697483;background:#f5f6f8;border:1px solid #ebecef;border-radius:28px;flex-shrink:0;place-items:center;width:112px;height:112px;display:grid}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:600px;min-height:50dvh;margin:auto;padding:36px 0;display:flex}.empty-state h1{font-size:24px}.empty-state p{color:var(--muted);max-width:430px;font-size:14px}.empty-symbol{border:1px solid var(--border);color:#818a98;background:#f5f6f8;border-radius:22px;place-items:center;width:84px;height:84px;margin-block-end:20px;display:grid}.access-table{padding:0;overflow:auto}.access-table table{border-collapse:collapse;text-align:start;white-space:nowrap;width:100%;font-size:12px}.access-table th,.access-table td{text-align:start;border-bottom:1px solid var(--border);padding:16px 20px}.access-table th{color:var(--muted);background:#fafafa;font-weight:500}.access-table tr:last-child td{border:0}.security-page{width:100%;max-width:880px}.security-card{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.security-card .hero-icon{flex-shrink:0;margin:0}.security-card p{margin:0;font-size:13px}.action-row{flex-wrap:wrap;gap:12px;margin-inline-start:auto;display:flex}.offline-banner{color:#745116;background:#fff8e8;border:1px solid #e8d6af;border-radius:8px;align-items:center;gap:10px;width:100%;margin-block-end:22px;padding:12px 16px;font-size:13px;display:flex}.mobile-menu,.close-nav,.sidebar-backdrop{display:none}@media (min-width:761px){.sidebar[inert]{pointer-events:auto}}@media (max-width:1000px){.panel-main{padding-inline:24px}.metric-grid{gap:12px}.metric{padding:18px}.welcome-card{gap:20px;padding:24px}.welcome-graphic{width:80px;height:80px}}@media (max-width:760px){.topbar{height:60px;padding:0 16px}.topbar-start{gap:12px}.topbar-label,.topbar-divider{display:none}.brand{font-size:24px}.language-button{font-size:12px}.mobile-menu,.close-nav{display:inline-flex}.sidebar{visibility:hidden;z-index:40;width:280px;max-width:88vw;transition:transform .15s,visibility .15s;inset-block-start:60px;transform:translate(-100%)}html[dir=rtl] .sidebar{transform:translate(100%)}html[dir] .sidebar.open{visibility:visible;transform:translate(0)}.sidebar-backdrop.open{z-index:35;background:#18203166;border:0;display:block;position:fixed;inset:60px 0 0}.panel-main{margin-inline-start:0;padding:82px 20px 32px}.breadcrumbs{margin-block-end:24px}.page-heading h1{font-size:26px}.metric-grid{grid-template-columns:1fr}.metric{gap:10px;margin-block-end:0}.metric-grid{margin-block-end:20px}.welcome-card{align-items:flex-start;gap:16px}.welcome-graphic{border-radius:12px;width:52px;height:52px}.welcome-graphic svg{width:28px;height:28px}.auth-main{padding:90px 16px 30px}.auth-card{padding:26px 22px}.auth-card h1{font-size:23px}.security-card{align-items:flex-start}.action-row{margin-inline-start:0}.recovery-codes{grid-template-columns:1fr}.auth-footer{padding:12px}.access-table td,.access-table th{padding:14px}.card{padding:20px}.access-table{padding:0}}@media (prefers-reduced-motion:reduce){.spinner,.sidebar{scroll-behavior:auto;transition:none;animation:none}}