:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1d2433;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel:#fffc;--border:#1d24331a;--shadow:0 24px 60px #1b27381f;--text-soft:#556074;--accent:#c45c2d;--accent-dark:#8f3c1a;--success:#0f8e6d;--navy:#16314f;background:radial-gradient(circle at 0 0,#ecbf7d66,#0000 32%),radial-gradient(circle at 100% 0,#618cff29,#0000 24%),linear-gradient(#f7f4ee 0%,#eef3f9 56%,#f8fbfd 100%);font-family:Segoe UI,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}#root{min-height:100vh}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);width:min(460px,100%);box-shadow:var(--shadow);background:#ffffffe0;border-radius:28px;padding:28px}.login-form{gap:16px;margin-top:20px;display:grid}.login-label{gap:8px;font-weight:600;display:grid}.login-input{border:1px solid var(--border);font:inherit;background:#ffffffeb;border-radius:14px;padding:12px 14px}.login-button{justify-self:start}.login-error{color:#a33a20;margin:16px 0 0}.app-shell{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f0e8d9;padding:28px 22px}.brand-card,.connection-card,.hero-card,.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px}.brand-card{padding:22px}.brand-card h1,.hero-card h2{letter-spacing:-.03em;margin:8px 0 12px;font-size:clamp(1.8rem,2vw,2.8rem);line-height:1.05}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-dark);margin:0;font-size:.74rem}.muted{color:var(--text-soft)}.small{font-size:.9rem}.version-label{margin:8px 0 0}.nav-list{gap:10px;margin:22px 0;display:grid}.nav-item{color:#243348;text-align:left;cursor:pointer;background:#ffffff8c;border:1px solid #0000;border-radius:16px;padding:14px 16px;transition:transform .16s,border-color .16s,background .16s}.nav-item:hover,.nav-item.active{background:#fffaf5eb;border-color:#c45c2d47;transform:translate(4px)}.connection-card{padding:18px}.connection-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.connection-row{justify-content:space-between;margin:12px 0;display:flex}.main-content{padding:28px}.hero-card{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;margin-bottom:24px;padding:28px;display:grid}.hero-error{border-color:#c45c2d4d}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-card{color:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;gap:10px;min-height:136px;padding:18px;display:flex}.metric-card strong{font-size:2.2rem}.metric-card.warm{background:linear-gradient(160deg,#d56838 0%,#a83b1f 100%)}.metric-card.sun{background:linear-gradient(160deg,#f1b649 0%,#d67a13 100%)}.metric-card.cool{background:linear-gradient(160deg,#2f6fcb 0%,#16314f 100%)}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.panel{padding:22px}.panel-wide{grid-column:1/-1}.panel-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.panel-header h3,.mail-item h4,.mail-detail h3,.event-item h4,.followup-item h4,.approval-item h4{margin:0}.chip,.priority-badge,.status-pill,.suggestion-pill{background:#16314f14;border-radius:999px;padding:8px 12px;font-size:.86rem}.status-pill.success{color:var(--success);background:#0f8e6d24}.mail-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;display:grid}.mail-list,.stack-list{gap:14px;display:grid}.mail-item,.approval-item,.event-item,.followup-item,.draft-card{border:1px solid var(--border);background:#ffffffd9;border-radius:18px}.mail-item{text-align:left;cursor:pointer;padding:16px}.mail-item.active{border-color:#c45c2d59;box-shadow:inset 0 0 0 1px #c45c2d1a}.mail-item p,.approval-item p,.followup-item p,.draft-card p,.mail-detail p{margin-bottom:0}.mail-topline{justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.mail-detail{border:1px solid var(--border);background:#fafcffd6;border-radius:24px;padding:22px}.detail-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.detail-section+.detail-section{margin-top:20px}.suggestion-list,.draft-grid{gap:12px;display:grid}.draft-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.item-kind{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-dark);margin:0 0 8px;font-size:.75rem}.draft-card,.approval-item,.event-item,.followup-item{padding:16px}.approval-item,.event-item,.followup-item{justify-content:space-between;align-items:center;gap:14px;display:flex}.approval-actions{justify-items:end;gap:10px;display:grid}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:999px;padding:10px 16px}.primary-button{color:#fff;background:linear-gradient(135deg,#d56838 0%,#b94e28 100%)}.secondary-button{color:var(--navy);background:#16314f14}@media (width<=1100px){.app-shell,.hero-card,.mail-layout,.board-grid,.draft-grid{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}}@media (width<=720px){.main-content,.sidebar{padding:18px}.metrics-grid{grid-template-columns:1fr}.approval-item,.event-item,.followup-item,.detail-header,.mail-topline{flex-direction:column;align-items:start}}