*,:before,:after{box-sizing:border-box}:root{color:#e8eefb;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#080d18;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.4}body{background:radial-gradient(circle at 10% 10%,#132544 0%,#0000 40%),radial-gradient(circle at 90% 90%,#222450 0%,#0000 35%),#080d18;min-height:100vh;margin:0}#root{min-height:100vh;padding:1.25rem}h1,h2,h3,p{margin:0}button,input{font:inherit}.layout{grid-template-columns:280px minmax(380px,1fr) minmax(360px,1fr);gap:1rem;width:100%;min-height:calc(100vh - 2.5rem);display:grid}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#141e32e0,#0f1728c7);border:1px solid #91afeb33;border-radius:1rem;padding:1rem;box-shadow:0 20px 50px #00000040}.sidebar{flex-direction:column;gap:1rem;display:flex}.sidebar h1{font-size:1.5rem}.folder-list{flex-direction:column;gap:.5rem;display:flex}.folder{color:#dbe7ff;cursor:pointer;background:#182642b3;border:1px solid #0000;border-radius:.75rem;justify-content:space-between;padding:.65rem .75rem;display:flex}.folder:hover,.folder.active{background:#284270bf;border-color:#85b8ff99}.badge{text-align:center;background:#1391fc33;border:1px solid #88c6ff80;border-radius:999px;min-width:1.85rem;padding:.1rem .5rem}.automation{background:#0d1425d9;border:1px solid #819ccd38;border-radius:.85rem;margin-top:auto;padding:.75rem}.segmented{gap:.45rem;margin-top:.6rem;margin-bottom:.55rem;display:flex}.chip{color:#b8c7e8;cursor:pointer;background:0 0;border:1px solid #738ab566;border-radius:.6rem;flex:1;padding:.5rem .45rem}.chip.active{color:#fff;background:linear-gradient(135deg,#1886fa,#20c2f7);border-color:#0000}.inbox{flex-direction:column;gap:.9rem;min-width:0;display:flex}.inbox-header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.search{color:#e8eefb;background:#0f182ce6;border:1px solid #6a84b073;border-radius:.75rem;width:320px;max-width:100%;padding:.6rem .75rem}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.stat{background:#0d1425d9;border:1px solid #819ccd38;border-radius:.7rem;flex-direction:column;gap:.2rem;padding:.65rem;display:flex}.stat strong{font-size:1.35rem}.mail-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.mail-card{text-align:left;color:#e8eefb;cursor:pointer;background:#0d1425d9;border:1px solid #6e87b43d;border-radius:.75rem;flex-direction:column;gap:.35rem;width:100%;padding:.72rem;display:flex}.mail-card.active{background:#132343f2;border-color:#70b9ffcc}.mail-top{justify-content:space-between;gap:.75rem;display:flex}.subject{font-weight:600}.mail-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.priority,.confidence,.tag{border-radius:999px;padding:.2rem .55rem;font-size:.75rem}.priority{border:1px solid #0000}.priority.high{background:#ff4e6d33;border-color:#ff8b9da6}.priority.medium{background:#ffc54d33;border-color:#ffdc8aa6}.priority.low{background:#5fd98d33;border-color:#92f3b4a6}.confidence{background:#267aff33;border:1px solid #82b5ff8c}.detail{flex-direction:column;gap:1rem;min-width:0;display:flex}.message{background:#0d1425e6;border:1px solid #819ccd38;border-radius:.8rem;flex-direction:column;gap:.4rem;padding:.8rem;display:flex}.ai-box{background:#0b1222db;border:1px solid #6d8cc052;border-radius:.8rem;flex-direction:column;gap:.65rem;padding:.8rem;display:flex}.tags{flex-wrap:wrap;gap:.45rem;display:flex}.tag{background:#1d345bb3;border:1px solid #88b0f173}.meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.meta-grid div{background:#0f182ce6;border:1px solid #6a84b052;border-radius:.65rem;flex-direction:column;gap:.15rem;padding:.55rem;display:flex}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:auto;display:grid}.primary,.secondary{color:#f7fbff;cursor:pointer;border:0;border-radius:.65rem;padding:.65rem .75rem}.primary{background:linear-gradient(135deg,#1886fa,#20c2f7)}.secondary{background:#1f3150e0;border:1px solid #789bdc59}.muted{color:#9ab0d8}.tiny{font-size:.8rem}@media (width<=1280px){.layout{grid-template-columns:230px 1fr}.detail{grid-column:1/-1}}@media (width<=820px){#root{padding:.75rem}.layout{grid-template-columns:1fr;min-height:auto}.inbox-header{flex-direction:column;align-items:stretch}.stats,.meta-grid,.actions{grid-template-columns:1fr}}