:root{--bg: #f6f7f9;--panel: #fff;--line: #e1e4ea;--text: #1d2330;--muted: #6b7385;--accent: #2f5bea;--danger: #c0392b;--unread: #eef2ff}@media(prefers-color-scheme:dark){:root{--bg: #14171f;--panel: #1b1f2a;--line: #2b3140;--text: #e6e9f0;--muted: #8b93a7;--accent: #6f8cff;--danger: #ff7b6b;--unread: #202845}}*{box-sizing:border-box}body{margin:0;font:15px/1.45 system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}input,select,textarea{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 8px}label{display:block;margin:8px 0 2px}label input:not([type=checkbox]),label select{display:block;width:100%}.muted{color:var(--muted)}.err{color:var(--danger)}.pad{padding:16px}.grow{flex:1}.btn{display:inline-block;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px;padding:6px 12px;cursor:pointer;font:inherit}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--danger)}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card{max-width:380px;margin:12vh auto;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.card form .btn{margin-top:12px;width:100%}.shell{display:grid;grid-template-columns:180px 1fr;height:100vh}.side{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--panel);border-right:1px solid var(--line)}.side a:not(.btn){padding:6px 8px;border-radius:6px;color:var(--text)}.side a.router-link-exact-active:not(.btn){background:var(--unread);font-weight:600}.main{overflow:auto;min-width:0}.mailbox{display:grid;grid-template-columns:minmax(260px,380px) 1fr;height:100%}.list{overflow:auto;border-right:1px solid var(--line);background:var(--panel)}.toolbar{display:flex;gap:6px;padding:8px;position:sticky;top:0;background:var(--panel);border-bottom:1px solid var(--line)}.toolbar input{flex:1;min-width:0}.row{display:flex;flex-direction:column;padding:8px 12px;border-bottom:1px solid var(--line);color:var(--text)}.row.unread{background:var(--unread)}.row.unread strong,.row.unread .subj{font-weight:700}.row.active{outline:2px solid var(--accent);outline-offset:-2px}.row .subj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read{display:flex;flex-direction:column;min-width:0;overflow:auto}.read header{padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.read iframe{flex:1;min-height:400px;border:0;background:#fff}.actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.atts{margin:0;padding:8px 16px 8px 32px;border-bottom:1px solid var(--line)}.badge{background:var(--danger);color:#fff;border-radius:4px;padding:0 6px;font-size:12px}.compose,.admin{max-width:860px;padding:16px}.compose textarea{width:100%;margin-top:8px}.tabs{display:flex;gap:6px;align-items:center;margin-bottom:12px}.stack>*+*{margin-top:12px}.inline{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.usercard{border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--panel)}.usercard label{display:inline-block;margin:0 12px 0 8px}table{border-collapse:collapse;width:100%;background:var(--panel)}th,td{text-align:left;padding:6px;border-bottom:1px solid var(--line)}@media(max-width:760px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh}.side{flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.mailbox{grid-template-columns:1fr;height:auto}}