@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";
:root{--bg:#0f111a;--panel:#171b28;--panel2:#121626;--text:#e7ebf5;--muted:#9aa3b8;--border:#ffffff14;--accent:#4f8df5;--accent-2:#7b61ff;--accent-rgb:79,141,245;--danger:#ff5d5d;--btn-bg:linear-gradient(135deg,var(--accent),var(--accent-2));--btn-hover:#4a84ee;--btn-shadow:0 12px 28px #0f121e59;--btn-ghost-bg:#ffffff0a;--btn-ghost-hover:#ffffff1a;--btn-ghost-border:#ffffff29;--card-shadow:0 16px 40px #070a1459;--radius:14px;--topbar-height:68px}:root[data-theme=light]{--bg:#f2f4f8;--panel:#fff;--panel2:#f7f9ff;--text:#0c1323;--muted:#5f6b83;--border:#0a14281a;--accent:#3d6df2;--accent-2:#6e5efb;--accent-rgb:61,109,242;--danger:#d63c3c;--btn-bg:linear-gradient(135deg,var(--accent),var(--accent-2));--btn-hover:#335fe0;--btn-shadow:0 10px 22px #0f23502e;--btn-ghost-bg:#0a14280a;--btn-ghost-hover:#0a14281a;--btn-ghost-border:#0a14282e;--card-shadow:0 12px 28px #0f193c1f}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Nunito,Poppins,Montserrat,sans-serif;overflow:hidden}.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);box-shadow:var(--card-shadow);border-radius:20px;padding:18px}.w420{width:420px}h1{margin:0 0 4px;font-size:22px}.muted{color:var(--muted)}.tiny{font-size:12px}.row{flex-wrap:wrap;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:12px;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:10px;align-items:center;gap:6px;padding:8px 12px;font-weight:700;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{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.12)}.btn.small{border-radius:9px;padding:6px 8px;font-size:11px}.btn.danger{background:var(--danger)}.error{background:#ff00001a;border:1px solid #f003;border-radius:14px;margin-top:10px;padding:10px}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{height:var(--topbar-height);border-bottom:1px solid var(--border);z-index:20;background:#141827;justify-content:space-between;align-items:center;padding:0 18px;display:flex;position:sticky;top:0;box-shadow:0 10px 24px #00000040}:root[data-theme=light] .topbar{background:#fff}.brand{align-items:center;gap:12px;display:flex}.logo{background:var(--accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex}.title{font-weight:800}.layout{min-height:0;height:calc(100vh - var(--topbar-height));flex:1;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;gap:12px;width:320px;min-height:0;padding:14px;display:flex;overflow:hidden}.content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.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;padding-right:6px;display:flex;overflow:auto}.item{text-align:left;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff05;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.item.active{background:#4f8df51f;border-color:#4f8df58c}.item:disabled{opacity:.55;cursor:not-allowed}.dot{background:rgba(var(--accent-rgb),.85);border-radius:999px;width:10px;height:10px}.itemTitle{font-weight:700}.split{flex:1;height:100%;min-height:0;display:flex}.pane{border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.pane.detail{background:linear-gradient(180deg,var(--panel),var(--panel2));border-right:none;overflow:hidden}.pane.detail .msg{flex:1;overflow:auto}.pane.detail .paneHead{border-bottom:1px solid var(--border)}.paneHead{border-bottom:1px solid var(--border);background:#ffffff05;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{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.12)}.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;flex:1;gap:10px;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{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.04)}.outboxSubject{font-weight:700}.mailRow{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;transition:background .2s,border-color .2s;display:flex}.mailRow.active{background:#4f8df52e;border-color:#4f8df58c}.mailRow.errorRow{cursor:default;opacity:.9;border-style:dashed}.mailRow.read{background:#ffffff05;border-color:#ffffff26}.mailRow.unread{background:#4f8df514;border-color:#4f8df573}.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{z-index:1000;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);width:min(900px,96vw);box-shadow:var(--card-shadow);border-radius:18px;padding:16px}.modalWide{width:min(1100px,96vw)}.adminModal{flex-direction:column;max-height:90vh;display:flex;position:relative;overflow:hidden}.adminBody{flex:1;min-height:0;padding-right:6px;overflow:hidden 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:10px;align-items:flex-start;gap:8px;padding:8px;display:flex}.cb input{width:16px;height:16px;margin-top:2px}.permGrid{grid-template-columns:1fr 1fr;gap:8px;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%,rgba(var(--accent-rgb),.18),transparent 60%),radial-gradient(800px 400px at 95% 10%,#ff5d5d2e,transparent 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{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.actionGroup{align-items:center;gap:8px;display:flex}.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:#ffffff08;border-radius:10px;padding:8px 14px;font-weight:700}.tab.active{background:#4f8df52e;border-color:#4f8df573}.adminGrid{grid-template-columns:1.1fr .9fr;gap:16px;min-width:0;min-height:0;display:grid}.adminCol{flex-direction:column;gap:14px;min-width:0;min-height:0;display:flex;overflow:visible}.panel{border:1px solid var(--border);background:#ffffff08;border-radius:12px;min-width:0;padding:14px;box-shadow:0 10px 26px #0000002e}.panel .row,.accountGrid{max-width:100%}.nowrap{flex-wrap:nowrap}.nowrap input,.nowrap select{flex:1 1 0;width:auto;min-width:0}.inlineFields input,.inlineFields select{flex:180px;width:auto;min-width:180px}.subModalBack{background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.dbModal{width:min(760px,92vw)}.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:rgba(var(--accent-rgb),.06)}.fileList{flex-direction:column;gap:8px;margin-top:10px;display:flex}.fileRow{border:1px solid var(--border);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.fileMain{min-width:0}.fileName{white-space:nowrap;text-overflow:ellipsis;max-width:360px;font-weight:700;overflow:hidden}.templatePicker{flex-direction:column;gap:8px;margin-top:10px;display:flex}.templateItem{border:1px solid var(--border);text-align:left;cursor:pointer;color:var(--text);background:#ffffff08;border-radius:12px;padding:10px}.templateItem:hover{background:rgba(var(--accent-rgb),.08)}.templateItem.active{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.12)}.templateName{font-weight:700}.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:10px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex;overflow:hidden}.userMain{min-width:0;overflow:hidden}.userTitle{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.userRow .muted{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.userList{max-height:none;padding-right:0;overflow:visible}.userRow.active{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.1)}.userTitle{font-weight:700}.accountList{flex-direction:column;gap:10px;max-height:none;padding-right:0;display:flex;overflow:visible}.accountRow{border:1px solid var(--border);background:#ffffff08;border-radius:10px;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:10px 12px;display:flex;overflow:hidden}.accountTop{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.accountIdentity{min-width:0}.accountTitle{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.accountSub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.accountSub span{text-overflow:ellipsis;overflow:hidden}.dotSep{opacity:.5}.accountBadges{align-items:center;gap:8px;display:flex}.accountActions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:flex}.accountActions .btn{white-space:nowrap}.tag-provider{text-transform:uppercase;letter-spacing:.04em;font-size:10px}.statusPill{border:1px solid var(--border);background:#ffffff05;border-radius:999px;padding:4px 8px;font-size:11px}.statusPill.ok{color:#9ae6b4;background:#2cc57224;border-color:#2cc5728c}.statusPill.error{color:#ffb3b3;background:#ff5d5d24;border-color:#ff5d5d8c}.statusPill.pending{color:#ffd08a;background:#ffbe551f;border-color:#ffbe558c}.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(180deg,transparent,rgba(var(--accent-rgb),.25),transparent)}.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}.accountRow{grid-template-columns:1fr;align-items:flex-start}.accountActions{justify-content:flex-start}.nowrap{flex-wrap:wrap}}