:root{color:light-dark(#18212a,var(--site-text));background:light-dark(#eef2f5,var(--site-surface));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,light-dark(#f7f9fb,var(--site-surface)) 0,light-dark(#eef2f5,var(--site-surface)) 360px),light-dark(#eef2f5,var(--site-surface))}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}h1,h2,p{margin:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 12%,rgba(39,111,123,.12),transparent 34%),linear-gradient(135deg,light-dark(#f7fafb,var(--site-surface)),light-dark(#edf2f4,var(--site-surface)) 58%,light-dark(#f6f3ea,var(--site-surface)))}.login-panel{width:min(420px,100%);border:1px solid light-dark(rgba(139,154,164,.32),var(--site-border));border-radius:8px;background:light-dark(rgba(255,255,255,.94),var(--site-surface));padding:30px;box-shadow:0 26px 70px #16222b24}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;color:light-dark(#1f6b73,color-mix(in srgb,#1f6b73 60%,#ffffff));background:light-dark(#e6f3f2,var(--site-surface));box-shadow:inset 0 0 0 1px #1f6b7314}.login-panel h1{margin:18px 0 22px;font-size:28px;line-height:1.15}.stack{display:grid;gap:14px}label{display:grid;gap:6px;color:light-dark(#3b4b55,var(--site-text));font-size:14px;font-weight:700}input,select,textarea{width:100%;border:1px solid light-dark(#c9d3d9,var(--site-border));border-radius:6px;padding:10px 12px;color:light-dark(#18212a,var(--site-text));background:light-dark(#ffffff,var(--site-surface));outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}textarea{min-height:140px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#1f6b73;box-shadow:0 0 0 3px #1f6b7324}.primary-button,.secondary-button,.icon-button{min-height:40px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.primary-button{color:#fff;background:#1f6b73;box-shadow:0 8px 18px #1f6b732e}.primary-button:hover{background:#18565d}.secondary-button,.icon-button{border:1px solid light-dark(#c9d3d9,var(--site-border));color:light-dark(#23343d,var(--site-text));background:light-dark(#ffffff,var(--site-surface))}.secondary-button:hover,.icon-button:hover{background:light-dark(#f2f6f7,var(--site-surface));border-color:light-dark(#aebdc5,var(--site-border))}.small{min-height:32px;padding:0 10px;font-size:13px}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:linear-gradient(180deg,light-dark(#f7f9fb,var(--site-surface)) 0,light-dark(#eef2f5,var(--site-surface)) 360px),light-dark(#eef2f5,var(--site-surface))}.sidebar{border-right:1px solid light-dark(rgba(190,201,207,.7),var(--site-border));background:light-dark(#fbfcfd,var(--site-surface));padding:20px 16px}.sidebar-brand{display:flex;align-items:center;gap:10px;min-height:42px;margin-bottom:22px;color:light-dark(#192b32,var(--site-text));font-size:17px;font-weight:850}.sidebar-brand svg{color:light-dark(#1f6b73,color-mix(in srgb,#1f6b73 60%,#ffffff))}.nav-item,.vault-filter{width:100%;min-height:42px;border-radius:6px;display:flex;align-items:center;gap:10px;padding:0 10px;color:light-dark(#40545d,var(--site-text));background:transparent;font-weight:800;text-align:left}.nav-item.active,.nav-item:hover,.vault-filter.active,.vault-filter:hover{color:light-dark(#1f6b73,color-mix(in srgb,#1f6b73 60%,#ffffff));background:light-dark(#e6f3f2,var(--site-surface))}.nav-item.active,.vault-filter.active{box-shadow:inset 3px 0 #1f6b73}.vault-nav{display:grid;gap:4px;margin-top:18px;padding-top:18px;border-top:1px solid light-dark(#e1e7eb,var(--site-border))}.vault-filter{justify-content:space-between;font-weight:750}.vault-filter strong{min-width:26px;min-height:22px;border-radius:999px;display:inline-grid;place-items:center;padding:0 8px;color:light-dark(#3b4b55,var(--site-text));background:light-dark(#edf1f3,var(--site-surface));font-size:12px}.workspace{min-width:0;padding:26px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.eyebrow{color:light-dark(#71808a,var(--site-muted));font-size:12px;font-weight:850;letter-spacing:0;text-transform:uppercase}.topbar h1{color:light-dark(#17232b,var(--site-text));font-size:27px;line-height:1.2}.topbar-actions{display:flex;gap:10px;align-items:center}.user-chip{min-height:40px;border:1px solid light-dark(#d5dde2,var(--site-border));border-radius:6px;display:grid;align-content:center;padding:0 12px;background:light-dark(rgba(255,255,255,.82),var(--site-surface))}.user-chip strong,.user-chip span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip strong{color:light-dark(#23343d,var(--site-text));font-size:13px}.user-chip span{color:light-dark(#71808a,var(--site-muted));font-size:12px}.search-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px;margin-bottom:16px}.icon-button{width:40px;padding:0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.metrics div,.panel{border:1px solid light-dark(#d8e0e5,var(--site-border));border-radius:8px;background:light-dark(#ffffff,var(--site-surface));box-shadow:0 12px 34px #1e2a340d}.metrics div{padding:16px}.metrics span{display:block;color:light-dark(#71808a,var(--site-muted));font-size:13px;font-weight:750}.metrics strong{display:block;margin-top:6px;color:light-dark(#17232b,var(--site-text));font-size:26px;line-height:1}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.accounts-panel{overflow:hidden}.side-panels{display:grid;gap:16px}.panel-header{min-height:56px;border-bottom:1px solid light-dark(#e6ebee,var(--site-border));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}.panel-header h2{color:light-dark(#17232b,var(--site-text));font-size:17px}.panel-header span{color:light-dark(#71808a,var(--site-muted));font-size:13px;font-weight:750}.panel form{padding:16px}.access-list{display:grid}.access-row{border-bottom:1px solid light-dark(#e8edf0,var(--site-border));display:grid;grid-template-columns:minmax(0,1fr) 76px 92px;gap:10px;align-items:center;padding:12px 16px}.access-row:hover{background:light-dark(#f7fafb,var(--site-surface))}.access-row>div{min-width:0;display:grid;gap:2px}.access-row strong,.access-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-row span{color:light-dark(#71808a,var(--site-muted));font-size:12px}.access-toggle{display:flex;align-items:center;gap:6px;color:light-dark(#40545d,var(--site-text));font-size:13px;font-weight:700}.checkbox-control{width:18px;height:18px;border:1px solid light-dark(#aebdc5,var(--site-border));border-radius:5px;display:inline-grid;place-items:center;color:#fff;background:light-dark(#ffffff,var(--site-surface))}.checkbox-control:hover{border-color:#1f6b73}.checkbox-control[data-state=checked]{border-color:#1f6b73;background:#1f6b73}.checkbox-control:focus-visible{outline:none;box-shadow:0 0 0 3px #1f6b7329}.checkbox-control:disabled{opacity:.55}.checkbox-indicator{display:grid;place-items:center}.empty-panel{padding:16px;color:light-dark(#71808a,var(--site-muted));font-size:14px}.mailbox-page{display:grid;gap:16px}.mailbox-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px}.mailbox-shell{min-height:620px;border:1px solid light-dark(#d8e0e5,var(--site-border));border-radius:8px;display:grid;grid-template-columns:360px minmax(0,1fr);background:light-dark(#ffffff,var(--site-surface));overflow:hidden;box-shadow:0 12px 34px #1e2a340d}.mail-list{border-right:1px solid light-dark(#e8edf0,var(--site-border));background:light-dark(#fbfcfd,var(--site-surface));overflow:auto}.mail-list-header{min-height:52px;border-bottom:1px solid light-dark(#e8edf0,var(--site-border));display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;background:light-dark(#ffffff,var(--site-surface))}.mail-list-header span{color:light-dark(#71808a,var(--site-muted));font-size:13px;font-weight:750}.mail-row{width:100%;border-bottom:1px solid light-dark(#e8edf0,var(--site-border));display:grid;gap:3px;padding:12px 14px;color:light-dark(#18212a,var(--site-text));background:light-dark(#ffffff,var(--site-surface));text-align:left}.mail-row:hover,.mail-row.active{background:light-dark(#eef8f7,var(--site-surface))}.mail-row.active{box-shadow:inset 3px 0 #1f6b73}.mail-row strong,.mail-row span,.mail-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row span{font-weight:750}.mail-row small{color:light-dark(#71808a,var(--site-muted))}.mail-reader{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.mail-reader header{border-bottom:1px solid light-dark(#e8edf0,var(--site-border));padding:18px}.mail-reader h2{margin-bottom:6px;font-size:22px}.mail-reader header span{color:light-dark(#71808a,var(--site-muted));font-size:13px}.mail-meta{border-bottom:1px solid light-dark(#e8edf0,var(--site-border));display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mail-meta div{min-width:0;padding:12px 18px}.mail-meta strong{display:block;color:light-dark(#71808a,var(--site-muted));font-size:12px;text-transform:uppercase}.mail-meta span{display:block;margin-top:3px;overflow-wrap:anywhere;font-size:14px}.mail-reader pre{margin:0;min-width:0;overflow:auto;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.65}.empty-mailbox,.empty-reader{min-height:240px;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;color:light-dark(#71808a,var(--site-muted));text-align:center}.empty-reader{min-height:100%}.empty-mailbox strong,.empty-reader strong{color:light-dark(#40545d,var(--site-text))}.table-wrap{width:100%;overflow-x:auto}table{width:100%;min-width:760px;border-collapse:collapse}th,td{border-bottom:1px solid light-dark(#e8edf0,var(--site-border));padding:12px 16px;text-align:left;vertical-align:middle;font-size:14px}th{color:light-dark(#687983,var(--site-muted));font-size:12px;font-weight:850;text-transform:uppercase}tbody tr:hover{background:light-dark(#f7fafb,var(--site-surface))}.status{min-width:82px;min-height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;font-size:12px;font-weight:850;text-transform:capitalize}.status.available{color:light-dark(#156044,color-mix(in srgb,#156044 60%,#ffffff));background:light-dark(#def4ea,var(--site-surface))}.status.assigned{color:light-dark(#254f78,color-mix(in srgb,#254f78 60%,#ffffff));background:light-dark(#e0eefc,var(--site-surface))}.status.disabled,.status.invalid{color:light-dark(#8b3434,color-mix(in srgb,#8b3434 60%,#ffffff));background:light-dark(#f8e2df,var(--site-surface))}.row-action{width:130px;text-align:right}dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}dl div{min-width:0;border-bottom:1px solid light-dark(#e8edf0,var(--site-border));padding:12px 16px}dt{color:light-dark(#71808a,var(--site-muted));font-size:12px;font-weight:850;text-transform:uppercase}dd{margin:4px 0 0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}dl .wide{grid-column:1 / -1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#121c2275}.secret-modal{position:fixed;left:50%;top:50%;z-index:26;transform:translate(-50%,-50%);width:min(920px,calc(100vw - 48px));max-height:min(760px,calc(100vh - 48px));border:1px solid light-dark(#d8e0e5,var(--site-border));border-radius:8px;background:light-dark(#ffffff,var(--site-surface));overflow:auto;box-shadow:0 28px 80px #121c2242}.secret-modal:focus-visible{outline:none;box-shadow:0 28px 80px #121c2242,0 0 0 3px #1f6b732e}.secret-modal .panel-header{position:sticky;top:0;z-index:1;background:light-dark(#ffffff,var(--site-surface))}.toast{position:fixed;right:24px;bottom:24px;z-index:30;max-width:min(380px,calc(100vw - 32px));border:1px solid light-dark(#cbd6da,var(--site-border));border-radius:8px;padding:12px 14px;background:light-dark(#ffffff,var(--site-surface));box-shadow:0 18px 48px #1c262d29;font-size:14px;font-weight:800}.toast.success{border-color:light-dark(#a6d9bf,var(--site-border));color:light-dark(#145238,var(--site-text));background:light-dark(#effaf4,var(--site-surface))}.toast.error{border-color:light-dark(#e5b8b8,var(--site-border));color:light-dark(#7a2f2f,color-mix(in srgb,#7a2f2f 60%,#ffffff));background:light-dark(#fff4f4,var(--site-surface))}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid light-dark(#d8e0e3,var(--site-border))}.content-grid,.mailbox-shell{grid-template-columns:1fr}.mail-list{max-height:360px;border-right:0;border-bottom:1px solid light-dark(#e7ecee,var(--site-border))}}@media (max-width: 640px){.workspace{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.metrics,dl{grid-template-columns:1fr}.topbar-actions{width:100%;flex-wrap:wrap}.search-row,.mailbox-toolbar,.mail-meta,.access-row{grid-template-columns:1fr}.secondary-button{flex:1}.toast{right:16px;bottom:16px}}:root{--site-bg: #090b10;--site-surface: #14171c;--site-raised: #1b2027;--site-text: #f5f5f7;--site-muted: #b8bbc3;--site-border: #343d49;--site-input: #10141a;--site-accent: #ff6a1a;--site-on-accent: #ffffff}:root[data-site-theme=dark]{color-scheme:dark}:root[data-site-theme=light]{color-scheme:light;--site-bg: #f4f6f9;--site-surface: #ffffff;--site-raised: #edf1f6;--site-text: #202938;--site-muted: #596579;--site-border: #d5dde8;--site-input: #ffffff}html[data-site-theme],html[data-site-theme] body{background-color:var(--site-bg);color:var(--site-text)}.xf-site-theme-control{position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:45;display:flex;gap:3px;padding:4px;border:1px solid var(--site-border);border-radius:12px;color:var(--site-text);background:var(--site-surface);box-shadow:0 4px 18px #0002;font:12px/1.5 Inter,Segoe UI,sans-serif}.xf-site-theme-control button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--site-muted);font:inherit;cursor:pointer}.xf-site-theme-control button[aria-pressed=true]{background:var(--site-raised);color:var(--site-text)}.xf-site-theme-control button[aria-pressed=true] svg{color:#e57420}.xf-site-theme-control button:hover{background:var(--site-raised)}.xf-site-theme-control button:focus-visible{outline:2px solid #ff8a30;outline-offset:2px}body.portal-theme .xf-site-theme-control,body:has([role=dialog]) .xf-site-theme-control{display:none}@media (max-width:600px){.xf-site-theme-control{right:10px;bottom:max(10px,env(safe-area-inset-bottom))}.xf-site-theme-control button{min-height:36px}}
