@layer atoms{.ui-text{line-height:1.6}.ui-text--muted{color:var(--ink-secondary)}.ui-text--eyebrow{color:var(--ink-secondary);letter-spacing:.1em;font-size:.6875rem;font-weight:500}.ui-text--error{color:var(--danger)}.ui-heading{color:var(--ink);letter-spacing:-.035em;overflow-wrap:anywhere;font-weight:600;line-height:1.12}.ui-heading--1{margin:0 0 24px;font-size:clamp(2rem,4vw,3.25rem)}.ui-heading--2{margin:0 0 16px;font-size:clamp(1.375rem,2vw,1.75rem)}.ui-heading--3{letter-spacing:-.015em;margin:0 0 12px;font-size:1rem}.ui-button{font:inherit;border-radius:var(--radius-control);background:var(--surface-muted);min-height:44px;color:var(--ink);cursor:pointer;border:0;padding:12px 20px;font-size:.8125rem;font-weight:500;line-height:1.3;transition:background .16s,opacity .16s}.ui-button:hover:not(:disabled){background:var(--surface-hover)}.ui-button--primary{background:var(--button-primary);color:var(--on-button-primary)}.ui-button--primary:hover:not(:disabled){background:var(--button-primary-hover)}.ui-button--danger{color:var(--danger);background:var(--danger-surface)}.ui-button--danger:hover:not(:disabled){background:var(--danger-hover)}.ui-button:disabled{opacity:.45;cursor:not-allowed}.ui-button[aria-busy=true]{cursor:wait}.ui-button:focus-visible{outline:var(--focus-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){.ui-button{transition:none}}.ui-card{border-radius:var(--radius-surface);background:var(--surface);border:0;min-width:0;padding:24px}.ui-card--subtle{background:var(--surface-muted)}.ui-input{font:inherit;border:1px solid var(--control-line);border-radius:var(--radius-control);min-height:48px;color:var(--ink);background:var(--surface);width:100%;min-width:0;padding:12px 14px}.ui-input:focus-visible{outline:var(--focus-ring);outline-offset:2px}.ui-input[aria-invalid=true]{border-color:var(--danger)}.ui-input:disabled{background:var(--surface-muted);color:var(--ink-secondary);cursor:not-allowed}.ui-input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--brand-primary);flex-shrink:0;margin:3px 0 0;padding:0}.ui-label{color:var(--ink);font-size:.8125rem;font-weight:500;line-height:1.5}.ui-link{color:var(--ink);text-underline-offset:4px}.ui-link:hover{text-decoration:underline}.ui-link:focus-visible{outline:var(--focus-ring);outline-offset:4px}.ui-link--button{box-sizing:border-box;font:inherit;border-radius:var(--radius-control);background:var(--surface-muted);border:0;justify-content:center;align-items:center;min-height:44px;padding:12px 20px;font-size:.8125rem;font-weight:500;line-height:1.3;text-decoration:none;transition:background .16s,opacity .16s;display:inline-flex}.ui-link--button:hover{background:var(--surface-hover);text-decoration:none}.ui-link--button:focus-visible{outline-offset:3px}.ui-link--button.ui-link--primary{background:var(--button-primary);color:var(--on-button-primary)}.ui-link--button.ui-link--primary:hover{background:var(--button-primary-hover)}@media (prefers-reduced-motion:reduce){.ui-link--button{transition:none}}.ui-image{object-fit:contain;max-width:100%}.ui-select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--control-line);border-radius:var(--radius-control);width:100%;min-width:0;height:fit-content;min-height:48px;padding:12px 14px}.ui-select:focus-visible{outline:var(--focus-ring);outline-offset:2px}.ui-select:disabled{opacity:.65}.ui-drawer{width:min(340px,100vw - 48px);max-width:none;height:100dvh;max-height:none;color:inherit;background:var(--surface);box-shadow:12px 0 48px var(--shadow);overscroll-behavior:contain;border:0;border-radius:0;margin:0;padding:0;position:fixed;inset:0 auto 0 0}.ui-drawer[open]{animation:.22s cubic-bezier(.2,.8,.2,1) ui-drawer-enter}.ui-drawer::backdrop{background:var(--overlay);animation:.22s ease-out ui-drawer-backdrop}.ui-drawer:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.ui-drawer--modal{border-radius:var(--radius-surface);overflow-wrap:anywhere;width:min(560px,100vw - 32px);height:auto;max-height:calc(100dvh - 32px);margin:auto;padding:24px;inset:0;overflow-y:auto}.ui-drawer--modal[open]{animation:.16s ease-out ui-drawer-backdrop}@media (prefers-reduced-motion:reduce){.ui-drawer[open],.ui-drawer::backdrop{animation:none}}@keyframes ui-drawer-enter{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes ui-drawer-backdrop{0%{opacity:0}to{opacity:1}}}@layer molecules{.ui-form-field{gap:8px;display:grid}.ui-form-field>small{font-size:.75rem}.ui-feedback{overflow-wrap:anywhere;border-radius:var(--radius-control);background:var(--surface-muted);padding:14px 16px;font-size:.875rem}.ui-feedback[role=alert]{color:var(--danger);background:var(--danger-surface)}.ui-brand-identity{align-items:center;gap:12px;min-width:0;display:flex}.ui-brand-identity>div{min-width:0}.ui-brand-identity strong{color:var(--ink);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:1rem;font-weight:600}.ui-brand-identity small{margin-top:3px;font-size:.6875rem;display:block}.ui-brand-identity .ui-image{width:32px;height:32px}.ui-brand-identity .brand-mark{border-radius:var(--radius-control);background:var(--brand-primary);width:32px;height:32px;color:var(--on-primary);flex-shrink:0;place-items:center;font-size:1rem;font-weight:500;display:grid}.ui-user-identity{gap:12px;display:flex}.ui-user-identity .avatar{background:var(--surface-hover);width:32px;height:32px;color:var(--ink-secondary);border-radius:50%;flex-shrink:0;place-items:center;font-size:.6875rem;font-weight:500;display:grid}.ui-user-identity>div{gap:5px;min-width:0;display:grid}.ui-user-identity strong{overflow-wrap:anywhere;font-size:.8125rem;font-weight:500}.ui-user-identity .ui-text--muted{overflow-wrap:anywhere;font-size:.75rem}.ui-nav-item{border-radius:var(--radius-control);min-height:44px;color:var(--ink-secondary);align-items:center;gap:12px;padding:12px 14px;font-size:.8125rem;font-weight:500;text-decoration:none;display:flex}.ui-nav-item:hover{background:var(--surface-hover);text-decoration:none}.ui-nav-item[aria-current=page]{color:var(--ink);background:var(--surface-hover)}.ui-nav-item .nav-icon{color:var(--ink-secondary);letter-spacing:.04em;font-size:.68rem}.ui-section-card{border-radius:var(--radius-surface);background:var(--surface-muted);padding:0;transition:background .16s}.ui-section-card:hover{background:var(--surface-hover)}.ui-section-card .ui-heading{margin:0 0 12px;font-size:1.25rem}.ui-section-card p{margin:0 0 32px;font-size:.875rem}.ui-section-card-link{color:inherit;border-radius:inherit;flex-direction:column;align-items:flex-start;height:100%;padding:32px;text-decoration:none;display:flex}.ui-section-card-link:hover{text-decoration:none}.ui-section-card-caption{color:var(--brand-secondary);margin-top:auto;font-size:.75rem;font-weight:500}@media (prefers-reduced-motion:reduce){.ui-section-card{transition:none}}.ui-pagination{flex-wrap:wrap;gap:8px;display:flex}.ui-modal__header{margin-bottom:24px}.ui-modal__header .ui-heading{min-width:0;margin:0}.ui-modal__content{min-width:0}.ui-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.ui-confirmation{gap:16px;display:grid}.ui-confirmation>.ui-text{margin:0}.ui-confirmation>ul{margin:0;padding-left:20px}.ui-description-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:24px 0 0;display:grid}.ui-description-list>div{border-top:1px solid var(--line);padding:24px 0}.ui-description-list dt{color:var(--ink-secondary);margin-bottom:10px;font-size:.75rem}.ui-description-list dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:.9375rem;font-weight:500}@media (width<=760px){.ui-description-list{grid-template-columns:minmax(0,1fr)}}.ui-select-field{gap:8px;display:grid}.ui-select-field>small{font-size:.75rem}.ui-check-field{background:var(--surface-muted);border-radius:var(--radius-control);border:0;align-items:flex-start;gap:10px;padding:16px;display:flex}.ui-check-field .ui-label{cursor:pointer;display:block}.ui-check-field .ui-text{margin:4px 0 0;font-size:.75rem;display:block}}:root{color:var(--ink);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--radius-control:6px;--radius-surface:12px;--focus-ring:2px solid var(--focus-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{min-width:320px;margin:0}.auth-layout{place-items:center;min-height:100dvh;padding:64px 24px;display:grid}@media (width<=760px){.auth-layout{padding:48px 24px}}.auth-panel{border-radius:0;width:min(400px,100%);padding:0}.auth-form{gap:24px;margin:32px 0;display:grid}.auth-footer{color:var(--ink-secondary);margin-top:40px;font-size:.75rem;line-height:1.6}.intro{color:var(--ink-secondary);margin:0 0 24px;font-size:.9375rem;line-height:1.65}.brand-header{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.brand-logo{width:fit-content;max-height:36px}.domain-tag{color:var(--ink-secondary);overflow-wrap:anywhere;margin:24px 0;font-size:.75rem}.protected-layout{grid-template-columns:248px minmax(0,1fr);min-height:100dvh;display:grid}@media (width<=760px){.protected-layout{grid-template-columns:minmax(0,1fr)}}.sidebar nav,.mobile-menu nav{gap:4px;display:grid}.sidebar{background:var(--surface-muted);flex-direction:column;gap:40px;height:100dvh;padding:1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-profile{padding:0 12px}.sidebar-navigation{flex-direction:column;flex:1;display:flex}.sidebar-bottom{margin-top:auto;padding-top:48px}@media (width<=760px){.sidebar-bottom{padding-top:32px}}.sidebar-note{margin-bottom:16px;padding:0 14px;font-size:.6875rem}@media (width<=760px){.sidebar{height:auto;padding:max(20px, env(safe-area-inset-top)) 24px 20px;background:var(--surface);gap:0;position:static}.sidebar>.sidebar-profile,.sidebar>.sidebar-navigation{display:none}}.nav-heading{letter-spacing:.1em;margin:0 14px 14px;font-size:.625rem}.logout-button{text-align:left;width:100%}.menu-toggle{display:none}@media (width<=760px){.menu-toggle{margin-left:auto;display:block}}.mobile-menu{min-height:100%;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));flex-direction:column;gap:32px;display:flex}.mobile-menu-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-menu .sidebar-profile{padding:0}.workspace{width:min(1040px,100%);margin:0 auto;padding:64px 24px}.workspace-body{min-width:0}.workspace-header{justify-content:space-between;align-items:flex-start;gap:24px;padding:56px clamp(24px,5vw,80px) 0;display:flex}@media (width<=760px){.workspace-header{padding:32px 24px 0}}.workspace-title{margin:0}.workspace-company{margin:0 0 12px}.workspace-content{max-width:1320px;margin:0 auto;padding:48px clamp(24px,5vw,80px) 80px}.workspace-content:focus{outline:none}@media (width<=760px){.workspace-content{padding:32px 24px 56px}}.workspace-link{text-underline-offset:5px;font-size:.8125rem;font-weight:500}.profile-shortcut{color:var(--ink-secondary);text-align:right;overflow-wrap:anywhere;padding-top:8px;font-size:.8125rem;text-decoration:none}.profile-shortcut-role{margin-top:4px;font-size:.6875rem;display:block}@media (width<=760px){.profile-shortcut{display:none}}.profile-panel{max-width:880px}.welcome-panel{max-width:760px;padding:28px 0 64px}@media (width<=760px){.welcome-panel{padding:12px 0 48px}}.welcome-title{letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:500;line-height:1.04}.welcome-description{max-width:480px;margin:0 0 28px;font-size:1.0625rem}@media (width<=760px){.welcome-description{font-size:1rem}}.section-heading{letter-spacing:0;margin-bottom:20px;font-size:.8125rem;font-weight:500}.section-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;display:grid}.development-note{margin-top:32px;font-size:.75rem}.access-management{gap:28px;display:grid}.management-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}@media (width<=760px){.management-toolbar{gap:20px}}.management-title{letter-spacing:-.02em;margin:0 0 8px;font-size:1.125rem;font-weight:500}.management-description{max-width:560px;margin:0;font-size:.875rem}.management-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.management-list{margin:0;padding:0;list-style:none;display:grid}.management-item{border-top:1px solid var(--line);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px 0;display:grid}@media (width<=1100px){.management-item{grid-template-columns:minmax(0,1fr);gap:20px}}.management-name{margin:0 0 6px;font-size:1rem;font-weight:500}.management-detail{margin:5px 0 0;font-size:.8125rem}.management-form{border-top:1px solid var(--line);gap:24px;max-width:760px;padding:32px 0;display:grid}.management-form-title{margin:0;font-size:1.375rem}.management-help{margin:0;font-size:.8125rem}.permission-checks{padding:8px 0}.permission-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:8px;margin-top:20px;display:grid}.skip-link{z-index:10;background:var(--surface);color:var(--ink);border-radius:var(--radius-control);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.status-panel,.invitation-panel,.recovery-panel{gap:20px;display:grid}.status-panel{background:var(--surface-muted);margin:40px 0}.invitation-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.module-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:16px;padding:0;list-style:none;display:grid}.tenant-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.tenant-filters>.ui-form-field:first-child{flex:240px}.palette-grid{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:20px;margin-top:24px;display:grid}.editor-fields{border:0;gap:24px;min-width:0;margin:0;padding:0;display:grid}.theme-preview{border:1px solid var(--line);border-radius:var(--radius-surface);gap:16px;padding:24px;display:grid}.mfa-qr{width:240px;max-width:100%}.recovery-codes{overflow-wrap:anywhere;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;font-family:monospace;list-style:none;display:grid}
