:root{--ink:#182b2a;--muted:#6b7b7a;--line:#e2e9e6;--paper:#f5f8f6;--panel:#ffffff;--sidebar:#173a36;--sidebar-strong:#0f2e2a;--accent:#2e6b5e;--accent-strong:#21564b;--accent-soft:#e4f1ed;--danger:#a84d4a;--danger-soft:#fdf0ef;--warning:#956b2a;--warning-soft:#fff6e5;--shadow-sm:0 1px 2px rgba(23,58,54,.04),0 7px 20px rgba(23,58,54,.04);--shadow-md:0 14px 34px rgba(23,58,54,.08)}*{box-sizing:border-box}body,html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,input,select{outline-color:var(--accent)}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.app-body{min-width:0}.app-body,.sidebar{display:flex;flex-direction:column}.sidebar{min-height:100vh;background:linear-gradient(180deg,var(--sidebar) 0,var(--sidebar-strong) 100%);color:#f0f8f5;padding:25px 16px 18px}.brand-lockup{display:flex;align-items:center;gap:11px;padding:2px 10px}.brand-mark{display:grid;width:33px;height:33px;place-items:center;border:1px solid rgba(230,248,240,.32);border-radius:10px;color:#e9f5f0;font-size:16px;font-weight:800;letter-spacing:-.08em}.brand-lockup strong{display:block;font-size:16px;letter-spacing:-.02em}.brand-lockup small{display:block;margin-top:3px;color:#a8c9c0;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav{display:grid;grid-gap:4px;gap:4px;margin-top:34px}.nav-section-label{padding:8px 12px 7px;color:#90b3aa;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 12px;border:1px solid transparent;border-radius:10px;color:#bad2cb;font-size:13px;font-weight:550;transition:background .15s ease,color .15s ease,border-color .15s ease}.nav-link:hover,.nav-link[aria-current=page]{border-color:rgba(191,226,214,.13);background:rgba(130,190,170,.16);color:#fff}.nav-link .icon{opacity:.78}.nav-link[aria-current=page] .icon{opacity:1}.nav-divider{height:1px;margin:17px 12px 3px;background:rgba(168,201,192,.18)}.sidebar-footer{display:grid;grid-gap:14px;gap:14px;margin-top:auto;padding:18px 10px 0;border-top:1px solid rgba(168,201,192,.15)}.sidebar-profile{display:flex;align-items:center;gap:9px;min-width:0}.sidebar-email{overflow:hidden;color:#a8c9c0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.nav-button{width:100%;border:1px solid rgba(205,236,225,.28);background:transparent;color:#edf6f2;border-radius:9px;padding:9px 11px;cursor:pointer;text-align:left;font-size:12px}.nav-button:hover{background:rgba(255,255,255,.08)}.topbar{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:20px;padding:0 42px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.78)}.topbar-section{color:var(--muted);font-size:12px;font-weight:650;letter-spacing:.02em}.topbar-actions{display:flex;align-items:center;gap:12px}.user-menu{position:relative}.user-menu summary{display:flex;align-items:center;gap:9px;padding:5px 6px 5px 7px;border:1px solid transparent;border-radius:12px;cursor:pointer;list-style:none}.user-menu summary::-webkit-details-marker{display:none}.user-menu summary:hover,.user-menu[open] summary{border-color:var(--line);background:var(--panel)}.user-menu-copy{display:grid;grid-gap:2px;gap:2px;min-width:130px}.user-menu-copy strong{font-size:12px;font-weight:700}.user-menu-copy small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.user-menu-panel{position:absolute;z-index:10;top:calc(100% + 8px);right:0;display:grid;min-width:180px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-md)}.user-menu-panel a{padding:9px 10px;border-radius:8px;color:var(--muted);font-size:12px}.user-menu-panel a:hover{background:var(--accent-soft);color:var(--accent-strong)}.avatar{display:inline-grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:800}.avatar-small{width:27px;height:27px;background:rgba(220,245,235,.13);color:#e8f5f0;font-size:10px}.icon{display:inline-block;flex:0 0 auto;vertical-align:middle}.main{width:100%;max-width:1440px;margin:0 auto;padding:34px clamp(24px,4vw,58px) 64px}.eyebrow{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1,h2,h3{margin:0;color:var(--ink);font-weight:720;letter-spacing:-.035em}h1{margin-top:8px;font-size:clamp(30px,3vw,40px);line-height:1.08}h2{font-size:20px;line-height:1.2}h3{font-size:15px;letter-spacing:-.015em}.lede{max-width:680px;margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.topline{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.grid{display:grid;grid-gap:16px;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:32px}.compact-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:22px;box-shadow:var(--shadow-sm)}.card:hover{box-shadow:0 9px 26px rgba(23,58,54,.055)}.section{margin-top:24px}.stat-label{color:var(--muted);font-size:12px;font-weight:650}.stat-value{margin-top:9px;color:var(--ink);font-size:30px;font-weight:750;letter-spacing:-.045em}.table-wrap{overflow-x:auto}.table{width:100%;min-width:700px;border-collapse:collapse}.table td,.table th{padding:14px 11px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:middle}.table th{color:#82908e;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#fbfdfc}.table a{color:var(--accent-strong);font-weight:650}.table code,code{font-family:SFMono-Regular,Consolas,monospace;font-size:.88em}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid transparent;border-radius:999px;background:#eef3f1;color:#667875;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.badge-success,.success-pill{border-color:#c9e6d8;background:#e8f6ee;color:#317555}.badge-danger{border-color:#f1cfcd;background:var(--danger-soft);color:var(--danger)}.badge-warning{border-color:#f1ddad;background:var(--warning-soft);color:var(--warning)}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:#fff;padding:10px 15px;cursor:pointer;font-size:12px;font-weight:750;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.button:hover{background:var(--accent-strong);box-shadow:0 5px 14px rgba(46,107,94,.18);transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.6;transform:none}.button-secondary,.button.secondary{border-color:#d4e4df;background:var(--accent-soft);color:var(--accent-strong)}.button-secondary:hover,.button.secondary:hover{background:#d7ebe5}.button-ghost{border-color:transparent;background:transparent;color:var(--accent-strong)}.button-danger{border-color:#d98c88;background:var(--danger)}.button+.button{margin-left:8px}.text-button{border:0;background:transparent;color:var(--accent-strong);padding:0;cursor:pointer;font-size:12px;font-weight:700;text-decoration:none}.text-button:hover{text-decoration:underline}.field{display:grid;grid-gap:7px;gap:7px;margin:18px 0}.field label{color:#536764;font-size:12px;font-weight:700}.field input,.field select,.filter-bar input,.filter-bar select{width:100%;min-height:42px;border:1px solid #cfdcd7;border-radius:10px;outline:none;background:#fcfefd;color:var(--ink);padding:10px 12px;font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(46,107,94,.12)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.filter-bar input{flex:1 1 260px}.filter-bar select{width:auto;min-width:140px}.form-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.form-columns .field{margin:8px 0 16px}.help,.muted{color:var(--muted);line-height:1.6}.help{font-size:12px}.error{margin:12px 0;color:var(--danger);font-size:13px}.success{margin:12px 0;border:1px solid #c9e6d8;border-radius:10px;background:#e8f6ee;color:#317555}.alert,.success{padding:11px 13px;font-size:13px}.alert{margin:16px 0;border:1px solid;border-radius:10px;line-height:1.5}.alert-error{border-color:#f1cfcd;background:var(--danger-soft);color:var(--danger)}.alert-success{border-color:#c9e6d8;background:#e8f6ee;color:#317555}.alert-info{border-color:#c7dfe1;background:#eef8f8;color:#38696c}.card-kicker{margin-bottom:9px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.invite-card{width:min(760px,100%);margin-top:0;box-shadow:var(--shadow-md)}.invite-card .dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dialog-close{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:20px;line-height:1}.dialog-close:hover{color:var(--ink)}.setup-grid{display:grid;grid-template-columns:240px 1fr;grid-gap:28px;gap:28px;align-items:center;margin-top:24px}.qr{display:block;width:220px;height:220px;border:8px solid white;box-shadow:0 0 0 1px var(--line),var(--shadow-sm)}.manual-key{display:inline-block;border:1px solid var(--line);border-radius:8px;background:#f0f5f2;padding:10px 12px;letter-spacing:.08em;word-break:break-all}.reauth-form{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.code-panel{border:1px solid #b9dbc6;border-radius:14px;background:#f4faf6;padding:22px}.code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin:18px 0}.code-grid code{border:1px solid var(--line);border-radius:7px;background:white;padding:10px;text-align:center;letter-spacing:.08em}.session-list{display:grid;grid-gap:12px;gap:12px;margin-top:20px}.session-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.action-row,.session-action-list{display:flex;flex-wrap:wrap;gap:8px}.session-action-list{margin-top:18px}.detail-meta{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0;color:var(--muted);font-size:12px}.profile-list{display:grid;grid-gap:0;gap:0;margin:0}.profile-list div{display:grid;grid-template-columns:180px 1fr;grid-gap:18px;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.profile-list div:last-child{border-bottom:0}.profile-list dt{color:var(--muted);font-size:12px}.profile-list dd{margin:0;font-size:13px}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid,.security-stack{display:grid;grid-gap:16px;gap:16px}.security-stack{max-width:900px}.empty-state{padding:28px;color:var(--muted);text-align:center}.mail-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px}.mail-status-item{border:1px solid var(--line);border-radius:12px;background:#fbfdfc;padding:14px}.mail-status-item strong{display:block;margin-top:7px;font-size:15px}.test-mail{max-width:620px;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 80% 10%,#e4f1ed 0,transparent 36%),var(--paper)}.login-card{width:min(450px,100%);border:1px solid var(--line);border-radius:18px;background:white;padding:38px;box-shadow:var(--shadow-md)}.login-card h1{max-width:390px}@media (max-width:1050px){.mail-status-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:850px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:18px}.nav{display:flex;flex-wrap:wrap;gap:4px;margin-top:22px}.nav-section-label{width:100%}.nav-divider{width:100%;margin:10px 12px 2px}.sidebar-footer{margin-top:18px}.topbar{padding:0 24px}}@media (max-width:650px){.main{padding:27px 18px 44px}.topbar{min-height:62px;padding:0 18px}.user-menu-copy{display:none}.session-card,.status-row,.topline{flex-direction:column;align-items:flex-start}.account-grid,.form-columns,.mail-status-grid,.setup-grid{grid-template-columns:1fr}.button+.button{margin:0}.profile-list div{grid-template-columns:1fr;gap:5px}.login-card{padding:27px}}