:root{--bg:#0b0f17;--panel:#0f1623;--panel2:#0b1220;--text:#e8eefc;--muted:#a3b2d4;--border:#ffffff1a;--accent:#6ea8fe;--danger:#ff5d5d;--btn-bg:linear-gradient(135deg,var(--accent),#5a9ff9);--btn-hover:#5a8bf7;--btn-shadow:0 12px 30px #00000059;--btn-ghost-bg:#ffffff05;--btn-ghost-hover:#ffffff14;--btn-ghost-border:#ffffff4d}:root[data-theme=light]{--bg:#f5f7fb;--panel:#fff;--panel2:#f7f9ff;--text:#0c1323;--muted:#556581;--border:#0a14281f;--accent:#246bff;--danger:#d63c3c;--btn-bg:linear-gradient(135deg,var(--accent),#1c57cc);--btn-hover:#1c57cc;--btn-shadow:0 10px 22px #0f235040;--btn-ghost-bg:#0a14280a;--btn-ghost-hover:#0a14281f;--btn-ghost-border:#0a142859}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}.center{justify-content:center;align-items:center;min-height:100vh;padding:22px;display:flex}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:0 8px 30px #00000040}.w420{width:420px}h1{margin:0 0 4px;font-size:22px}.muted{color:var(--muted)}.tiny{font-size:12px}.row{align-items:center;display:flex}.between{justify-content:space-between}.end{justify-content:flex-end}.gap{gap:10px}.field{margin-top:12px}label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:14px;outline:none;padding:10px 12px}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{background:#0a142808}input::placeholder,textarea::placeholder{color:#a3b2d4b3}:root[data-theme=light] input::placeholder,:root[data-theme=light] textarea::placeholder{color:#556581b3}select option{color:var(--text);background:var(--panel2)}textarea{resize:vertical}button{font:inherit;color:inherit}.btn{background:var(--btn-bg);color:#fff;cursor:pointer;box-shadow:var(--btn-shadow);border:none;border-radius:16px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex}.btn:hover:not(:disabled){background:var(--btn-hover);transform:translateY(-1px)}.btn:focus-visible{outline-offset:2px;outline:2px solid #fff9}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn.ghost{background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);color:var(--text);box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--btn-ghost-hover)}.btn.ghost.active{background:#6ea8fe1f;border-color:#6ea8fe73}.btn.small{border-radius:12px;padding:8px 10px;font-size:12px}.btn.danger{background:var(--danger)}.error{background:#ff00001a;border:1px solid #f003;border-radius:14px;margin-top:10px;padding:10px}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:#00000014;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}:root[data-theme=light] .topbar{background:#fff9}.brand{align-items:center;gap:12px;display:flex}.logo{background:var(--accent);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex}.title{font-weight:800}.layout{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--border);flex-direction:column;gap:12px;width:320px;min-height:0;padding:14px;display:flex}.content{flex:1;min-width:0;min-height:0}.sideHead{justify-content:space-between;align-items:flex-end;display:flex}.h2{font-size:16px;font-weight:800}.connectRow{gap:8px;display:flex}.list{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:auto}.item{text-align:left;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:16px;align-items:center;gap:10px;padding:10px;display:flex}.item.active{background:#6ea8fe1a;border-color:#6ea8fe8c}.item:disabled{opacity:.55;cursor:not-allowed}.dot{background:#6ea8fed9;border-radius:999px;width:10px;height:10px}.itemTitle{font-weight:700}.split{height:100%;display:flex}.pane{border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:0;display:flex}.pane.detail{background:linear-gradient(180deg,var(--panel),var(--panel2));border-right:none}.pane.detail .paneHead{border-bottom:1px solid var(--border)}.paneHead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;padding:14px;display:flex}.paneTabs{gap:8px;display:flex}.paneTab{flex:1;justify-content:center;align-items:center;gap:6px;min-width:110px;display:inline-flex}.paneTab .icon{width:18px;height:18px}.paneTab.activeTab{box-shadow:var(--btn-shadow);transform:translateY(-1px)}.paneTab.ghost{box-shadow:none}.syncStatus{color:var(--muted);margin-top:4px;font-size:11px}.filterBar{border-bottom:1px solid var(--border);background:#ffffff05;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.filterRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.searchField{border:1px solid var(--border);background:#ffffff08;border-radius:14px;flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex}.searchField .icon{width:16px;height:16px}.searchField input{background:0 0;border:none;padding:0}.filterGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.filterField label{margin-bottom:4px}.filterChecks{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filterCheck{border:1px solid var(--border);background:var(--btn-ghost-bg);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:flex}.filterCheck input{width:16px;height:16px}.savedSearchRow{flex-direction:column;gap:8px;display:flex}.savedSearchList{flex-wrap:wrap;gap:8px;display:flex}.savedSearchChip{border:1px solid var(--border);background:#ffffff05;border-radius:999px;align-items:center;padding:2px 4px;display:flex}.savedSearchChip.active{background:#6ea8fe1f;border-color:#6ea8fe8c}.chipBtn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 8px}.chipBtn.ghost{opacity:.65}.chipBtn.ghost:hover{opacity:1}.savedSearchSave{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mailList{flex-direction:column;gap:8px;min-height:0;padding:12px;display:flex;overflow:auto}.outboxPanel{border:1px solid var(--border);background:#ffffff05;border-radius:16px;margin-top:16px;padding:12px}.outboxList{flex-direction:column;gap:8px;margin-top:10px;display:flex}.outboxRow{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;display:flex}.outboxRow:hover{background:#6ea8fe0a;border-color:#6ea8fe8c}.outboxSubject{font-weight:700}.mailRow{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;transition:background .2s,border-color .2s;display:flex}.mailRow.active{background:#6ea8fe26;border-color:#6ea8fe8c}.mailRow.errorRow{cursor:default;opacity:.9;border-style:dashed}.mailRow.read{background:#ffffff05;border-color:#ffffff26}.mailRow.unread{background:#6ea8fe14;border-color:#6ea8fe73}.mailRow.read .mailSubj{color:var(--muted);font-weight:500}.mailRow.unread .mailSubj{color:var(--text);font-weight:800}.mailMeta{min-width:0}.mailFrom{color:var(--muted);font-size:12px}.mailSubj{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.mailPrev{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tag{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:11px}.empty{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px;display:flex}.big{font-size:36px}.msg{padding:16px;overflow:auto}.msgTitle{margin-bottom:8px;font-size:18px;font-weight:900}.msgBody{color:var(--text);margin-top:12px;line-height:1.35}.modalBack{background:#00000073;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:22px;width:min(900px,96vw);padding:16px;box-shadow:0 12px 40px #00000059}.modalWide{width:min(1100px,96vw)}.adminModal{max-height:90vh;overflow:auto}.modal select{background:var(--panel2);border-color:var(--border);color:var(--text)}.modal select option{background:var(--panel2);color:var(--text)}.toast{background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:10px 14px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.cb{border:1px solid var(--border);background:#ffffff08;border-radius:14px;align-items:flex-start;gap:10px;padding:10px;display:flex}.cb input{width:18px;height:18px;margin-top:2px}.permGrid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}@media (max-width:760px){.permGrid{grid-template-columns:1fr}}.audit{border:1px solid var(--border);border-radius:16px;max-height:60vh;margin-top:12px;overflow:auto}.auditRow{border-bottom:1px solid var(--border);padding:12px}.auditRow:last-child{border-bottom:none}.auditMeta{white-space:pre-wrap;border:1px solid var(--border);color:var(--text);background:#00000014;border-radius:12px;margin:10px 0 0;padding:10px}:root[data-theme=light] .auditMeta{background:#fff9}.email-html{color:inherit;font-family:inherit;line-height:1.6}.email-html img{max-width:100%;height:auto}.email-html a{color:#6ea8fe;text-decoration:underline}.email-html blockquote{color:#aaa;border-left:3px solid #444;margin-left:0;padding-left:12px}.email-text{white-space:pre-wrap;color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono}.loginScreen{background:radial-gradient(1200px 600px at 15% -10%,#6ea8fe2e,#0000 60%),radial-gradient(800px 400px at 95% 10%,#ff5d5d2e,#0000 60%)}.loginCard{width:min(460px,92vw);padding:22px}.loginHeader{align-items:center;gap:14px;margin-bottom:10px;display:flex}.logoLarge{background:var(--accent);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:900;display:flex}.loginBtn{margin-top:24px}.adminActionRow{margin-top:20px}.logoIcon{width:22px;height:22px}.logoIconLarge{width:28px;height:28px}.icon{width:16px;height:16px}.tabBar{gap:10px;margin:14px 0;display:flex}.tab{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px;font-weight:600}.tab.active{background:#6ea8fe2e;border-color:#6ea8fe73}.adminGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.adminCol{flex-direction:column;gap:14px;min-width:0;display:flex}.panel{border:1px solid var(--border);background:#ffffff05;border-radius:18px;padding:12px}.formRow{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.formGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.attachments{margin-top:18px}.attachmentLink{color:inherit;border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px;text-decoration:none;display:flex}.attachmentLink:hover{background:#6ea8fe0f}.panel.danger{background:#ff5d5d14;border-color:#ff5d5d80}.h3{margin-bottom:8px;font-weight:800}.userRow{text-align:left;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.userRow.active{background:#6ea8fe1a;border-color:#6ea8fe8c}.userTitle{font-weight:700}.accountRow{border:1px solid var(--border);background:#ffffff05;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.accountMain{flex:1;min-width:0}.accountMeta{text-align:right;flex-direction:column;flex:0 0 150px;align-items:flex-end;gap:6px;display:flex}.accountActions{flex:none;align-items:center;gap:8px;display:flex}.accountGrid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.dbList{flex-direction:column;gap:8px;max-height:220px;margin-top:10px;display:flex;overflow:auto}.dbRow{border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:8px;display:flex}.dbName{font-weight:700}.resizer{cursor:col-resize;background:linear-gradient(#0000,#ffffff14,#0000);flex:none;align-self:stretch;width:8px}.resizer:hover{background:linear-gradient(#0000,#6ea8fe40,#0000)}.layoutSelect{align-items:center;gap:8px;display:inline-flex}.layoutSelect .viewLabel{font-weight:600}.layoutSelect select{width:auto;color:var(--text);font:inherit;background:0 0;border:none;padding:0 2px}.layoutSelect select:focus{outline:none}@media (max-width:960px){.layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%!important}.split{flex-direction:column}.pane{border-right:none;border-bottom:1px solid var(--border)}.resizer{display:none}.adminGrid,.accountGrid{grid-template-columns:1fr}}