:root{color-scheme:dark light;--bg-1:#08111f;--bg-2:#16263b;--panel:rgba(237,244,255,0.12);--panel-border:rgba(255,255,255,0.18);--text:#ebf3ff;--muted:#b5c5de;--accent:#7dd3c8;--accent-2:#9cbdfd;--danger:#ff8b94;--success:#8ae3b2;--shadow:0 24px 80px rgba(5,12,23,0.35);--radius-lg:28px;--radius-md:20px}@media (prefers-color-scheme:light){:root{--bg-1:#d9e7f3;--bg-2:#f4f8ff;--panel:rgba(255,255,255,0.48);--panel-border:rgba(255,255,255,0.62);--text:#0f1b2c;--muted:#45576f;--accent:#0d7c9f;--accent-2:#5067d8;--shadow:0 24px 80px rgba(52,74,110,0.16)}}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:SF Pro Display,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(125,211,200,.28),transparent 28%),radial-gradient(circle at top right,rgba(156,189,253,.22),transparent 22%),linear-gradient(160deg,var(--bg-1),var(--bg-2));background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.02)),url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'%3E%3Cpath d='M0 60h120M60 0v120'/%3E%3C/g%3E%3C/svg%3E");mix-blend-mode:screen;opacity:.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}input,textarea{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:var(--text);border-radius:16px;padding:14px 16px;outline:none;backdrop-filter:blur(26px)}textarea{resize:vertical}button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.6;cursor:wait}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#08111f;box-shadow:0 12px 32px rgba(125,211,200,.22)}.secondary-button{background:rgba(255,255,255,.14);color:var(--text);border:1px solid rgba(255,255,255,.18)}.page{padding:32px}.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;min-height:100vh}.sidebar{position:sticky;top:32px;align-self:start}.content{display:flex;flex-direction:column;gap:24px}.glass-panel{border:1px solid var(--panel-border);background:var(--panel);backdrop-filter:blur(28px) saturate(145%);box-shadow:var(--shadow);border-radius:var(--radius-lg)}.card,.sidebar{padding:24px}.card-header,.inline-form,.row,.split{display:flex;align-items:center;justify-content:space-between;gap:16px}.split{align-items:stretch}.split>*{flex:1}.stack{display:flex;flex-direction:column;gap:14px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem}.eyebrow,.muted{color:var(--muted)}.success{color:var(--success)}.error{color:var(--danger)}.glass-nav{gap:10px;margin-top:32px}.glass-nav,.sidebar-stack{display:flex;flex-direction:column}.sidebar-stack{gap:18px;margin-top:24px}.compose-trigger{width:100%}.folder-summary{display:flex;flex-direction:column;gap:10px}.folder-summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.08)}.glass-link{padding:12px 16px;border-radius:16px;color:var(--muted);transition:background .18s ease,color .18s ease,transform .18s ease}.glass-link.active,.glass-link:hover{background:rgba(255,255,255,.12);color:var(--text);transform:translateX(3px)}.hero{gap:24px}.hero,.mail-grid,.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mail-grid,.stats-grid{gap:18px}.mail-grid{grid-template-columns:320px minmax(0,1fr)}.stat{padding:18px;border-radius:20px;background:rgba(255,255,255,.08)}.mail-list,.message-view,.table{display:flex;flex-direction:column;gap:12px}.mail-list.expanded{gap:8px}.mail-item,.table-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px;border-radius:18px;background:rgba(255,255,255,.08)}.mail-item strong,.table-row strong{display:block}.mail-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;text-align:left;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.08);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.mail-row:hover{background:rgba(255,255,255,.13)}.mail-row.is-unread{background:rgba(255,255,255,.15)}.mail-row-main{min-width:0;display:flex;flex-direction:column;gap:8px}.mail-row-sender{margin:0;font-weight:600}.mail-row-line{display:flex;gap:10px;min-width:0;align-items:baseline}.mail-row-line span,.mail-row-line strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-line span,.mail-row-meta{color:var(--muted)}.mail-row-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end;white-space:nowrap}.pill{border-radius:999px;padding:6px 12px;background:rgba(255,255,255,.12);color:var(--muted);width:fit-content}.checkbox-row{display:flex;gap:10px;align-items:center}.checkbox-row input{width:auto}.table-head{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.code-block{white-space:pre-wrap;padding:16px;border-radius:18px;background:rgba(2,8,20,.42);overflow-x:auto}.modal-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:rgba(5,12,23,.58);backdrop-filter:blur(18px);z-index:50}.modal-panel{width:min(960px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--panel-border);background:rgba(10,20,36,.82);border-radius:30px;box-shadow:var(--shadow);padding:24px}.message-meta,.modal-foot,.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.compose-modal,.message-modal{display:flex;flex-direction:column;gap:20px}.message-meta{flex-direction:column;padding:18px;border-radius:20px;background:rgba(255,255,255,.06)}.message-meta p{margin:0}.message-body{padding:22px;border-radius:22px;background:rgba(255,255,255,.08);overflow:auto}.message-text{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit}.message-html{color:var(--text);line-height:1.6}.message-html img{max-width:100%;height:auto}.message-html a{color:var(--accent)}.empty-state{padding:36px;border-radius:24px;background:rgba(255,255,255,.08)}@media (max-width:1024px){.page{padding:20px}.app-shell,.hero,.mail-grid,.split,.stats-grid{grid-template-columns:1fr;display:grid}.sidebar{position:static}.mail-row,.mail-row-line{grid-template-columns:1fr;display:grid}.mail-row-meta{align-items:flex-start}.modal-overlay{padding:10px}.modal-panel{width:100%;max-height:calc(100vh - 20px);border-radius:24px}}