*{box-sizing:border-box}body{color:#0f172a;background:#eef2ff;margin:0;font-family:Arial,sans-serif}button{cursor:pointer}.app{background:linear-gradient(135deg,#eef2ff,#f8fafc);min-height:100vh;display:flex}.sidebar{color:#fff;background:#0f172a;flex-direction:column;width:280px;padding:26px;display:flex}.brand{align-items:center;gap:14px;margin-bottom:34px;display:flex}.logo{background:#2563eb;border-radius:18px;place-items:center;width:52px;height:52px;display:grid}.brand h1{margin:0;font-size:24px}.brand p{color:#94a3b8;margin:4px 0 0;font-size:13px}nav{flex-direction:column;gap:7px;display:flex}nav span{color:#64748b;text-transform:uppercase;margin:18px 0 5px;font-size:11px;font-weight:900}nav button{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:14px;padding:12px 14px;font-weight:800}nav button.active,nav button:hover{color:#fff;background:#2563eb}.account{background:#1e293b;border-radius:18px;align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}.avatar{background:#2563eb;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.account p{color:#94a3b8;margin:3px 0 0;font-size:12px}.main{flex:1;padding:38px}.header{color:#fff;background:#0f172a;border-radius:28px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:34px;display:flex}.label{color:#93c5fd;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900}.header h2{margin:0;font-size:42px}.header span{color:#cbd5e1;margin-top:8px;display:block}.refresh,.recommendation button{color:#fff;background:#2563eb;border:0;border-radius:14px;align-items:center;gap:8px;padding:13px 18px;font-weight:900;display:inline-flex}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px;display:grid}.card,.recommendation,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 18px 45px #0f172a14}.card{padding:22px}.card p{color:#64748b;margin-bottom:4px;font-weight:900}.card h3{margin:0;font-size:38px}.card span{color:#64748b;font-size:13px}.warning h3{color:#e11d48}.good h3{color:#16a34a}.recommendation{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:22px;display:flex}.recommendation h3{margin:0 0 8px}.recommendation p{color:#64748b;margin:0}.recommendation>div:last-child{gap:10px;display:flex}.grid{grid-template-columns:1.6fr .8fr;gap:22px;display:grid}.panel{padding:22px}.panelHead{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.emailList{flex-direction:column;gap:14px;display:flex}.email{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:28px 48px 1fr;gap:14px;padding:16px;display:grid}.email input{width:20px;height:20px;margin-top:14px}.emailIcon{color:#2563eb;background:#dbeafe;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.email strong{margin-bottom:5px;display:block}.email p{color:#2563eb;margin:0 0 5px;font-size:13px;font-weight:800}.email span{color:#64748b;font-size:13px}.selectedEmail{background:#eff6ff;border-color:#2563eb}.smallBtn{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:9px 12px;font-weight:800}.summary{flex-direction:column;gap:14px;display:flex}.summary div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.summary strong{font-size:30px;display:block}.summary span{color:#64748b;font-size:13px}.headerActions{gap:10px;display:flex}.aiQueue{margin-top:22px}.aiEmail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.aiEmail strong{margin-bottom:5px;display:block}.aiEmail p{color:#2563eb;margin:0 0 5px;font-size:13px;font-weight:800}.aiEmail span{color:#64748b;font-size:13px}.aiBadge{color:#334155;background:#e2e8f0;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:900}.aiBadge.ARCHIVE{color:#1d4ed8;background:#dbeafe}.aiBadge.DELETE_REVIEW{color:#b91c1c;background:#fee2e2}.aiBadge.SUSPICIOUS_REVIEW{color:#92400e;background:#fef3c7}.aiBadge.IMPORTANT{color:#166534;background:#dcfce7}.toggleBtn{border:0;border-radius:14px;padding:13px 18px;font-weight:900}.toggleBtn.on{color:#fff;background:#16a34a}.toggleBtn.off{color:#0f172a;background:#e2e8f0}.aiActions{align-items:center;gap:8px;display:flex}.aiActions button{color:#0f172a;background:#e2e8f0;border:0;border-radius:10px;padding:8px 10px;font-weight:800}.aiActions button:hover{background:#cbd5e1}.emptyState{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:32px}.emptyState strong{color:#0f172a;margin-bottom:6px;display:block}.emptyState p{margin:0}.senderPanel{margin-top:22px}.senderList{flex-direction:column;gap:14px;display:flex}.senderCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.senderCard strong{margin-bottom:5px;display:block}.senderCard p{color:#64748b;margin:0;font-size:13px}.senderStats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.senderStats span{color:#334155;background:#e2e8f0;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:900}.senderStats button{color:#fff;background:#2563eb;border:0;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.senderStats button:hover{background:#1d4ed8}.deepScanPanel{margin-top:22px}.deepScanGrid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;display:grid}.deepScanGrid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.deepScanGrid strong{margin-bottom:4px;font-size:28px;display:block}.deepScanGrid span{color:#64748b;font-size:13px}.deepScanActions{gap:10px;margin-top:16px;display:flex}.deepScanActions button{color:#fff;background:#2563eb;border:0;border-radius:12px;padding:11px 14px;font-weight:900}nav a{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-weight:800;text-decoration:none;display:flex}nav a.active,nav a:hover{color:#fff;background:#2563eb}.lockBtn{color:#cbd5e1;background:#1e293b;border:0;border-radius:14px;align-items:center;gap:10px;margin-top:auto;padding:12px 14px;font-weight:800;display:flex}.lockBtn:hover{color:#fff;background:#334155}.page{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:28px;box-shadow:0 18px 45px #0f172a14}.loginPage{background:linear-gradient(135deg,#0f172a,#1e3a8a);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:#fff;border-radius:26px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:34px;display:flex;box-shadow:0 25px 70px #0f172a59}.loginCard h1{color:#0f172a;margin:0;font-size:38px}.loginCard p{color:#64748b;margin:0;font-weight:700}.loginCard input{border:1px solid #cbd5e1;border-radius:14px;padding:14px 16px;font-size:16px}.loginCard button{color:#fff;background:#2563eb;border:0;border-radius:14px;padding:14px 16px;font-weight:900}.groupPanel{margin-top:22px}.mutedText{color:#64748b;margin:4px 0 0;font-size:13px}.groupCount{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.groupList{flex-direction:column;gap:14px;display:flex}.groupCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:48px 1fr auto;gap:16px;padding:18px;display:grid}.groupIcon{color:#2563eb;background:#dbeafe;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.groupMain strong{font-size:17px;display:block}.groupMain p{color:#2563eb;margin:6px 0;font-size:13px;font-weight:800}.groupMain span{color:#64748b;font-size:13px}.groupTitleRow{align-items:center;gap:10px;display:flex}.priorityBadge{color:#334155;background:#e2e8f0;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:900}.priorityBadge.CRITICAL{color:#b91c1c;background:#fee2e2}.priorityBadge.IMPORTANT{color:#166534;background:#dcfce7}.priorityBadge.LOW_PRIORITY_IMPORTANT{color:#92400e;background:#fef3c7}.priorityBadge.NOISE{color:#475569;background:#e2e8f0}.groupLabels{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.groupLabels span{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:800}.miniEmailList{flex-direction:column;gap:6px;margin-top:12px;display:flex}.miniEmail{color:#64748b;align-items:center;gap:8px;font-size:12px;display:flex}.groupActions{flex-direction:column;align-items:flex-end;gap:8px;min-width:110px;display:flex}.groupActions span{color:#64748b;font-size:12px;font-weight:800}@media (width<=900px){.groupCard{grid-template-columns:1fr}.groupActions{align-items:flex-start}}.senderGrid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;margin-top:20px;display:grid}.senderCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:18px;padding:18px;display:flex}.senderTop{justify-content:space-between;gap:12px;display:flex}.senderTop strong{font-size:14px;line-height:1.4;display:block}.senderTop span{color:#ffffff8c;font-size:12px}.trustBadge{border-radius:999px;align-items:center;gap:6px;height:fit-content;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.trustHigh{color:#4cff9a;background:#00ff781f}.trustMedium{color:#6fc9ff;background:#00aaff1f}.trustNeutral{color:#ffffffb3;background:#ffffff14}.trustLow{color:#ff7b7b;background:#ff50501f}.trustScoreRow{align-items:center;gap:14px;display:flex}.trustBar{background:#ffffff0f;border-radius:999px;flex:1;height:10px;overflow:hidden}.trustFill{background:linear-gradient(90deg,#ff5f6d,#ffc371,#4cff9a);border-radius:999px;height:100%}.senderStats{flex-wrap:wrap;gap:18px;display:flex}.senderStats div{color:#ffffffbf;align-items:center;gap:6px;font-size:13px;display:flex}.senderMeta{color:#ffffff80;flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.digestGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:24px;display:grid}.digestCard{border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:10px;padding:24px;display:flex}.digestCard strong{font-size:34px}.digestCard span{color:#ffffffb3}.criticalCard{background:#ff464614}.importantCard{background:#ffaa0014}.lowCard{background:#00aaff14}.noiseCard{background:#78787814}.digestHighlights{flex-direction:column;gap:14px;display:flex}.digestHighlight{background:#ffffff08;border-radius:14px;justify-content:space-between;align-items:center;padding:16px;display:flex}.digestHighlightLeft{align-items:center;gap:10px;display:flex}.landing{color:#fff;background:radial-gradient(circle at 0 0,#2563eb40,#0000 35%),linear-gradient(135deg,#020617,#0f172a);min-height:100vh;padding:28px}.landingNav{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;display:flex}.landingBrand{font-size:28px;font-weight:900}.landingLogin,.primaryBtn{color:#fff;background:#2563eb;border-radius:999px;padding:12px 18px;font-weight:800;text-decoration:none}.hero{text-align:center;max-width:980px;margin:110px auto 70px}.pill{color:#bfdbfe;background:#3b82f629;border:1px solid #93c5fd59;border-radius:999px;padding:10px 16px;font-weight:800;display:inline-block}.hero h1{margin:20px 0;font-size:clamp(48px,8vw,90px);line-height:.95}.heroText{color:#cbd5e1;max-width:720px;margin:0 auto;font-size:20px;line-height:1.6}.heroActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:34px;display:flex}.safeNote{color:#cbd5e1;align-items:center;gap:8px;display:inline-flex}.landingGrid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:0 auto 70px;display:grid}.landingGrid div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #94a3b838;border-radius:24px;padding:26px}.landingGrid svg{color:#93c5fd}.landingGrid h3{margin:16px 0 8px;font-size:22px}.landingGrid p{color:#cbd5e1;line-height:1.55}@media (width<=850px){.landingGrid{grid-template-columns:1fr}.hero{margin-top:70px}}.waitlistSection{text-align:center;background:#ffffff14;border:1px solid #94a3b838;border-radius:28px;max-width:780px;margin:20px auto 90px;padding:42px}.waitlistSection h2{margin-bottom:12px;font-size:38px}.waitlistSection p{color:#cbd5e1;margin-bottom:24px;line-height:1.6}.waitlistForm{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.waitlistForm input{color:#fff;background:#0f172ad9;border:1px solid #94a3b859;border-radius:999px;outline:none;min-width:280px;padding:14px 18px}.waitlistForm button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:14px 20px;font-weight:900}