@font-face{font-family:Saans TRIAL;src:url(/fonts/SaansTRIAL-Regular.woff2) format("woff2"),url(/fonts/SaansTRIAL-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Saans TRIAL;src:url(/fonts/SaansTRIAL-Medium.woff2) format("woff2"),url(/fonts/SaansTRIAL-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Saans TRIAL;src:url(/fonts/SaansTRIAL-Bold.woff2) format("woff2"),url(/fonts/SaansTRIAL-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--bg0:#ffffff;--bg1:#f7f7f5;--bg2:#efefec;--line:#e4e4e0;--ink:#111111;--muted:#6b6b66;--accent:#ff4b00;--accent-hover:#e64400;--accent-soft:#fff1eb;--danger:#c62828;--ok:#2e7d4f;--font:"Saans TRIAL","Saans",system-ui,-apple-system,sans-serif;--radius:4px;--radius-pill:999px;--shadow:0 1px 2px rgba(0,0,0,0.04)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg0);color:var(--ink);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100vh;background:var(--bg0)}.topbar{justify-content:space-between;gap:1.25rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--line);background:var(--bg0)}.brand,.topbar{display:flex;align-items:center}.brand{gap:.65rem;font-size:.95rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.brand-mark{display:grid;grid-gap:3px;gap:3px;width:14px}.brand-mark span{display:block;height:7px;border-radius:999px;background:var(--ink)}.brand-mark span:first-child{width:100%}.brand-mark span:last-child{width:70%}.brand em{display:block;font-style:normal;font-weight:400;color:var(--muted);font-size:.78rem;letter-spacing:0}.nav{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav a{color:var(--ink);font-size:.88rem;font-weight:500;transition:color .15s ease}.nav a.active,.nav a:hover{color:var(--accent)}.metric{color:var(--muted);font-size:.82rem}.metric strong{color:var(--ink);font-weight:700}.mail-grid{display:grid;grid-template-columns:220px 360px 1fr;min-height:0;height:calc(100vh - 61px);background:var(--bg0)}@media (max-width:960px){.mail-grid{grid-template-columns:1fr;height:auto}}.pane{border-right:1px solid var(--line);overflow:auto;background:var(--bg0)}.pane:last-child{border-right:none}.pane:first-child{background:var(--bg1)}.pane-hd{padding:1rem 1rem .45rem;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.chip,.filter-btn,.list-item{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);cursor:pointer}.filter-btn{padding:.5rem 1rem;color:var(--muted);font-weight:500;font-size:.9rem;border-radius:0;transition:background .12s ease,color .12s ease}.filter-btn.on,.filter-btn:hover{color:var(--ink);background:var(--bg0)}.filter-btn.on{color:var(--accent);font-weight:700}.list-item{padding:.95rem 1.1rem;border-bottom:1px solid var(--line);transition:background .12s ease}.list-item:hover{background:var(--bg1)}.list-item.on{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.list-meta{display:flex;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.75rem;margin-bottom:.3rem}.list-subj{font-weight:700;letter-spacing:-.01em;margin-bottom:.35rem}.chip{display:inline-block;width:auto;padding:.18rem .45rem;border-radius:var(--radius);background:var(--bg2);color:var(--ink);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.chip:where(.accent),.list-item.on .chip{background:#ffe3d6;color:var(--accent)}.detail{padding:1.5rem 1.75rem 2rem;display:flex;flex-direction:column;gap:1rem;background:var(--bg0)}.detail h1{font-size:1.75rem;margin:0;font-weight:700;letter-spacing:-.03em;line-height:1.15}.body-box,.draft-box{white-space:pre-wrap;line-height:1.55;color:var(--ink);background:var(--bg1);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}textarea.draft-box{min-height:180px;resize:vertical;color:var(--ink);width:100%;outline:none}textarea.draft-box:focus{border-color:var(--ink)}.row{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.btn{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:.55rem 1rem;border-radius:var(--radius-pill);cursor:pointer;font-weight:600;font-size:.82rem;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn:hover{background:var(--bg1)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:var(--radius);text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding:.7rem 1.15rem}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:var(--bg0)}.login-card{width:min(420px,100%);padding:2.25rem 2rem;border:1px solid var(--line);border-radius:12px;background:var(--bg0);box-shadow:var(--shadow)}.login-card h1{margin:0 0 .35rem;font-weight:700;font-size:2rem;letter-spacing:-.03em}.login-card p{margin:0 0 1.5rem;color:var(--muted);line-height:1.45}.field{display:grid;grid-gap:.35rem;gap:.35rem;margin-bottom:.9rem}.field label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.field input{padding:.7rem .8rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg0);color:var(--ink);outline:none}.field input:focus{border-color:var(--ink)}.err{color:var(--danger);font-size:.85rem;margin-bottom:.75rem}.empty{padding:2rem 1rem;color:var(--muted)}.review-wrap{max-width:900px;margin:0 auto;padding:1.75rem 1.5rem 3rem}.review-wrap h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.03em}.review-card{border:1px solid var(--line);border-radius:10px;padding:1.1rem;margin-top:1rem;background:var(--bg0)}