:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;--ink:#172033;--muted:#657083;--line:#dfe5ec;--panel:#fff;--panel-soft:#f8fafc;--nav:#10151f;--nav-hover:#202b3d;--accent:#1f6feb;--accent-soft:#e8f1ff;--success:#087443;--warning:#a15c07;--danger:#b42318;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f6f8;min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #8bb7ff}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#f8fafc;border-right:1px solid #182235;flex-direction:column;gap:28px;padding:22px 14px;display:flex}.brand{align-items:center;gap:12px;padding:0 10px 2px;display:flex}.brand strong,.brand span{display:block}.brand span{color:#a9b4c5;margin-top:2px;font-size:13px}nav{gap:4px;display:grid}nav button,.actions button,.primary-action,.inline-action,.notice button{cursor:pointer;border:0;align-items:center;gap:8px;min-height:38px;display:inline-flex}nav button{color:#d7deea;text-align:left;background:0 0;border-radius:6px;width:100%;padding:9px 11px}nav button:hover,nav button.active{color:#fff;background:var(--nav-hover)}main{background:linear-gradient(#fff 0 92px,#f4f6f8 92px 100%);flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:98px;padding:20px 32px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:24px;line-height:1.2}h2{font-size:16px;line-height:1.3}.topbar p{color:var(--muted);margin-top:5px;font-size:14px}.eyebrow{color:#526071;letter-spacing:0;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.topbar-actions{align-items:center;gap:10px;display:flex}.safety-pill{color:#075e3f;white-space:nowrap;background:#f0fdf4;border:1px solid #c9e7d6;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:13px;display:inline-flex}.primary-action,.actions button{color:#fff;background:var(--accent);border-radius:6px;padding:0 14px}.primary-action:disabled,.actions button:disabled,.inline-action:disabled{cursor:not-allowed;opacity:.5}.notice{color:#065f46;background:#ecfdf3;border:1px solid #b7dbc7;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin:16px 30px 0;padding:10px 12px;font-size:14px;display:flex}.notice button{color:#065f46;background:0 0;border-radius:6px;min-height:30px;padding:0 8px}.content{gap:20px;width:min(100%,1480px);padding:26px 32px;display:grid}.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}.toolbar label{gap:7px;display:grid}.toolbar span{color:#455366;font-size:13px;font-weight:600}.toolbar input{width:100%;min-height:38px;font:inherit;border:1px solid #cbd5e1;border-radius:6px;padding:0 10px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric,.panel,.draft,.empty,.setting{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 2px #0f172a0a}.metric{padding:18px}.metric span,.setting span,.row span,.draft-header p,.muted{color:var(--muted);font-size:13px}.metric strong{letter-spacing:0;margin-top:8px;font-size:28px;display:block}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.panel{gap:14px;padding:18px;display:grid}.list{gap:8px;display:grid}.row{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 0;display:flex}.row:last-child{border-bottom:0}.row strong,.row span{display:block}.row strong{font-size:14px}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:auto;box-shadow:0 1px 2px #0f172a0a}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f5;padding:13px 16px;font-size:14px}.inline-action{color:#1849a9;background:var(--accent-soft);white-space:nowrap;border-radius:6px;min-height:32px;padding:0 10px}th{background:var(--panel-soft);color:#455366;font-weight:600}.draft-list{grid-template-columns:minmax(0,1fr)}.draft{gap:16px;padding:18px;display:grid}.draft-header{justify-content:space-between;gap:14px;display:flex}pre{white-space:pre-wrap;color:#344154;background:var(--panel-soft);border:1px solid #edf1f5;border-radius:6px;margin:0;padding:14px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.actions{gap:10px;display:flex}.status{color:#344154;text-transform:capitalize;white-space:nowrap;background:#eef2f7;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 9px;font-size:12px;display:inline-flex}.status-approved,.status-completed{color:var(--success);background:#dcfae6}.status-generated,.status-running{color:var(--warning);background:#fef0c7}.status-gmail-draft-created{color:#175cd3;background:#dbeafe}.empty{text-align:center;place-content:center;gap:8px;min-height:240px;padding:24px;display:grid}.reply-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.reply{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:12px;padding:16px;display:grid;box-shadow:0 1px 2px #0f172a0a}.reply-header{justify-content:space-between;gap:12px;display:flex}.reply-header strong,.reply-header span{display:block}.reply-header span,.reply p,.next-action{color:var(--muted);font-size:13px}.reply p{line-height:1.5}.next-action{border-top:1px solid #edf1f5;padding-top:10px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.setting{gap:8px;padding:18px;display:grid}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:2;padding:14px;position:sticky;top:0}nav{grid-template-columns:repeat(4,minmax(0,1fr))}nav button{justify-content:center}nav button span{display:none}.topbar{flex-direction:column;align-items:stretch;padding:18px}.topbar-actions{flex-direction:column;align-items:stretch}.safety-pill,.primary-action{justify-content:center}.content{padding:18px}.metric-grid,.two-column,.reply-grid,.settings-grid{grid-template-columns:1fr}}