:root{--bg:#050505;--bg-elevated:#0c0c0c;--bg-hover:#171715;--border:#2a2a24;--text:#f2f1e8;--text-dim:#b3b0a1;--text-faint:#6e6b5f;--accent:#d4af37;--accent-strong:#e8c14a;--accent-soft:#d4af3729;--accent-contrast:#0a0800;--danger:#ff3b3b;--success:#4ade80;--radius:8px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Space Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}.app-shell{height:100vh;display:flex}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;padding:16px 12px;display:flex}.brand{font-size:16px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);align-items:center;gap:9px;padding:8px 10px 20px;display:flex}.brand .dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 12px var(--accent);border-radius:50%}.compose-btn{background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.03em;border:none;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s}.compose-btn:active{transform:translateY(1px)}.compose-btn:hover{opacity:.9}.nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-item{border-radius:var(--radius);color:var(--text-dim);justify-content:space-between;align-items:center;padding:8px 10px;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item .count{color:var(--text-faint);font-size:12px}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:10px}.sidebar-footer .who{color:var(--text-dim);word-break:break-all;margin-bottom:8px;font-size:13px}.link-btn{color:var(--text-dim);background:0 0;border:none;padding:0;font-size:13px}.link-btn:hover{color:var(--text)}.mail-layout{flex:1;min-width:0;display:flex}.mail-list{border-right:1px solid var(--border);flex-shrink:0;width:360px;overflow-y:auto}.mail-list-header{justify-content:space-between;align-items:baseline;padding:16px 18px 10px;display:flex}.mail-list-header h2{font-size:15px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin:0}.mail-row{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:4px;padding:12px 18px;display:flex}.mail-row:hover{background:var(--bg-hover)}.mail-row.selected{background:var(--accent-soft)}.mail-row.unread .mail-row-subject{font-weight:700}.mail-row-top{color:var(--text-dim);justify-content:space-between;gap:8px;font-size:13px;display:flex}.mail-row-subject{color:var(--text);font-size:14px}.mail-row-snippet{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.badge{border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-items:center;margin-right:6px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.badge.verified{color:var(--success);border-color:#4ade8059}.badge.unverified{color:var(--text-faint)}.badge.external{color:#f6c453;border-color:#f6c45359}.mail-view{flex:1;min-width:0;padding:28px 40px;overflow-y:auto}.mail-view-empty{height:100%;color:var(--text-faint);justify-content:center;align-items:center;display:flex}.mail-view h1{margin:0 0 12px;font-size:22px}.mail-view-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;font-size:13px;display:flex}.mail-view-body{white-space:pre-wrap;color:var(--text);line-height:1.6}.mail-view-actions{gap:8px;margin-bottom:20px;display:flex}.icon-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);padding:6px 12px;font-size:13px}.icon-btn:hover{color:var(--text);border-color:var(--text-faint)}.centered-screen{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;padding:32px}.auth-card h1{font-size:20px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px}.auth-card .subtitle{color:var(--text-dim);margin-bottom:24px;font-size:13px}.field{margin-bottom:16px}.field label{color:var(--text-dim);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field input,.field textarea,.field select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:10px 12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.address-field{align-items:center;display:flex}.address-field input{border-radius:var(--radius) 0 0 var(--radius)}.address-suffix{background:var(--bg-hover);border:1px solid var(--border);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-dim);white-space:nowrap;border-left:none;padding:10px 12px;font-size:13px}.primary-btn{background:var(--accent);width:100%;color:var(--accent-contrast);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.03em;border:none;margin-top:4px;padding:12px;font-size:13px;font-weight:700;transition:background .15s}.primary-btn:hover:not(:disabled){background:var(--accent-strong)}.primary-btn:disabled{opacity:.5;cursor:default}.error-text{color:var(--danger);margin:8px 0 0;font-size:13px}.success-text{color:var(--success);margin:8px 0 0;font-size:13px}.switch-link{text-align:center;color:var(--text-dim);margin-top:18px;font-size:13px}.modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.compose-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;width:100%;max-width:640px;padding:24px}.compose-modal h2{font-size:15px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin:0 0 16px}.compose-modal textarea{resize:vertical;min-height:200px;font-family:inherit}.recipient-chip-list{flex-wrap:wrap;gap:6px;display:flex}.recipient-chip{background:var(--bg-hover);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 12px;font-size:13px;display:flex}.recipient-chip button{color:var(--text-faint);background:0 0;border:none;font-size:14px;line-height:1}.external-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-top:10px;padding:14px}.external-panel .title{margin-bottom:8px;font-size:13px;font-weight:600}.radio-row{color:var(--text-dim);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.ghost-btn{border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius);background:0 0;padding:10px 16px}.ghost-btn:hover{color:var(--text)}.contacts-page{flex:1;padding:28px 40px;overflow-y:auto}.contacts-page h1{margin-top:0}.contact-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.contact-row .address{color:var(--text-dim);font-size:13px}.share-view-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;width:100%;max-width:560px;padding:32px}.hint-box{background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-dim);margin-bottom:16px;padding:10px 12px;font-size:13px}.admin-page{max-width:1100px;min-height:100vh;margin:0 auto;padding:24px 40px 60px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-grid{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:20px;display:grid}@media (width<=860px){.admin-grid{grid-template-columns:1fr}}.admin-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:24px}.admin-card h2{font-size:14px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-top:0}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:var(--text-faint);border-bottom:1px solid var(--border);padding:8px;font-weight:600}.admin-table td{border-bottom:1px solid var(--border);color:var(--text-dim);padding:10px 8px}.link-btn.danger{color:var(--danger)}