:root{--bg: #f6f6f8;--surface: #ffffff;--border: #e2e2e8;--text: #1c1c1e;--muted: #6b6b76;--accent: #0b5cd5;--accent-soft: #e8f0fd;--radius: 8px;--sidebar-width: 220px;--list-width: 380px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3{margin:0;font-size:1rem}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--muted)}.small{font-size:12px}.button{display:inline-block;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.button:hover{background:var(--accent-soft)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button:disabled{opacity:.6;cursor:default}.link-button{border:0;background:none;padding:4px 0;color:var(--accent);font:inherit;cursor:pointer}.app{display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);padding:12px;border-right:1px solid var(--border);background:var(--surface);overflow-y:auto}.sidebar-account{display:flex;flex-direction:column;gap:2px;padding:4px 8px 12px}.sidebar-brand{font-weight:700}.sidebar-email{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.sidebar-account-actions{display:flex;flex-wrap:wrap;gap:0 10px}.sidebar-heading{padding:12px 8px 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.label-list{display:flex;flex-direction:column;gap:1px}.label-link{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius);text-transform:capitalize}.label-link:hover{background:var(--bg)}.label-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.label-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-count{font-size:12px;font-weight:600}.label-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.panes{display:flex;flex:1;min-width:0}.pane{min-width:0;height:100%;overflow:hidden}.pane-list{flex:0 0 var(--list-width);border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column}.pane-conversation{flex:1;overflow-y:auto}.pane-header{padding:12px 16px;border-bottom:1px solid var(--border)}.pane-title{text-transform:capitalize}.thread-list{display:flex;flex-direction:column;height:100%;min-height:0}.thread-scroll{flex:1;overflow-y:auto;min-height:0}.virtual-body{position:relative;width:100%}.virtual-row{position:absolute;top:0;left:0;width:100%}.thread-item{display:flex;flex-direction:column;gap:2px;height:100%;padding:10px 16px;border-bottom:1px solid var(--border);overflow:hidden}.thread-item:hover{background:var(--bg)}.thread-item.selected{background:var(--accent-soft)}.thread-item.unread .thread-subject,.thread-item.unread .thread-participants{font-weight:700}.thread-item.unread{border-left:3px solid var(--accent);padding-left:13px}.thread-row{display:flex;justify-content:space-between;gap:8px}.thread-participants{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-count{color:var(--muted);font-weight:400}.thread-meta{display:flex;align-items:center;gap:6px;flex:0 0 auto;color:var(--muted);font-size:12px}.thread-subject,.thread-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-snippet{color:var(--muted);font-size:13px}.thread-chips{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 0}.chip{padding:0 6px;border:1px solid var(--border);border-radius:10px;font-size:11px;line-height:16px;color:var(--muted);text-transform:capitalize}.chip.category{background:var(--bg)}.category-primary{border-color:#0b5cd5;color:#0b5cd5}.category-team{border-color:#128a5a;color:#128a5a}.category-notifications{border-color:#9a5b00;color:#9a5b00}.category-newsletters{border-color:#6a3fb5;color:#6a3fb5}.category-spam{border-color:#b3261e;color:#b3261e}.thread-more{display:flex;justify-content:center;padding:12px}.conversation{padding:16px 20px 48px;max-width:900px}.back-link{display:none;align-items:center;gap:4px;margin-bottom:12px;color:var(--accent)}.conversation-header{padding-bottom:12px;border-bottom:1px solid var(--border)}.conversation-subject{font-size:20px;line-height:1.3}.messages{display:flex;flex-direction:column;gap:12px;margin-top:12px}.message{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.message-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.message-header-button{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;border:0;background:none;padding:0;font:inherit;text-align:left;cursor:pointer}.message-from{font-weight:600}.message-details-hint{font-size:12px;color:var(--accent)}.message-time{flex:0 0 auto;font-size:12px;color:var(--muted)}.message-details{display:grid;grid-template-columns:max-content 1fr;gap:2px 12px;margin:10px 0 0;padding:10px;background:var(--bg);border-radius:var(--radius);font-size:13px}.message-details dt{color:var(--muted)}.message-details dd{margin:0;word-break:break-word}.message-body{margin-top:10px}.plain{margin:0;font:inherit;white-space:pre-wrap;word-break:break-word}.plain.quoted{margin-top:8px;padding-left:10px;border-left:2px solid var(--border);color:var(--muted)}.quote-toggle{margin-top:8px;padding:0 8px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--muted);font:inherit;line-height:18px;cursor:pointer}.html-frame{display:flex;flex-direction:column;align-items:flex-start}.message-frame{width:100%;border:0;background:transparent}.attachments{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.attachments-title{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin-bottom:6px}.attachment{display:flex;flex-direction:column;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:4px}.attachment:hover{background:var(--bg)}.attachment-name{font-weight:500}.compose-button{width:100%;margin-bottom:12px}.sidebar-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.link-button.small{font-size:12px}.managed-label-row{display:flex;align-items:center;gap:6px}.managed-label-row .label-link{flex:1;min-width:0}.label-form{display:flex;flex-direction:column;gap:6px;padding:8px;margin:4px 0;border:1px solid var(--border);border-radius:var(--radius)}.label-form-actions{display:flex;gap:6px}.color-choice{display:flex;gap:4px}.color-swatch{width:18px;height:18px;border:2px solid transparent;border-radius:50%;cursor:pointer}.color-swatch[aria-pressed=true]{border-color:var(--text)}.confirm{padding:8px;margin:4px 0;border:1px solid var(--border);border-radius:var(--radius);font-size:13px}.confirm p{margin:0 0 6px}.label-picker{margin-top:8px}.label-options{display:flex;flex-direction:column;gap:4px;padding:8px;margin-top:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.label-option{display:flex;align-items:center;gap:6px}.field-error{margin:4px 0 0;color:#b3261e;font-size:12px}.action-error{position:fixed;bottom:16px;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:var(--radius);background:#b3261e;color:#fff;font-size:13px}.list-toolbar{padding:8px 12px;border-bottom:1px solid var(--border)}.search-box{display:flex;gap:6px}.search-box input{flex:1;min-width:0;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);font:inherit}.search-results .thread-item{height:auto}mark{background:#fff2a8;color:inherit}.new-messages{align-self:center;margin:6px;padding:4px 12px;border:0;border-radius:12px;background:var(--accent);color:#fff;font:inherit;font-size:12px;cursor:pointer}.composer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#14141959;z-index:10}.composer,.shortcut-help,.password-dialog{display:flex;flex-direction:column;width:min(720px,100%);max-height:100%;overflow-y:auto;padding:14px 16px;border-radius:var(--radius);background:var(--surface);box-shadow:0 10px 40px #0003}.password-dialog{width:min(420px,100%)}.composer-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.composer-header h2{font-size:16px}.composer-fields{display:flex;flex-direction:column;gap:10px;padding:12px 0}.composer-row{display:flex;flex-direction:column;gap:4px}.composer-row input,.composer-body{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);font:inherit}.composer-body{resize:vertical}.field-label{font-size:12px;color:var(--muted)}.address-field{position:relative;display:flex;flex-direction:column;gap:4px}.chip-input{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;border:1px solid var(--border);border-radius:var(--radius)}.chip-text{flex:1;min-width:140px;border:0;padding:4px;font:inherit;outline:none}.address-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 4px 1px 8px;border:1px solid var(--border);border-radius:12px;background:var(--bg);font-size:12px}.address-chip[data-invalid=true]{border-color:#b3261e;color:#b3261e}.chip-remove{border:0;background:none;padding:0 2px;color:inherit;font:inherit;cursor:pointer}.suggestions{position:absolute;top:100%;left:0;right:0;z-index:2;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 6px 18px #0000001f}.suggestion{display:flex;gap:8px;width:100%;padding:6px 8px;border:0;background:none;font:inherit;text-align:left;cursor:pointer}.suggestion.active,.suggestion:hover{background:var(--accent-soft)}.rich-editor{display:flex;flex-direction:column;gap:6px}.rich-toolbar{display:flex;gap:4px}.rich-button{min-width:30px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font:inherit;cursor:pointer}.rich-link{display:flex;align-items:center;gap:6px}.rich-surface{min-height:180px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);overflow-y:auto}.rich-surface:focus{outline:2px solid var(--accent)}.attachment-picker{display:flex;flex-direction:column;gap:6px}.attachment-controls{display:flex;align-items:center;gap:8px}.attachment-chips{display:flex;flex-wrap:wrap;gap:6px}.attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border:1px solid var(--border);border-radius:var(--radius);font-size:12px}.composer-errors{margin:0 0 8px;padding-left:16px;color:#b3261e;font-size:13px;list-style:disc}.composer-actions{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.message-actions{display:flex;gap:6px;margin-top:10px}.shortcut-list{margin:12px 0 0}.shortcut-row{display:flex;gap:12px;padding:3px 0}.shortcut-row dt{flex:0 0 110px}.shortcut-row dd{margin:0}kbd{padding:1px 6px;border:1px solid var(--border);border-radius:4px;background:var(--bg);font-family:inherit;font-size:12px}.thread-item.cursored{box-shadow:inset 0 0 0 2px var(--accent)}.state{padding:32px 20px;text-align:center}.state h2{font-size:15px;margin-bottom:4px}.state-error h2{color:#b3261e}.state .button{margin-top:12px}.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:var(--muted)}.skeleton-list{padding:8px 16px}.skeleton-row{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--border)}.skeleton-conversation{display:flex;flex-direction:column;gap:10px;padding:20px}.skeleton-line{display:block;height:10px;border-radius:4px;background:linear-gradient(90deg,#ececf1,#f6f6fa,#ececf1);background-size:200% 100%;animation:skeleton 1.4s ease-in-out infinite}.w-40{width:40%}.w-60{width:60%}.w-80{width:80%}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.skeleton-line{animation:none}}.signin{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.signin-card{max-width:420px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.signin-card h1{font-size:20px;margin-bottom:8px}.signin-card p{color:var(--muted)}.signin-card .button{margin:12px 0}.signin-form{display:flex;flex-direction:column;gap:4px;width:min(380px,100%);text-align:left}.signin-form .button,.signin-form .link-button{align-self:flex-start}.password-form{display:flex;flex-direction:column;gap:4px;padding:12px 0 0}.password-form p,.password-form .admin-form-actions .button{margin:0}.signin-form input,.password-form input{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);font:inherit}.password-done{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0 0}.password-done p{margin:0}@media(max-width:767px){.app{flex-direction:column}.sidebar{width:100%;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:8px;border-right:0;border-bottom:1px solid var(--border);overflow-x:auto}.sidebar-account{padding:0 8px 0 0}.sidebar-heading{padding:0 4px}.label-list{flex-direction:row;gap:4px}.label-link{white-space:nowrap}.pane-list{flex:1;border-right:0}.pane-conversation{flex:1}.app[data-pane=conversation] .pane-list,.app[data-pane=list] .pane-conversation{display:none}.back-link{display:inline-flex}}.admin-entry{margin-top:12px;padding:6px 8px;border-radius:var(--radius);color:var(--muted);text-decoration:none;font-size:13px}.admin-entry:hover{background:var(--accent-soft);color:var(--accent)}.admin{display:flex;flex-direction:column;height:100vh;overflow:auto;background:var(--bg)}.admin-header{display:flex;align-items:baseline;gap:16px;padding:16px 20px 8px}.admin-header h1{font-size:18px}.admin-nav ul{display:flex;flex-wrap:wrap;gap:4px;padding:0 20px;list-style:none}.admin-nav-link{display:inline-block;padding:6px 10px;border-radius:var(--radius);color:var(--muted);text-decoration:none;font-size:13px}.admin-nav-link:hover{background:var(--surface)}.admin-nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.admin-main{padding:12px 20px 40px}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.admin-section-head h2{font-size:15px}.admin-card-list{display:flex;flex-direction:column;gap:8px;list-style:none}.admin-card{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.admin-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.admin-address{font-weight:600;word-break:break-all}.status-disabled{color:#b3261e;border-color:#b3261e}.chip.must-change{color:#9a5b00;border-color:#9a5b00;text-transform:none}.temp-password{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;margin:8px 0;max-width:480px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);font-size:13px}.temp-password p{margin:0}.temp-password-row{display:flex;align-items:center;gap:8px}.temp-password-value{padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;word-break:break-all;-webkit-user-select:all;user-select:all}.journal-failed{color:#b3261e;border-color:#b3261e}.journal-parsed{color:#128a5a;border-color:#128a5a}.admin-mailbox-list,.admin-alias-list{display:flex;flex-direction:column;gap:4px;margin:8px 0 0 12px;padding-left:8px;border-left:2px solid var(--border);list-style:none;font-size:13px}.admin-form,.admin-filter{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:10px 12px;margin:8px 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:480px}.admin-form input[type=text],.admin-form input[type=email],.admin-form select,.admin-filter input[type=text],.admin-filter select{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);font:inherit}.field-checkbox{display:flex;align-items:center;gap:6px;font-size:13px}.field-checkbox input{width:auto}.admin-form-actions{display:flex;gap:8px;margin-top:8px}.button.danger{border-color:#b3261e;color:#b3261e}.admin-table-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:13px}.admin-table th,.admin-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.admin-table tfoot th,.admin-table tfoot td{font-weight:600;border-bottom:0}.admin-meta{color:var(--muted);white-space:normal}.dns-records{margin-top:8px}.dns-record-list{display:flex;flex-direction:column;gap:8px;list-style:none}.dns-record{padding:8px;border:1px solid var(--border);border-radius:var(--radius)}.dns-record-head{display:flex;align-items:center;gap:8px}.dns-record-kind{font-weight:600;font-size:12px}.dns-record-line{display:block;margin:4px 0;padding:6px 8px;background:var(--bg);border-radius:var(--radius);font-size:12px;word-break:break-all}.mail-apps-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.mail-apps-list{list-style:none;margin:0;padding:0;max-width:560px}.mail-apps-item{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.mail-apps-name{font-weight:600}.mail-apps-meta{color:var(--muted, inherit)}.mail-apps-item .link-button{margin-left:auto}.mail-apps-settings dl{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0 0 1rem}.mail-apps-settings dd{margin:0}.mail-apps-profile{display:block;margin:.5rem 0}