@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');
:root{color-scheme:dark;--ink:#e8eeea;--muted:#98a69f;--green:#b0dbbf;--line:#2b3530;--bg:#101514}body{background:radial-gradient(ellipse at 75% 0,#1b262035,transparent 55%),var(--bg);font-weight:400}aside{width:235px;background:#101614;border-color:#2b3530;padding:30px 22px}.brand{color:#c2e0cc;font-size:24px;letter-spacing:-1px;gap:6px}.brand-dot{color:#9ac3a7}.logo{font-size:28px}aside>small{color:#74877c;margin-top:40px;letter-spacing:1.6px;font-size:8px}.nav{font-size:12px;padding:14px 12px;color:#a7b4ac;gap:12px}.nav.active{background:#26382e;border:1px solid #3c5545;padding:13px 11px;color:#c9ead5}.side-bottom{background:linear-gradient(140deg,#20261b,#141b16);border:1px solid #414431;color:#dbcfa4;padding:17px 14px}.side-bottom p{color:#a6ad99;font-size:11px}.safe-icon{color:#b7c28d}.side-bottom .text-btn{color:#c7dbad}.profile{border-color:var(--line)}.avatar{background:#30483b;color:#bfd9c8}.profile b{color:#d3ddd5}.profile small{color:#93a397}main{margin-left:235px;padding:0 32px 24px;max-width:none}header{height:75px}.breadcrumb{color:#a0aea5}.breadcrumb span{color:#5a6b60}.outline{background:#161e19;border:1px solid #37473c;color:#c5d5c8}.primary{background:#b0dbbf;border:1px solid #c5ead0;color:#173625;box-shadow:0 2px 9px #a9daba0c}.primary:hover{background:#c5e8cf}.danger{background:#32221f;border-color:#67463e;color:#edb3a8}.heading{padding:31px 0 25px;gap:25px}.eyebrow{color:#92aa97;font-size:8px;letter-spacing:2px}h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.8px;font-size:clamp(32px,3.2vw,47px);margin:11px 0 9px}h1 span{color:#b7ddbf}.heading p{color:#b1beb5;font-size:12px}.heading-note{display:flex;align-items:center;gap:13px;font-size:11px;line-height:1.8;color:#b4cebc}.heading-note>span{font-size:30px;font-weight:400}.demo-banner{background:#20251b;border:1px solid #3c4630;color:#aeb99c;font-size:10px;padding:10px 15px}.demo-banner b{color:#cfdbb4}.demo-banner i{background:#becb8c;box-shadow:0 0 8px #bbd29133}.text-btn{color:#bdd9b7}.stats{gap:13px;margin:21px 0 24px}.stat{background:linear-gradient(125deg,#1b231e,#141b17);border:1px solid #303c33;border-radius:9px;padding:18px 20px;position:relative;overflow:hidden}.stat:first-child{background:linear-gradient(125deg,#25392c,#19271f);border-color:#769a7f}.stat>span{color:#abbeb0;font-size:8px;letter-spacing:1.1px}.stat i{color:#b4d7b6;float:none;position:absolute;right:18px;top:23px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#a2c6a212}.stat strong{font-family:'DM Serif Display',Georgia,serif;font-size:35px;line-height:1.15;color:#e2f0e6;letter-spacing:1px;margin:13px 0 7px}.stat:first-child strong{color:#c5edcf}.stat small{font-size:9px;color:#92a596}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:17px;align-items:start}.workspace{border-color:#303d33;background:#131b16;border-radius:10px}.section-head{padding:20px 20px 17px;gap:10px}.section-head h2{color:#dde9df;font-size:17px}.section-head p{font-size:10px;color:#91a395}.section-head .primary{font-size:10px;padding:9px 11px}.filters{padding:0 20px;gap:5px;flex-wrap:wrap}.tabs{gap:20px}.tab{font-size:10px;padding:11px 0 13px;color:#91a596}.tab.active{color:#c3e6cb;border-color:#b3d4b9}.age{font-size:0;padding:2px 0 10px}.age select{color:#c1d2c4;border-color:#394c3d;background:#17231b;font-size:10px;margin:0;padding:6px}.search-row{padding:14px 20px}.search{background:#111813;border-color:#303e33;width:270px;padding:8px 10px}.search input{background:transparent;color:#d1dfd4;font-size:10px}.search input::placeholder{color:#7f9485}.search-row>span{color:#91a594;font-size:9px}th{background:#19241c;border-color:#303d33;color:#849b8a;font-size:7px;letter-spacing:.7px;padding:11px 8px}th:first-child,td:first-child{padding-left:16px;width:35px}td{border-color:#253228;padding:14px 8px;font-size:10px}.sender{gap:10px!important}.sender-icon{background:#bbce9b16!important;color:#b9d6a8!important;border:1px solid #91ab801c;border-radius:50%;width:30px;height:30px;font-size:11px}.sender b{color:#e1e9df;font-size:11px}.sender small{color:#98aa99;font-size:9px;max-width:205px}.badge{background:#685a292d;color:#d7ca95;border:1px solid #8c794129;font-size:8px;padding:4px 7px;border-radius:12px}.badge.repeat{background:#55563c36;color:#c5d18f;border-color:#7e864c40}.badge.sent{background:#36544136;color:#aad1b7;border-color:#62876c40}.badge.protected{background:#244b343f;color:#b4dcbb;border-color:#59886440}.date{color:#98aa9c;font-size:9px}.suggestion{font-size:9px;color:#93a895}.row-more{color:#a2b8a4;font-size:16px;padding:2px 5px}.preview-active{background:#273b2c6b}.preview-active td:first-child{box-shadow:inset 2px 0 #a6d2b1}tbody tr{transition:background .15s}tbody tr:hover{background:#213025}input[type=checkbox]{accent-color:#b3daba;width:13px;height:13px}td:nth-child(5),th:nth-child(5){display:none}.table-footer{border-color:#2d3c30;color:#819785;font-size:8px;padding:14px 17px;gap:12px;line-height:1.6}.email-preview{border:1px solid #344237;border-radius:10px;background:linear-gradient(145deg,#1b261e,#111a15);overflow:hidden;min-height:560px;position:sticky;top:20px}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #2a3a2e;font-size:10px;color:#b1c4b5}.preview-status{font-size:7px;letter-spacing:1px;color:#829b89}#previewContent{padding:22px 20px}.preview-sender{display:flex;gap:12px;align-items:center}.preview-sender .sender-icon{width:39px;height:39px;font-size:16px;background:#2e4936!important;color:#c8e5cf!important}.preview-sender b{font-size:13px;font-weight:550}.preview-sender small{display:block;font-size:9px;color:#96b09d;margin-top:6px;word-break:break-word}.preview-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:8px;color:#8da392;margin-top:20px}.preview-subject{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:24px;line-height:1.35;letter-spacing:.1px;margin:22px 0 19px}.message-paper{padding:19px;background:linear-gradient(145deg,#243d2a,#18291e);border:1px solid #3b5941;border-radius:8px;min-height:176px}.message-label{font-size:7px;letter-spacing:1.5px;color:#8eac95}.message-paper p{font-size:12px;line-height:1.9;color:#c0d6c5;overflow-wrap:anywhere}.message-stamp{border-top:1px solid #55715b40;padding-top:16px;margin-top:23px;display:flex;justify-content:space-between;font-size:10px;color:#83a98d}.message-stamp span{font-size:19px}.classification{display:flex;gap:10px;padding:21px 0 17px}.class-symbol{font-size:22px;color:#b5c798}.classification h4{font-size:10px;margin:3px 0 8px;color:#c3d5c7;font-weight:550}.classification p{font-size:10px;line-height:1.8;color:#92aa99;margin:0}.preview-actions{display:grid;gap:10px}.preview-actions button{font-size:10px;padding:11px}.preview-footnote{font-size:8px;text-align:center;line-height:1.8;color:#829d8c;margin:5px 0 0}.gmail-link{text-align:center;font-size:10px;padding:8px;color:#b8d9c2}.protected-note{padding:12px;background:#26473040;border:1px solid #42674a;border-radius:5px;text-align:center;color:#c3dfc6;font-size:11px}.preview-empty{text-align:center;padding:65px 5px;color:#92af9b}.preview-empty>span{font-size:38px;color:#b9d6be}.preview-empty h3{font-family:'DM Serif Display',Georgia,serif;font-size:23px;font-weight:400}.preview-empty p{font-size:12px;line-height:1.8}.bottom-grid{gap:17px;margin-top:18px;grid-template-columns:1fr 1fr}.note{background:#1c281c;border:1px solid #364531;padding:17px 20px}.note.light{background:#141d17;border-color:#2d3b30}.note-icon{color:#a9c38e;font-size:22px}.note h3{color:#c9dbc6;font-size:11px}.note p{color:#95aa92;font-size:10px}.empty{color:#9db491}.history-item{border-color:#2f4032;color:#cbdace}.history-item small{color:#94aa9b}footer{color:#6d8777;font-size:9px;margin-top:23px}#actionbar{background:#1a271e;border:1px solid #60816a;box-shadow:0 12px 60px #0008;color:#c8e1ce;left:calc(50% + 117px)}dialog{background:#152019;color:#deeadf;border-color:#44604a}dialog::backdrop{background:#070d09b3}dialog p,dialog li{color:#afc1b2}dialog input,dialog textarea{background:#0f1812;color:#e0e9e1;border-color:#3c5542}.detail{background:#1d2e22;color:#c7d9cc;border:1px solid #344e3b}dialog a{color:#b4d9c0}.close{color:#b0c8b5}summary{font-size:12px;color:#b3d4bc;cursor:pointer}#toast{background:#c6e6ce;color:#193a24;box-shadow:0 8px 40px #0004}.text-btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b9dfc5}button:hover:not(:disabled){filter:brightness(1.08)}
@media(min-width:1600px){main{padding-left:48px;padding-right:48px}.review-layout{grid-template-columns:minmax(0,1fr) 350px}.sender small{max-width:320px}td{padding-top:16px;padding-bottom:16px}}
@media(max-width:1250px){aside{width:205px}main{margin-left:205px;padding-left:23px;padding-right:23px}.review-layout{grid-template-columns:minmax(0,1fr) 275px}.sender small{max-width:145px}td,th{padding-left:6px;padding-right:6px}.heading-note{font-size:10px}.tabs{gap:16px}.filters{padding:0 15px}.section-head{padding:18px 15px}.section-head p{max-width:190px;line-height:1.6}.stat{padding:17px 14px}.stat i{right:12px}.stat small{font-size:8px}#previewContent{padding:20px 17px}.preview-subject{font-size:23px}#actionbar{left:calc(50% + 100px)}}
@media(max-width:1050px){.review-layout{grid-template-columns:minmax(0,1fr)}.email-preview{position:static;min-height:0}.email-preview #previewContent{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.preview-sender,.preview-meta,.preview-subject{grid-column:1}.message-paper{grid-column:2;grid-row:1/5;min-height:190px}.classification{grid-column:1;padding:0 0 15px}.preview-actions{grid-column:2;grid-row:5}.sender small{max-width:280px}.heading-note{display:none}.preview-empty{grid-column:1/-1;padding:20px}.stat i{width:26px;height:26px;font-size:14px}.stat>span{font-size:7px}.preview-subject{font-size:26px}.preview-actions{margin-top:14px}}
@media(max-width:760px){aside{width:auto;background:#111a14;padding:20px 18px 12px}.brand{font-size:23px}.logo{font-size:25px}main{margin:0;padding:0 16px 100px}header{height:60px}.nav.active{padding:8px 10px}.nav{padding:9px 11px;font-size:10px}.heading{padding:25px 0 21px}h1{font-size:35px;max-width:none;letter-spacing:-.7px}.heading p{font-size:11px;max-width:none}.eyebrow{font-size:7px}.demo-banner{font-size:9px;line-height:1.8;padding:10px 12px}.demo-banner .text-btn{font-size:10px}.stats{gap:10px;margin:18px 0}.stat{padding:15px}.stat>span{font-size:7px}.stat small{font-size:8px}.stat strong{font-size:32px}.stat i{right:15px;top:19px}.section-head{padding:17px 15px}.section-head h2{font-size:17px}.section-head p{font-size:9px}.tabs{gap:20px}.tab{font-size:10px}.age{font-size:9px;padding:6px 0}.age select{margin-left:8px}.search-row{padding:13px 15px}.search{max-width:74%}.sender small{max-width:190px}.table-footer{font-size:8px}.email-preview #previewContent{display:block}.preview-subject{font-size:27px}.message-paper{min-height:150px}.classification{padding:19px 0}.preview-meta{font-size:9px}.preview-actions button{font-size:11px}.preview-footnote{font-size:9px}.bottom-grid{grid-template-columns:1fr;gap:12px}.note{padding:17px}.note p{font-size:10px;line-height:1.8}#actionbar{left:10px;right:10px;bottom:10px;background:#1a2c20}footer{font-size:8px}}

.scan-status{margin:0 18px 15px;padding:15px;border:1px solid #54715b;background:#213827;color:#d1e5d5;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;line-height:1.7}.scan-status[data-state=error]{background:#392922;border-color:#996749;color:#f3d4bb}.scan-status[data-state=loading]{border-color:#b2d6ba}.scan-status button{font-size:10px;padding:9px}.scan-status[data-state=loading]::before{content:"";flex-shrink:0;border:2px solid #435b49;border-top-color:#c4e9ce;width:14px;height:14px;border-radius:50%;animation:scan-spin .8s linear infinite}@keyframes scan-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.scan-status{flex-wrap:wrap;margin:0 14px 14px;font-size:11px}}

.scan-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.scan-actions label{font-size:9px;color:#9ab4a2}.scan-actions select{display:block;background:#17271c;color:#c7dfcc;border:1px solid #416049;border-radius:5px;padding:7px;font-size:10px;margin-top:4px}.scan-status{flex-wrap:wrap}.scan-status>span{flex:1;min-width:180px}.sender-progress{display:flex;align-items:center;gap:14px;padding:0 25px 18px;font-size:11px;line-height:1.8;color:#aac8b3}.sender-progress>span{flex:1}.sender-progress:has(span:empty){display:none}@media(max-width:760px){.section-head{align-items:flex-start;flex-direction:column}.scan-actions{justify-content:flex-start}.sender-progress{padding:0 16px 16px;flex-wrap:wrap}}