:root{color-scheme:dark;--bg:#09111f;--panel:#101b2d;--line:#24344e;--text:#eff6ff;--muted:#94a7c2;--accent:#35a7ff;--danger:#ff6577;font:15px/1.45 Inter,system-ui,sans-serif}html[data-theme=light]{color-scheme:light;--bg:#eef4fa;--panel:#fff;--line:#d5dfeb;--text:#162235;--muted:#607086}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(circle at 15% 10%,#183a62,var(--bg) 42%);color:var(--text)}button,input,textarea,select{font:inherit}.brand{display:flex;align-items:baseline;gap:.35rem;font-size:1.4rem}.brand span{color:var(--accent);font-weight:800}.login{min-height:100vh;display:grid;place-content:center;gap:2rem}.login form{width:min(420px,90vw);padding:2rem;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 25px 80px #0008}.login label,dialog label{display:grid;gap:.4rem;margin:1rem 0;color:var(--muted)}input,textarea,select{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text)}button{border:0;border-radius:10px;padding:.7rem 1rem;background:var(--accent);color:#04101d;font-weight:750;cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}.quiet{background:transparent;color:var(--muted)}.danger{color:var(--danger)}.shell{height:100vh;display:grid;grid-template:64px 1fr/220px minmax(300px,430px) 1fr;background:var(--bg)}.shell>header{grid-column:1/-1;display:flex;align-items:center;gap:.7rem;padding:0 1rem;border-bottom:1px solid var(--line)}.shell>header [data-user]{margin-left:auto;color:var(--muted)}.search{display:flex;max-width:460px;flex:1}.search input{padding:.55rem}aside{padding:1rem;border-right:1px solid var(--line)}aside nav{display:grid;gap:.3rem}aside button{display:flex;width:100%;align-items:center;gap:.75rem;margin:0;text-align:left;background:transparent;color:var(--muted)}aside button.active{background:#193453;color:var(--text)}.folder-icon{width:1.25rem;color:var(--text);font-size:1.05rem;text-align:center}.folder-label{overflow:hidden;text-overflow:ellipsis}.folder-tools{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--line)}.list{border-right:1px solid var(--line);overflow:auto}.list-head{position:sticky;top:0;display:flex;align-items:center;gap:.35rem;padding:.7rem 1rem;background:var(--panel);z-index:1}.list-head label{display:flex;align-items:center;gap:.5rem;margin-right:auto}.list-head input,.message>input{width:auto}.list-head select{width:9rem;padding:.5rem}.message{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:transparent;color:var(--text)}.message>button{display:grid;gap:.2rem;text-align:left;padding:1rem;border-radius:0;background:transparent;color:var(--text)}.message span,.message time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.message.unread{background:#122741}.reader{padding:2rem;overflow:auto}.reader pre{white-space:pre-wrap;font:inherit;max-width:80ch}.message-html{width:100%;min-height:480px;border:0;background:#fff}.attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.attachment-chip{display:inline-flex;width:auto;padding:.3rem .6rem;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--text)}.file-picker{position:relative}.file-picker input{position:absolute;width:1px;height:1px;opacity:0}.file-picker strong{display:inline-flex;width:max-content;padding:.65rem .85rem;border:1px solid var(--line);border-radius:10px;color:var(--text);cursor:pointer}.file-picker:focus-within strong{outline:2px solid var(--accent);outline-offset:2px}.empty{padding:2rem;color:var(--muted)}dialog{width:min(680px,94vw);border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text)}dialog[data-folder-dialog]{width:min(460px,94vw)}dialog::backdrop{background:#02060dcc}dialog header,dialog footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.manager{display:grid;gap:.7rem}.contact-row{display:flex;justify-content:space-between;padding:.7rem;border-bottom:1px solid var(--line)}[role=status]{min-height:1.4rem;color:var(--muted)}@media(max-width:1100px){.list-head select,.list-head [data-bulk-move]{display:none}}@media(max-width:900px){.shell{grid-template:64px auto 1fr/1fr}.shell>header .search,.shell>header [data-user]{display:none}.shell>aside{grid-row:2;display:flex;overflow:auto;border-bottom:1px solid var(--line)}.shell>aside nav{display:flex}.shell>aside nav button{min-width:max-content}.shell>.list{grid-row:3}.reader{display:none}}