:root{--brand-900: #08222f;--brand-800: #0b2a3d;--brand-700: #0f3d5c;--brand-600: #14527a;--brand-500: #17618f;--accent: #f2a900;--accent-dark: #c98a00;--bg: #f4f6f8;--surface: #ffffff;--surface-2: #fafbfc;--border: #dde3e9;--text: #16232c;--text-muted: #5d6b78;--danger: #b3261e;--ok: #1c7c4a;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgb(8 34 47 / 8%);--shadow: 0 6px 20px rgb(8 34 47 / 10%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 var(--space-2);line-height:1.25}p{margin:0 0 var(--space-3)}code{background:#08222f0f;border-radius:4px;padding:1px 5px;font-size:.9em}.muted{color:var(--text-muted)}.small{font-size:13px}.login-shell{display:grid;grid-template-columns:1.1fr 1fr;min-height:100%}.login-brand{background:linear-gradient(160deg,var(--brand-800),var(--brand-600) 70%);color:#eaf2f7;padding:var(--space-6) 48px;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center}.brand-mark{width:54px;height:54px;border-radius:14px;background:var(--accent);color:var(--brand-900);font-weight:800;font-size:28px;display:grid;place-items:center;box-shadow:var(--shadow)}.brand-mark.small{width:30px;height:30px;border-radius:8px;font-size:16px}.brand-title{font-size:34px;letter-spacing:-.5px}.brand-subtitle{color:#b9d1e0;font-size:16px}.brand-points{list-style:none;padding:0;margin:var(--space-4) 0 0;display:grid;gap:var(--space-2)}.brand-points li{padding-left:22px;position:relative;color:#d7e5ee}.brand-points li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.brand-footer{margin-top:var(--space-6);font-size:13px;color:#8fb0c4}.login-panel{display:grid;place-items:center;padding:var(--space-6)}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}label{font-size:13px;font-weight:600;color:var(--text-muted);margin-top:var(--space-2)}input,select,textarea{font:inherit;color:inherit;width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px #17618f26}textarea{resize:vertical;font-family:inherit}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .15s,border-color .15s,opacity .15s}.btn-primary{background:var(--brand-700);color:#fff;padding:10px 14px;font-weight:600;margin-top:var(--space-3)}.btn-primary:hover:not(:disabled){background:var(--brand-600)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-muted);padding:6px 12px}.btn-ghost:hover{border-color:var(--brand-500);color:var(--brand-700)}.form-error{color:var(--danger);font-size:13px;background:#b3261e0f;border:1px solid rgb(179 38 30 / 20%);border-radius:var(--radius-sm);padding:8px 10px}.hint{font-size:12px;color:var(--text-muted);margin-top:var(--space-3)}.splash{display:grid;place-items:center;height:100%;color:var(--text-muted)}.mail-shell{display:flex;flex-direction:column;height:100%}.mail-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--brand-800);color:#eaf2f7;border-bottom:3px solid var(--accent)}.mail-logo{display:flex;align-items:center;gap:var(--space-2);font-weight:700;letter-spacing:.2px}.mail-search input{background:#ffffff1a;border-color:#ffffff26;color:#eaf2f7;max-width:520px}.mail-search input::placeholder{color:#a9c5d6}.mail-user{display:flex;align-items:center;gap:var(--space-2);font-size:13px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--brand-900);font-weight:700;display:grid;place-items:center}.mail-body{display:grid;grid-template-columns:220px minmax(0,1fr) 360px;flex:1;min-height:0}.mail-folders{border-right:1px solid var(--border);background:var(--surface-2);padding:var(--space-3);overflow-y:auto}.btn-compose{width:100%;background:var(--accent);color:var(--brand-900);font-weight:700;padding:10px;margin-bottom:var(--space-3)}.btn-compose:disabled{opacity:.5;cursor:not-allowed}.folder{display:block;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none;font-size:14px}.folder:hover{background:#17618f14}.folder.active{background:#17618f1f;color:var(--brand-700);font-weight:600}.mail-list{padding:var(--space-5);overflow-y:auto;background:var(--surface)}.empty-state{max-width:560px;margin:var(--space-6) auto;border:1px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--surface-2)}.empty-state h2{font-size:18px;color:var(--brand-700)}.mail-rail{border-left:1px solid var(--border);padding:var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.card-header h3{font-size:15px;margin:0}.pill{font-size:11px;text-transform:uppercase;letter-spacing:.4px;border-radius:999px;padding:3px 9px;background:#5d6b781f;color:var(--text-muted);white-space:nowrap}.pill.ok{background:#1c7c4a1f;color:var(--ok)}.pill.bad{background:#b3261e1a;color:var(--danger)}.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.probe-result dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:var(--space-2) 0;font-size:13px}.probe-result dt{color:var(--text-muted)}.probe-result dd{margin:0;font-variant-numeric:tabular-nums}.mailbox-list{list-style:none;padding:0;margin:var(--space-2) 0 0;font-size:13px;max-height:180px;overflow-y:auto}.mailbox-list li{display:flex;justify-content:space-between;gap:var(--space-2);padding:5px 0;border-bottom:1px dashed var(--border)}.ai-output{background:var(--brand-900);color:#e6f1f7;border-radius:var(--radius-sm);padding:var(--space-3);font-family:var(--font);font-size:14px;white-space:pre-wrap;margin:0;max-height:260px;overflow-y:auto}.banner-error{background:#b3261e0f;border:1px solid rgb(179 38 30 / 20%);color:var(--danger);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:var(--space-3);font-size:13px}.folder-footer{margin-top:var(--space-4);padding:var(--space-2);border-top:1px solid var(--border);line-height:1.4;word-break:break-word}.msg-row{display:grid;grid-template-columns:150px minmax(0,1.4fr) minmax(0,1fr) 64px;gap:var(--space-3);align-items:center;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left;border-radius:0;color:var(--text)}.msg-row:hover{background:#17618f0d}.msg-row.selected{background:#17618f1a;box-shadow:inset 3px 0 0 var(--brand-600)}.msg-row.unread .msg-from,.msg-row.unread .msg-subject{font-weight:700}.msg-row.unread .msg-from:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand-600);margin-right:6px;vertical-align:middle}.msg-from,.msg-subject{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-snippet{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-date{font-size:12px;color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.message-card{gap:var(--space-2)}.message-subject{font-size:15px;margin:0;line-height:1.3;overflow-wrap:anywhere}.message-meta{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:12px;margin:0}.message-meta dt{color:var(--text-muted)}.message-meta dd{margin:0;overflow-wrap:anywhere}.ai-summary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:var(--space-2) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.chip{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.chip:hover:not(:disabled){border-color:var(--brand-500);color:var(--brand-700)}.chip.active{background:var(--brand-700);border-color:var(--brand-700);color:#fff}.chip:disabled{opacity:.5;cursor:not-allowed}.message-body{max-height:340px;overflow-y:auto}.message-text{font-family:var(--font);font-size:13.5px;white-space:pre-wrap;margin:0;color:var(--text)}@media (max-width: 1180px){.mail-body{grid-template-columns:180px minmax(0,1fr) 300px}}@media (max-width: 900px){.login-shell{grid-template-columns:1fr}.login-brand{padding:var(--space-5)}.mail-body{display:flex;flex-direction:column;overflow-y:auto}.mail-folders{display:none}.mail-list{flex:1 1 auto;min-height:40vh}.mail-rail{flex:0 0 auto;border-left:0;border-top:1px solid var(--border);padding-bottom:var(--space-5)}}.composer-overlay{position:fixed;inset:0;background:#08222f73;display:grid;place-items:center;padding:var(--space-4);z-index:50}.composer-card{width:min(720px,100%);max-height:90vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.composer-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.folder{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.folder-count{font-size:11px;font-weight:700;background:var(--brand-600);color:#fff;border-radius:999px;padding:1px 7px;font-variant-numeric:tabular-nums}.folder.active .folder-count{background:var(--brand-700)}