:root{color:#18212a;background:#eef2f5;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,#f7f9fb 0,#eef2f5 360px),#eef2f5}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,#f7fafb,#edf2f4 58%,#f6f3ea)}.login-panel{width:min(420px,100%);border:1px solid rgba(139,154,164,.32);border-radius:8px;background:#fffffff0;padding:30px;box-shadow:0 26px 70px #16222b24}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;color:#1f6b73;background:#e6f3f2;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:#3b4b55;font-size:14px;font-weight:700}input,select,textarea{width:100%;border:1px solid #c9d3d9;border-radius:6px;padding:10px 12px;color:#18212a;background:#fff;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 #c9d3d9;color:#23343d;background:#fff}.secondary-button:hover,.icon-button:hover{background:#f2f6f7;border-color:#aebdc5}.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,#f7f9fb 0,#eef2f5 360px),#eef2f5}.sidebar{border-right:1px solid rgba(190,201,207,.7);background:#fbfcfd;padding:20px 16px}.sidebar-brand{display:flex;align-items:center;gap:10px;min-height:42px;margin-bottom:22px;color:#192b32;font-size:17px;font-weight:850}.sidebar-brand svg{color:#1f6b73}.nav-item,.vault-filter{width:100%;min-height:42px;border-radius:6px;display:flex;align-items:center;gap:10px;padding:0 10px;color:#40545d;background:transparent;font-weight:800;text-align:left}.nav-item.active,.nav-item:hover,.vault-filter.active,.vault-filter:hover{color:#1f6b73;background:#e6f3f2}.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 #e1e7eb}.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:#3b4b55;background:#edf1f3;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:#71808a;font-size:12px;font-weight:850;letter-spacing:0;text-transform:uppercase}.topbar h1{color:#17232b;font-size:27px;line-height:1.2}.topbar-actions{display:flex;gap:10px;align-items:center}.user-chip{min-height:40px;border:1px solid #d5dde2;border-radius:6px;display:grid;align-content:center;padding:0 12px;background:#ffffffd1}.user-chip strong,.user-chip span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip strong{color:#23343d;font-size:13px}.user-chip span{color:#71808a;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 #d8e0e5;border-radius:8px;background:#fff;box-shadow:0 12px 34px #1e2a340d}.metrics div{padding:16px}.metrics span{display:block;color:#71808a;font-size:13px;font-weight:750}.metrics strong{display:block;margin-top:6px;color:#17232b;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 #e6ebee;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}.panel-header h2{color:#17232b;font-size:17px}.panel-header span{color:#71808a;font-size:13px;font-weight:750}.panel form{padding:16px}.access-list{display:grid}.access-row{border-bottom:1px solid #e8edf0;display:grid;grid-template-columns:minmax(0,1fr) 76px 92px;gap:10px;align-items:center;padding:12px 16px}.access-row:hover{background:#f7fafb}.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:#71808a;font-size:12px}.access-toggle{display:flex;align-items:center;gap:6px;color:#40545d;font-size:13px;font-weight:700}.checkbox-control{width:18px;height:18px;border:1px solid #aebdc5;border-radius:5px;display:inline-grid;place-items:center;color:#fff;background:#fff}.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:#71808a;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 #d8e0e5;border-radius:8px;display:grid;grid-template-columns:360px minmax(0,1fr);background:#fff;overflow:hidden;box-shadow:0 12px 34px #1e2a340d}.mail-list{border-right:1px solid #e8edf0;background:#fbfcfd;overflow:auto}.mail-list-header{min-height:52px;border-bottom:1px solid #e8edf0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;background:#fff}.mail-list-header span{color:#71808a;font-size:13px;font-weight:750}.mail-row{width:100%;border-bottom:1px solid #e8edf0;display:grid;gap:3px;padding:12px 14px;color:#18212a;background:#fff;text-align:left}.mail-row:hover,.mail-row.active{background:#eef8f7}.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:#71808a}.mail-reader{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.mail-reader header{border-bottom:1px solid #e8edf0;padding:18px}.mail-reader h2{margin-bottom:6px;font-size:22px}.mail-reader header span{color:#71808a;font-size:13px}.mail-meta{border-bottom:1px solid #e8edf0;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:#71808a;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:#71808a;text-align:center}.empty-reader{min-height:100%}.empty-mailbox strong,.empty-reader strong{color:#40545d}.table-wrap{width:100%;overflow-x:auto}table{width:100%;min-width:760px;border-collapse:collapse}th,td{border-bottom:1px solid #e8edf0;padding:12px 16px;text-align:left;vertical-align:middle;font-size:14px}th{color:#687983;font-size:12px;font-weight:850;text-transform:uppercase}tbody tr:hover{background:#f7fafb}.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:#156044;background:#def4ea}.status.assigned{color:#254f78;background:#e0eefc}.status.disabled,.status.invalid{color:#8b3434;background:#f8e2df}.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 #e8edf0;padding:12px 16px}dt{color:#71808a;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 #d8e0e5;border-radius:8px;background:#fff;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:#fff}.toast{position:fixed;right:24px;bottom:24px;z-index:30;max-width:min(380px,calc(100vw - 32px));border:1px solid #cbd6da;border-radius:8px;padding:12px 14px;background:#fff;box-shadow:0 18px 48px #1c262d29;font-size:14px;font-weight:800}.toast.success{border-color:#a6d9bf;color:#145238;background:#effaf4}.toast.error{border-color:#e5b8b8;color:#7a2f2f;background:#fff4f4}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #d8e0e3}.content-grid,.mailbox-shell{grid-template-columns:1fr}.mail-list{max-height:360px;border-right:0;border-bottom:1px solid #e7ecee}}@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}}