:root{--bg: #0b1220;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.08);--panelHeaderBg: rgba(255,255,255,.04);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.68);--border: rgba(255,255,255,.12);--brand: #7c3aed;--brand2: #22c55e;--danger: #ef4444;--shadow: 0 12px 40px rgba(0,0,0,.35);--radius: 14px;--maxW: 1480px}html.theme-light{--bg: #f4f6fb;--panel: #ffffff;--panel2: #eef2f9;--panelHeaderBg: #f8fafc;--text: #0f172a;--muted: #475569;--border: rgba(15, 23, 42, .12);--brand: #5b21b6;--brand2: #15803d;--danger: #b91c1c;--shadow: 0 14px 40px rgba(15, 23, 42, .08)}html.theme-light body{background:linear-gradient(180deg,#eef2ff,#f8fafc 45%,#f1f5f9);color:var(--text)}html.theme-light .sidebar{background:#fffffff5;border-right-color:var(--border)}html.theme-light .navItem{color:#1e293b}html.theme-light .navItem:hover{background:#0f172a0d;text-decoration:none}html.theme-light .navItemActive{background:#3b82f61f;border-color:#3b82f659;color:#0f172a}html.theme-light .navSectionTitle{color:#64748b}html.theme-light .navSub{border-left-color:#0f172a14}html.theme-light .navFooter{border-top-color:var(--border)}html.theme-light .navUserEmail{color:#0f172a}html.theme-light .navUserRole{color:var(--muted)}html.theme-light .navCountdown{color:#64748b}html.theme-light .navCountdownWarn{color:#b45309;background:#fbbf241f;border-color:#f59e0b59}html.theme-light .pageSubtitle{color:#64748b}html.theme-light .surface{background:var(--panel);border-color:var(--border)}html.theme-light .surfaceHeader{border-bottom-color:var(--border)}html.theme-light .stat{background:var(--panel);border-color:var(--border)}html.theme-light th,html.theme-light td{border-bottom-color:#0f172a14}html.theme-light tr:hover td{background:#3b82f60a}html.theme-light input,html.theme-light select{color:var(--text);background:#fff;border-color:var(--border)}html.theme-light .btn{border-color:#0f172a24;background:#fff;color:var(--text)}html.theme-light .btn:hover{background:#f1f5f9}html.theme-light .btnPrimary{border-color:#2563eb73;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}html.theme-light .badge{background:#f1f5f9;border-color:var(--border);color:#334155}html.theme-light .badgeOk{color:#14532d;background:#22c55e24;border-color:#22c55e59}html.theme-light .badgeWarn{color:#92400e;background:#f59e0b24;border-color:#f59e0b59}html.theme-light .badgeInfo{color:#1e3a8a;background:#3b82f61f;border-color:#3b82f659}html.theme-light .badgeDanger{color:#7f1d1d;background:#ef44441f;border-color:#ef444459}html.theme-light .error{color:#7f1d1d;background:#fee2e2d9;border-color:#ef444459}html.theme-light .modalPanel{background:#fff;border-color:var(--border);box-shadow:0 24px 60px #0f172a1f}html.theme-light .modalBackdrop{background:#0f172a59}html.theme-light .filterPill{border-color:var(--border);background:#fff;color:#475569}html.theme-light .filterPill:hover{background:#f8fafc;color:var(--text)}html.theme-light .filterPillActive{background:#3b82f61f;border-color:#3b82f666;color:#0f172a}html.theme-light .mailCard{background:#f8fafc;border-color:var(--border)}html.theme-light .mailCardHeader{border-bottom-color:var(--border)}html.theme-light .mailCardBody,html.theme-light .mailBodyHtml,html.theme-light .mailBodyHtml p,html.theme-light .mailBodyHtml li,html.theme-light .mailBodyHtml div{color:#1e293b}html.theme-light .loginWrap{background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.12) 0%,transparent 55%)}html.theme-light .card{background:#fff;border-color:var(--border);box-shadow:var(--shadow)}html.theme-light .cardHeader{background:var(--panelHeaderBg);border-bottom-color:var(--border)}html.theme-light .btnDanger{border-color:#b91c1c;background:#dc2626;color:#fff}html.theme-light .btnDanger:hover{background:#b91c1c;filter:none}html.theme-light .btnOrange{border-color:#ea580c80;background:#fb923c38;color:#7c2d12}html.theme-light .btnOrange:hover{background:#fb923c52;filter:none}html.theme-light .portalTab{border-color:var(--border);background:#fff;color:#475569}html.theme-light .portalTab:hover{background:#f8fafc;color:var(--text)}html.theme-light .portalTabActive{background:#3b82f624;border-color:#3b82f666;color:#0f172a}html.theme-light code{background:#f1f5f9;border-color:var(--border)}html.theme-light .navLogoBig{height:auto;max-height:46px;max-width:100%;width:auto;object-fit:contain}html.theme-light .logoBig{height:auto;max-height:40px;max-width:min(300px,100%);width:auto;object-fit:contain}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:linear-gradient(180deg,#0b1220,#0a1120)}a{color:inherit;text-decoration:none;opacity:.92}a:hover{opacity:1;text-decoration:underline}code{background:#00000040;padding:2px 6px;border-radius:8px;border:1px solid var(--border)}.appShell{width:100%;min-height:100vh;display:grid;grid-template-columns:280px 1fr;gap:0}@media(max-width:980px){.appShell{grid-template-columns:1fr}}.sidebar{position:sticky;top:0;align-self:start;background:#090e1afa;border-right:1px solid rgba(255,255,255,.08);padding:14px 12px;height:100vh;display:flex;flex-direction:column}.navBrand{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:10px 10px 16px;margin-bottom:6px}.navLogoBig{height:46px;width:auto}.navBrandText{display:grid;gap:4px}.navBrandTitle{font-weight:900;letter-spacing:.2px;line-height:1.1}.navBrandSubtitle{font-size:12px;color:var(--muted);margin-top:2px}.navSection{padding:6px 6px 8px}.navSectionTitle{padding:8px 6px 6px;font-size:11px;color:#ffffff8c;text-transform:uppercase;letter-spacing:.12em}.navSub{padding-left:10px;border-left:1px solid rgba(255,255,255,.08);margin-left:6px}.navItem{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:10px;border:1px solid transparent;color:#ffffffdb}.navItem:hover{background:#ffffff0f;text-decoration:none}.navItemActive{background:#3b82f629;border-color:#3b82f647;color:#fffffff2}.navFooter{margin-top:auto;padding:12px 8px 6px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:10px}.navUser{display:flex;gap:10px;align-items:center}.navUserAvatar{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;background:#7c3aed2e;border:1px solid rgba(124,58,237,.3)}.navUserEmail{font-size:12px;font-weight:750;line-height:1.1}.navUserRole{font-size:11px;color:var(--muted);margin-top:2px}.navLogout{width:100%}.themeSwitch{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);border-radius:14px;padding:10px 12px;cursor:pointer}.themeSwitch:hover{background:#ffffff12}.themeSwitchLabel{font-size:12px;font-weight:700;letter-spacing:.02em}.themeSwitchTrack{width:42px;height:24px;border-radius:999px;background:#94a3b847;border:1px solid rgba(255,255,255,.12);padding:2px;display:flex;align-items:center;transition:background .18s ease,border-color .18s ease}.themeSwitchTrackActive{background:#3b82f657;border-color:#60a5fa8c;justify-content:flex-end}.themeSwitchThumb{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0f172a4d}.navCountdown{font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;color:var(--muted);background:transparent;border-radius:6px;padding:3px 8px;letter-spacing:1px;text-align:center;border:1px solid transparent;transition:color .3s,background .3s,border-color .3s}.navCountdownWarn{color:#f59e0b;background:#fef3c714;border-color:#fde68a40}.navColorBadge{width:8px;height:32px;border-radius:4px;flex-shrink:0}.content{min-width:0;padding:22px 28px}.pageHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.pageHeaderLeft{display:grid;gap:6px}.pageTitle{font-size:28px;font-weight:900;letter-spacing:.2px;line-height:1.15}.pageSubtitle{font-size:13px;color:#ffffff9e}.pageHeaderRight{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.headerLogout{min-width:110px}.surface{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px}.surfaceHeader{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;gap:12px;align-items:center}.surfaceBody{padding:14px 16px}.statsRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:1100px){.statsRow{grid-template-columns:1fr}}.stat{padding:14px 16px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.statLabel{font-size:12px;color:var(--muted)}.statValue{font-size:28px;font-weight:900;letter-spacing:.3px;margin-top:6px}.tableWrap{overflow:auto;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:780px}.topbar{position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a101ca6;border-bottom:1px solid var(--border)}.topbarInner{max-width:var(--maxW);margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:16px}.topbarActions{display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.2px}.brand img{height:22px;width:auto}.nav{display:flex;gap:14px;align-items:center}.spacer{flex:1}.portalTabs{display:flex;gap:8px;align-items:center}.portalTab{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;text-decoration:none;font-weight:650;font-size:13px;opacity:.92}.portalTab:hover{opacity:1;text-decoration:none;background:#ffffff12}.portalTabActive{background:#3b82f629;border-color:#3b82f652;opacity:1}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.cardHeader{padding:16px 18px;border-bottom:1px solid var(--border)}.cardBody{padding:16px 18px}.title{margin:0 0 14px;font-size:22px}.subtitle{margin:0;color:var(--muted);font-size:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:860px){.grid2{grid-template-columns:1fr}}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:1100px){.grid3{grid-template-columns:1fr}}.field{display:grid;gap:6px}.label{font-size:12px;color:var(--muted)}input,select{width:100%;padding:10px 12px;color:var(--text);background:#00000040;border:1px solid var(--border);border-radius:12px;outline:none}input:focus,select:focus{border-color:#7c3aeda6;box-shadow:0 0 0 3px #7c3aed2e}.btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer}.btn:hover{background:#ffffff1c}.btnPrimary{border:1px solid rgba(59,130,246,.55);background:linear-gradient(135deg,#3b82f6f2,#2563ebc7)}.btnPrimary:hover{filter:brightness(1.05)}.btnDanger{border-color:#ef444480;background:#ef444433;color:#fee2e2}.btnDanger:hover{background:#ef444447}.btnOrange{border-color:#ff98008c;background:#ff980038;color:#fffffff2}.btnOrange:hover{filter:brightness(1.08)}.btnRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inboxTrigger{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel2) 72%,transparent);color:var(--text);cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.01em}.inboxTrigger:hover{background:color-mix(in srgb,var(--panel2) 92%,transparent)}.inboxTriggerIcon{width:16px;height:16px;opacity:.88;flex-shrink:0}.inboxTriggerBadge{box-shadow:0 0 0 2px var(--bg)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px;color:var(--muted);background:#0000002e}.badgeOk{border-color:#22c55e59;color:#dcfce7eb;background:#22c55e1f}.badgeWarn{border-color:#f59e0b59;color:#ffedd5eb;background:#f59e0b1f}.badgeInfo{border-color:#3b82f659;color:#dbeafeeb;background:#3b82f61f}.badgeDanger{border-color:#ef444459;color:#fee2e2eb;background:#ef44441f}th,td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08)}th{font-size:12px;color:var(--muted);text-align:left;font-weight:600}tr:hover td{background:#ffffff08}.error{color:#fee2e2f2;background:#ef444424;border:1px solid rgba(239,68,68,.3);padding:10px 12px;border-radius:12px}.hint{font-size:12px;color:var(--muted)}.bold{font-weight:800}.semibold{font-weight:650}.textCenter{text-align:center}.mb0{margin-bottom:0}.mb14{margin-bottom:14px}.gap12{display:grid;gap:12px}.gap14{display:grid;gap:14px}.gap16{display:grid;gap:16px}.flexRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.searchInput{width:360px;max-width:100%}.filterPills{display:flex;gap:6px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.filterPill{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffbf;padding:6px 14px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s}.filterPill:hover{background:#ffffff14;color:var(--text)}.filterPillActive{background:#3b82f629;border-color:#3b82f652;color:var(--text)}.loginWrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,rgba(59,130,246,.08) 0%,transparent 60%)}.loginCard{width:100%;max-width:440px}.logoBig{height:34px;width:auto}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;display:flex;align-items:center;justify-content:center;padding:18px}.modalPanel{background:#090e1afa;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 70px #0009;max-height:92vh;overflow:hidden;display:flex;flex-direction:column}.modalHeader{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;gap:12px;align-items:center}.modalBody{padding:14px 16px;overflow:auto}.mailCard{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px 18px}.mailCardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.mailCardFrom{font-weight:700;font-size:15px}.mailCardFromUs{color:#78b4fff2}.mailCardFromThem{color:#b4dc8cf2}.mailCardMeta{font-size:12px;color:var(--muted);white-space:nowrap}.mailCardSubject{font-weight:700;font-size:15px;margin-top:12px;line-height:1.3}.mailCardBody{margin-top:12px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:#fffffff2}.mailCardBodyExpand{margin-top:10px}.mailCardBodyExpand summary{cursor:pointer;font-size:13px;color:#ffffffb3}.mailCardAttachments{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.mailCardAttachmentsTitle{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:10px}.mailCardAttachmentRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 10px;background:#00000026;border-radius:10px;margin-bottom:8px}.mailCardAttachmentRow:last-child{margin-bottom:0}.mailCardAttachmentName{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis}.mailBodyHtml{color:#fffffff2}.mailBodyHtml p{margin:0 0 .75em;color:#fffffff2}.mailBodyHtml p:last-child{margin-bottom:0}.mailBodyHtml a{color:#60a5faf2;text-decoration:underline}.mailBodyHtml a:hover{opacity:1}.mailBodyHtml ul,.mailBodyHtml ol{margin:.5em 0;padding-left:1.5em;color:#fffffff2}.mailBodyHtml li{margin:.25em 0}.mailBodyHtml blockquote{margin:.5em 0;padding-left:1em;border-left:3px solid rgba(255,255,255,.2);color:#ffffffd9}.mailBodyHtml strong,.mailBodyHtml b{font-weight:700;color:#fffffff2}.mailBodyHtml div{margin:.25em 0;color:#fffffff2}