:root{--bg:#f7f8fa;--surface:#fff;--border:#e5e7eb;--text:#1f2937;--muted:#6b7280;--primary:#3b82f6;--primary-hover:#2563eb;--row-alt:#fafafa;--opened-bg:#dcfce7;--opened-text:#166534;--unopened-bg:#f3f4f6;--unopened-text:#6b7280;--error:#dc2626}:root[data-theme=dark]{--bg:#0f1115;--surface:#1a1d23;--border:#2b2f37;--text:#e5e7eb;--muted:#9ca3af;--primary:#3b82f6;--primary-hover:#60a5fa;--row-alt:#15181d;--opened-bg:#14361f;--opened-text:#86efac;--unopened-bg:#23262d;--unopened-text:#9ca3af;--error:#f87171}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:14px}button{cursor:pointer}.layout{min-height:100vh}.app-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand h1{margin:0;font-size:18px}.build{color:var(--muted);font-size:12px}.actions{gap:8px;display:flex}.ghost{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:6px;padding:6px 12px;font-size:14px}.ghost:hover{border-color:var(--primary)}.version-banner{background:var(--primary);color:#fff;align-items:center;gap:12px;padding:8px 24px;display:flex}.version-banner button{color:var(--primary);background:#fff;border:0;border-radius:6px;padding:4px 12px;font-weight:600}main{padding:24px}.page{max-width:1100px;margin:0 auto}.search{border:1px solid var(--border);background:var(--surface);width:100%;max-width:420px;color:var(--text);border-radius:8px;outline:none;margin-bottom:16px;padding:9px 12px}.search:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 40%, transparent)}table.emails{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;overflow:hidden}table.emails th,table.emails td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px}table.emails th{cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:12px}table.emails tbody tr:nth-child(odd){background:var(--row-alt)}td.subject{text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-weight:600;overflow:hidden}tr.email-row{cursor:pointer}tr.email-row:hover{background:color-mix(in srgb, var(--primary) 8%, transparent)}button.expand{font:inherit;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:100%;padding:0;overflow:hidden}.chevron{width:16px;color:var(--muted);display:inline-block}table.emails tr.opens-row,table.emails tbody tr.opens-row:nth-child(odd){background:var(--bg)}table.emails tr.opens-row td{padding:8px 14px 12px 30px}ul.opens{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}ul.opens li{grid-template-columns:130px 240px 1fr;align-items:baseline;gap:12px;display:grid}ul.opens li.automatic{color:var(--muted)}ul.opens .client{font-weight:600}ul.opens .user-agent{color:var(--muted);overflow-wrap:anywhere;font-size:12px}table.emails th.action-cell,table.emails td.action-cell{text-align:center;cursor:default;width:1%;padding-left:4px;padding-right:4px}button.delete{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px;display:inline-flex}button.delete:hover{color:var(--error);background:color-mix(in srgb, var(--error) 12%, transparent)}input.select{appearance:none;vertical-align:middle;border:1.5px solid var(--muted);background:var(--surface);cursor:pointer;border-radius:4px;width:16px;height:16px;margin:0}input.select:checked{background:var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.5'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center / 12px no-repeat;border-color:var(--primary)}input.select:disabled{opacity:.4;cursor:default}input.select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.bulk-actions{margin-bottom:12px}button.danger{background:var(--error);color:#fff;border:0;border-radius:6px;padding:7px 14px;font-size:14px;font-weight:600}button.danger:hover{filter:brightness(1.1)}.toasts{z-index:10;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);border-radius:8px;align-items:center;gap:16px;padding:10px 16px;display:flex;box-shadow:0 4px 16px #0003}.toast.error{background:var(--error);color:#fff}.toast button{font:inherit;color:inherit;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.badge{border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600}.badge.opened{background:var(--opened-bg);color:var(--opened-text)}.badge.unopened{background:var(--unopened-bg);color:var(--unopened-text)}.empty,.loading,.end{text-align:center;color:var(--muted);padding:20px}.sentinel{height:1px}.error{color:var(--error);margin:10px 0}.muted{color:var(--muted)}.centered{justify-content:center;align-items:center;min-height:100vh;display:flex}.card.login{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:340px;padding:32px;display:flex}.card.login h1{margin:0;font-size:20px}.card.login input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;outline:none;padding:10px 12px}.card.login input:focus{border-color:var(--primary)}.card.login button{background:var(--primary);color:#fff;border:0;border-radius:8px;padding:10px;font-size:14px;font-weight:600}.card.login button:hover:not(:disabled){background:var(--primary-hover)}.card.login button:disabled{opacity:.6;cursor:default}