:root{--bg: #f4f6fa;--surface: #fff;--text: #1f2937;--muted: #6b7280;--line: #e5e7eb;--primary: #2563eb;--primary-ink: #fff;--primary-soft: #e8f0fe;--danger: #dc2626;--ok: #15803d;--warn: #b45309;--radius: 10px;--shadow: 0 1px 2px rgb(0 0 0 / .06), 0 4px 14px rgb(0 0 0 / .06);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0f1217;--surface: #171b22;--text: #e5e7eb;--muted: #9aa3b2;--line: #272d38;--primary: #5b8def;--primary-ink: #0b1020;--primary-soft: #1d2a45;--danger: #f87171;--ok: #4ade80;--warn: #fbbf24;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 4px 14px rgb(0 0 0 / .3);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{font-size:22px;margin:0 0 16px}h2{font-size:16px;margin:24px 0 10px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}code{font:12.5px ui-monospace,Menlo,Consolas,monospace;background:var(--bg);padding:1px 5px;border-radius:5px}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.right{text-align:right}.grow{flex:1}.ok{color:var(--ok)}.ko{color:var(--danger)}.break{word-break:break-all}input,select,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:transparent}label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:8px;white-space:nowrap}.btn:hover:not(:disabled){background:var(--bg)}.btn:disabled{opacity:.55;cursor:default}.btn.small{padding:4px 10px;font-size:12.5px}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:transparent;font-weight:600}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--primary)}.btn.danger{color:var(--danger)}.btn.ghost{border-color:transparent;background:transparent}.link{background:none;border:0;color:var(--primary);cursor:pointer;font:inherit;padding:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.alert{padding:10px 12px;border-radius:8px;margin:10px 0;font-size:13px;border:1px solid}.alert.error{color:var(--danger);border-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}.alert.ok{color:var(--ok);border-color:var(--ok);background:color-mix(in srgb,var(--ok) 8%,transparent)}.alert.warn{color:var(--warn);border-color:var(--warn);background:color-mix(in srgb,var(--warn) 8%,transparent)}.alert.info{color:var(--text);border-color:var(--line);background:var(--bg)}.badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;vertical-align:middle;background:var(--bg);color:var(--muted)}.badge.active{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.badge.pending,.badge.suspended{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}.logo{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--primary);color:var(--primary-ink);font-size:22px}.logo.sm{width:26px;height:26px;font-size:14px;border-radius:7px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.tag{font-size:10px;text-transform:uppercase;background:var(--primary-soft);color:var(--primary);padding:1px 6px;border-radius:5px}.login-wrap{min-height:100%;display:grid;place-items:center;padding:16px}.login{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;padding:28px}.login h1,.login p{margin:0}.admin{display:grid;grid-template-columns:220px 1fr;min-height:100%}.admin-side{background:var(--surface);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.admin-side nav{display:flex;flex-direction:column;gap:2px;margin-top:18px}.admin-side nav a{padding:8px 10px;border-radius:8px;color:var(--text)}.admin-side nav a:hover{background:var(--bg);text-decoration:none}.admin-side nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.admin-main{padding:28px;max-width:1000px;width:100%}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.stat b{display:block;font-size:28px;line-height:1.2}.stat b small{font-size:16px;color:var(--muted)}.stat span{color:var(--muted);font-size:12px}.kv{display:grid;grid-template-columns:160px 1fr;gap:6px 12px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}.row-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}.row-form label{flex:1 1 200px}.row-form label.narrow{flex:0 0 110px}.addr{display:flex;gap:6px}.addr select{width:auto;max-width:55%}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.head h1{margin-bottom:4px}.actions{display:flex;gap:8px}.actions.end{justify-content:flex-end;margin-top:14px}.crumb{margin:0 0 8px}.table-wrap{padding:0;overflow-x:auto;margin-bottom:12px}table{border-collapse:collapse;width:100%}th{text-align:left;font-size:12px;color:var(--muted);font-weight:600}th,td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}.dns td,.dns th{padding:8px 10px}.copy{font-size:11px;border:0;background:none;color:var(--primary);cursor:pointer}.modal-bg{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;padding:16px;z-index:50}.modal{width:100%;max-width:860px;max-height:90vh;overflow:auto}.modal .head h2{margin:0}.mail{height:100vh;display:grid;grid-template-columns:220px 360px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"top top top" "folders list pane";background:var(--surface)}.mail-top{grid-area:top;display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid var(--line)}.search{flex:1;max-width:520px;display:flex}.search input{background:var(--bg);border-radius:99px;padding-left:16px}.who{margin-left:auto;display:flex;align-items:center;gap:8px}.who-text{display:flex;flex-direction:column;line-height:1.2}.who-text small{color:var(--muted);font-size:11px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--primary);color:var(--primary-ink);display:grid;place-items:center;font-weight:700}.menu-btn{display:none}.folders{grid-area:folders;border-right:1px solid var(--line);padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow:auto}.compose-btn{margin:0 4px 12px;padding:10px}.folder{display:flex;justify-content:space-between;align-items:center;border:0;background:none;color:var(--text);font:inherit;text-align:left;padding:8px 12px;border-radius:8px;cursor:pointer}.folder:hover{background:var(--bg)}.folder.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.count{font-size:11px;background:var(--primary);color:var(--primary-ink);border-radius:99px;padding:0 7px}.list{grid-area:list;border-right:1px solid var(--line);overflow:auto;display:flex;flex-direction:column;min-width:0}.list-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:1}.list-head .muted{margin-right:auto}.list ul{list-style:none;margin:0;padding:0}.row{padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer;min-width:0}.row:hover{background:var(--bg)}.row.selected{background:var(--primary-soft)}.row-top{display:flex;justify-content:space-between;gap:8px}.from{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date{color:var(--muted);font-size:12px;white-space:nowrap}.row.unread .from,.row.unread .subject{font-weight:700}.row.unread{box-shadow:inset 3px 0 0 var(--primary)}.subject,.preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview{color:var(--muted);font-size:12.5px}.star{color:#eab308}.empty{padding:28px;text-align:center;color:var(--muted)}.empty.big{margin:auto}.pager{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;margin-top:auto}.pane{grid-area:pane;overflow:hidden;display:flex;min-width:0}.view{display:flex;flex-direction:column;width:100%;min-height:0}.toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);align-items:center}.back-btn{display:none}.view-head{padding:12px 18px 4px}.view-head h2{margin:0 0 8px;font-size:19px}.meta .date{margin-left:10px}.body{flex:1;border:0;width:100%;min-height:0;background:#fff}.attachments{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-top:1px solid var(--line)}.chip{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border:1px solid var(--line);border-radius:99px;background:var(--bg);color:var(--text);font:inherit;font-size:12.5px;cursor:pointer}.menu-wrap{position:relative}.dropdown{position:absolute;top:100%;right:0;z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);min-width:180px;padding:4px;margin-top:4px}.dropdown button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--text);font:inherit;padding:7px 10px;border-radius:6px;cursor:pointer}.dropdown button:hover{background:var(--bg)}.compose{position:fixed;right:20px;bottom:0;width:560px;max-width:calc(100vw - 16px);max-height:90vh;display:flex;flex-direction:column;padding:0;border-radius:12px 12px 0 0;z-index:40}.compose-head{display:flex;align-items:center;padding:8px 10px 8px 16px;background:var(--primary);color:var(--primary-ink);border-radius:11px 11px 0 0;cursor:default}.compose-head .btn{color:inherit}.compose .field{display:flex;align-items:center;gap:10px;padding:4px 14px;border-bottom:1px solid var(--line)}.compose .field>span:first-child{width:42px;color:var(--muted);font-size:12px}.compose .field input{border:0;padding:8px 0;background:none}.compose .field input:focus{outline:none}.compose textarea{border:0;border-radius:0;resize:none;min-height:260px;flex:1;padding:14px}.compose textarea:focus{outline:none}.compose-foot{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--line)}.compose.min{width:300px}@media(max-width:900px){.admin{grid-template-columns:1fr}.admin-side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.admin-side nav{flex-direction:row;margin:0 0 0 8px}.admin-main{padding:16px}.mail{grid-template-columns:1fr;grid-template-areas:"top" "list"}.menu-btn{display:inline-block}.who-text,.who .btn,.brand{display:none}.folders{position:fixed;top:56px;bottom:0;left:0;width:240px;background:var(--surface);z-index:30;transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow)}.folders.open{transform:none}.pane,.mail.reading .list{display:none}.mail.reading .pane{display:flex;grid-area:list}.back-btn{display:inline-block}.compose{right:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0}}.rules{list-style:none;margin:-6px 0 0;padding:0;font-size:12px;display:flex;flex-wrap:wrap;gap:4px 14px}label.check{flex-direction:row;align-items:center;gap:8px;font-weight:400;cursor:pointer}label.check input{width:auto}