:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#19283e;background:#f4f7fb;font-synthesis:none;font-size:14px;--blue:#2563eb;--muted:#7b879a;--border:#e5eaf2;--navy:#101e34}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a7c2ff;outline-offset:2px}input,select{width:100%;height:42px;border:1px solid #dce3ed;border-radius:8px;background:white;color:#1d2e46;padding:0 12px;min-width:0}input[type=checkbox]{width:17px;height:17px;accent-color:var(--blue);flex-shrink:0}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#526079}h1,h2,p{margin:0}h1{font-size:29px;line-height:1.25;letter-spacing:-.8px}h2{font-size:17px;line-height:1.35;letter-spacing:-.3px}.muted{color:var(--muted);font-size:12px;line-height:1.65}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.65px;color:#8b99ad;margin-bottom:12px}.button{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:0 15px;font-size:12px;font-weight:600;white-space:nowrap}.primary{color:#fff;background:var(--blue);border:1px solid var(--blue);box-shadow:0 3px 8px #2563eb16}.primary:hover{background:#1e54ce}.secondary{border:1px solid #dfe5ef;background:white;color:#42526a}.secondary:hover{background:#f8faff}.full{width:100%;height:46px}.text-button{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:600;padding:8px}.icon-button{border:0;background:transparent;font-size:24px;display:grid;place-items:center;width:35px;height:35px;border-radius:8px;color:inherit}.icon-button:hover{background:#ffffff15}.language{border:1px solid #dce3ed;background:white;color:#5e6f88;border-radius:7px;font-size:11px;font-weight:700;min-width:37px;height:30px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:-.7px;white-space:nowrap}.brand b{font-weight:400;color:#94a9c8}.brand img{display:block}.field-hint{font-size:11px;color:#8390a3;line-height:1.65;font-weight:400}.inline-error{padding:10px 12px;background:#fff0f0;color:#b33d4a;border-radius:8px;font-size:12px;line-height:1.5}.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);border:1px solid #c8dfd8;border-radius:10px;background:#f3fff9;color:#26765a;box-shadow:0 10px 35px #0f1e3420;max-width:calc(100vw - 32px);padding:14px 20px;z-index:1000;font-size:13px}.toast.error{background:#fff4f4;border-color:#f1caca;color:#b13d4a}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:46% 54%}.auth-story{padding:44px 55px;color:white;background:radial-gradient(ellipse at 20% 0%,#244a7b80,transparent 60%),var(--navy);display:flex;flex-direction:column;min-height:100vh}.story-content{margin:auto 0;max-width:440px;padding:80px 0}.story-content .eyebrow{color:#88ade7;font-size:10px}.story-content h1{font-size:47px;letter-spacing:-1.8px;white-space:pre-line;line-height:1.2}.story-content p{color:#9babc3;line-height:1.8;font-size:14px;margin-top:24px;max-width:350px}.story-footer{font-size:11px;color:#7489a7}.story-queue{display:flex;align-items:center;gap:12px;margin-top:55px;width:270px;height:70px;padding:18px;border-radius:14px;background:#ffffff07;border:1px solid #ffffff12}.story-queue>span:not(.queue-dot):not(.queue-check){height:7px;width:70px;border-radius:5px;background:#6783ac30}.queue-dot{height:10px;width:10px;border-radius:50%;background:#69a3ff;box-shadow:0 0 0 6px #4287fa16}.queue-check{margin-left:auto;border-radius:7px;color:#63d9ac;background:#3fc39718;width:29px;height:29px;display:grid;place-items:center}.auth-main{background:#fff;display:grid;place-items:center;padding:60px 40px;position:relative}.auth-language{position:absolute;right:32px;top:30px}.auth-card{display:flex;flex-direction:column;gap:20px;width:100%;max-width:365px}.auth-card .eyebrow{margin:0;color:#6880a1;font-size:9px}.auth-card h2{font-size:29px;letter-spacing:-.8px}.auth-card>p.muted{font-size:13px;line-height:1.7;margin-top:-8px}.auth-card .full{margin-top:5px}
.app-layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#bdc9db;position:fixed;inset:0 auto 0 0;width:235px;padding:29px 19px 15px;display:flex;flex-direction:column}.sidebar .brand{padding:0 8px;color:white;font-size:20px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#5e7391;margin:44px 17px 15px;font-weight:700}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;min-height:43px;border:0;background:transparent;border-radius:8px;color:#9aacc4;padding:10px 13px;text-align:left;font-size:12px;font-weight:500}.nav-item:hover{background:#ffffff07;color:white}.nav-item.active{background:#2563eb25;color:#b9d0ff;box-shadow:inset 3px 0 0 #4b8aff}.nav-icon{font-size:19px;width:21px;text-align:center;line-height:1}.nav-badge{margin-left:auto;padding:3px 7px;border-radius:5px;background:#ffffff0c;font-size:10px;font-variant-numeric:tabular-nums}.nav-divider{height:1px;background:#ffffff09;margin:17px 12px}.sidebar-bottom{margin-top:auto;padding-top:30px}.side-status{font-size:10px;display:flex;gap:8px;align-items:center;padding:16px;border-bottom:1px solid #ffffff0b;margin-bottom:14px;color:#738ba9}.status-dot,.connection i{width:6px;height:6px;border-radius:50%;background:#4ec7a0;display:inline-block}.user-row{display:flex;align-items:center;gap:10px;padding:5px 6px}.avatar{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:700;background:#243753;color:#afc3e4}.user-row strong{display:block;font-size:11px;color:#d3deee;max-width:105px;overflow:hidden;text-overflow:ellipsis}.user-row small{display:block;font-size:9px;color:#6d85a6;margin-top:4px}.user-row .icon-button{margin-left:auto;font-size:20px}.main-shell{grid-column:2;min-width:0}.topbar{height:69px;border-bottom:1px solid #e3e9f1;background:#ffffffb8;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.breadcrumb{font-size:11px;color:#92a0b3}.breadcrumb span{padding:0 13px;color:#c6d0df}.breadcrumb strong{font-weight:500;color:#60718c}.topbar-actions{display:flex;align-items:center;gap:22px}.connection{display:flex;align-items:center;gap:7px;font-size:10px;color:#5c7b71}.connection.offline{color:#c25662}.connection.offline i{background:#e87984}.workspace{padding:35px 34px 18px;max-width:1650px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading .eyebrow{font-size:9px;margin-bottom:9px;color:#8090a8}.page-heading .muted{margin-top:9px;font-size:12px}.heading-actions{display:flex;gap:17px;align-items:center;flex-shrink:0}.auto-refresh{flex-direction:row;align-items:center;font-weight:400;font-size:10px;color:#8794a9;gap:7px}.auto-refresh input{width:13px;height:13px}.card{background:#fff;border:1px solid var(--border);border-radius:12px;min-width:0;box-shadow:0 2px 5px #142a4b02}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 24px}.card-heading p{font-size:10px;color:#8b98ac;margin-top:6px;line-height:1.5}.card-heading h2{font-size:14px}.soft-icon{height:35px;width:35px;border-radius:9px;background:#f0f5ff;color:#7498ce;display:grid;place-items:center;font-size:22px}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:22px}.stat{padding:19px 17px 16px;background:white;border:1px solid var(--border);border-radius:10px}.stat-top{display:flex;align-items:center;gap:7px;font-size:10px;color:#8090a6;white-space:nowrap}.stat-top i{height:7px;width:7px;border-radius:50%;background:var(--tone,#548aee);flex-shrink:0}.stat strong{display:block;font-size:30px;font-weight:650;line-height:1.2;letter-spacing:-1px;margin:14px 0 6px;font-variant-numeric:tabular-nums}.stat small{font-size:9px;color:#a2adbc}.overview-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-bottom:22px}.distribution{padding:2px 24px 24px;display:grid;gap:16px}.bar-item{display:grid;grid-template-columns:145px minmax(30px,1fr) 30px;gap:14px;align-items:center;font-size:10px;color:#71809a}.bar-item>span{display:flex;align-items:center;gap:8px}.bar-item b{text-align:right;font-weight:600;color:#6e7c91}.bar-item i{height:6px;width:6px;border-radius:50%;background:var(--tone)}progress{width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:#f1f4f8;accent-color:var(--tone)}progress::-webkit-progress-bar{background:#f1f4f8}progress::-webkit-progress-value{background:var(--tone);border-radius:5px}progress::-moz-progress-bar{background:var(--tone)}.health-card{padding:25px;background:linear-gradient(125deg,#fff,#f7faff)}.health-card .eyebrow{font-size:9px;margin-bottom:12px;color:#87a0c5}.health-card h2{font-size:18px;max-width:270px}.health-card dl{margin:23px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px}.health-card dt{color:#8997aa}.health-card dd{margin:0;color:#405778;text-align:right;font-weight:600}.health-card .button{font-size:10px}
.tone-1{--tone:#5f8fed}.tone-2{--tone:#43afb9}.tone-3{--tone:#dfa452}.tone-4{--tone:#4ea98b}.tone-5{--tone:#d56c79}.tone-6{--tone:#9b88bb}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;font-size:10px;font-weight:500;white-space:nowrap;color:#5c7eae;background:#edf3ff}.badge:before{content:"";height:4px;width:4px;border-radius:50%;background:currentColor}.badge.status-1{background:#edf3ff;color:#5b86cb}.badge.status-2{background:#ebf8fa;color:#3896a4}.badge.status-3{background:#fff7e9;color:#bc8b35}.badge.status-4{background:#ecf8f2;color:#389475}.badge.status-5{background:#fdf0f2;color:#c36474}.badge.status-6{background:#f4f0fa;color:#8d73b1}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:11px;min-width:735px}.data-table th{height:42px;background:#fafbfd;color:#94a0b3;font-weight:500;font-size:10px;border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6}.data-table td{padding:15px 11px;border-bottom:1px solid #edf0f6;vertical-align:middle;color:#53647d}.data-table th:first-child,.data-table td:first-child{padding-left:24px}.data-table th:last-child,.data-table td:last-child{padding-right:24px;text-align:right}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafcff}.data-table th:nth-child(1){width:145px}.data-table th:nth-child(2){width:23%}.data-table th:nth-child(3){width:20%}.data-table th:nth-child(4){width:145px}.data-table th:nth-child(5){width:70px}.data-table th:nth-child(6){width:80px}.data-table th:nth-child(7){width:66px}.cell-primary{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#405571;line-height:1.6}.cell-secondary{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9da8b9;font-size:9px;line-height:1.6;margin-top:2px}.row-action{border:1px solid #e6ebf3;background:#fff;width:27px;height:27px;border-radius:6px;color:#95a7bf}.empty{padding:50px 25px;display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center}.empty-icon{width:48px;height:48px;border-radius:13px;background:#f3f7fd;display:grid;place-items:center;font-size:27px;color:#afc0d9}.empty h3{margin:0;color:#5b6e89;font-size:13px}.empty p{color:#9da9b9;line-height:1.6;font-size:11px;max-width:340px}.filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:22px 24px}.filters label{flex:1;min-width:115px;font-size:10px;gap:6px}.filters .search-field{flex:2;min-width:180px}.filters input,.filters select{height:37px;font-size:11px}.filters .button{height:37px;padding:0 12px;font-size:11px}.pagination{padding:15px 24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px}.pagination>div{display:flex;gap:8px}.pagination .button{height:31px;font-size:10px}.pagination .muted{font-size:10px}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(370px,1fr));gap:22px;max-width:1150px}.account-card .card-heading{align-items:flex-start}.account-card .eyebrow{font-size:9px;margin-bottom:7px}.account-card h2{font-size:17px}.account-card .account-host{font-size:11px;color:#8094b0}.account-info{padding:0 24px 22px;margin:0;display:grid;grid-template-columns:95px 1fr;gap:12px;font-size:11px;border-bottom:1px solid var(--border)}.account-info dt{color:#98a4b6}.account-info dd{margin:0;overflow-wrap:anywhere;color:#5c6e86}.dispatch-form{padding:23px 24px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-fields label{font-size:11px;color:#708199}.switch-row{display:flex;flex-wrap:wrap;gap:25px;margin:23px 0 16px}.switch-label{flex-direction:row;align-items:center;gap:8px;font-size:11px;font-weight:400;color:#61748c}.spacing-hint{min-height:36px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.form-footer .muted{font-size:10px;max-width:300px}.settings-card{max-width:820px}.settings-card>form{padding:0 24px 25px}.info-note{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:#7088ac;background:#f4f8ff;border:1px solid #e9f0fd;padding:14px 15px;border-radius:8px;line-height:1.65;margin-top:23px}.info-note>span{font-size:15px}.page-error{padding:14px 16px;border:1px solid #f2d4d9;border-radius:8px;margin-bottom:20px;background:#fff5f6;color:#b25c6a;font-size:12px}.workspace-footer{display:flex;justify-content:space-between;color:#a3aebe;font-size:9px;padding-top:30px}.loading-line{height:2px;margin:-12px 0 12px;background:linear-gradient(90deg,#edf3fd,#85aff9,#edf3fd);background-size:200%;animation:load 1.4s infinite}@keyframes load{to{background-position:-200%}}
.detail-dialog{width:min(760px,calc(100vw - 32px));max-height:85vh;border:1px solid #e3eaf4;border-radius:15px;padding:0;color:#273c59;box-shadow:0 30px 100px #0d1c3440}.detail-dialog::backdrop{background:#10223b75;backdrop-filter:blur(3px)}.detail-dialog>header{padding:23px 26px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.detail-dialog .eyebrow{font-size:9px;margin-bottom:8px}.detail-dialog h2{font-size:17px;overflow-wrap:anywhere}.dialog-content{padding:22px 26px;overflow-wrap:anywhere}.dialog-content dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:13px;font-size:12px;line-height:1.5;margin:20px 0}.dialog-content dt{color:#91a0b4}.dialog-content dd{margin:0;color:#546984}.dialog-content h3{font-size:13px;margin:26px 0 13px}.detail-error{border:1px solid #f2d7dd;border-radius:8px;background:#fff8f9;padding:14px;color:#aa5c6a;font-size:12px;line-height:1.6}.detail-error pre,.attempt pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:11px;margin:8px 0 0;color:#99717b}.attempt{padding:13px 0;border-bottom:1px solid var(--border);font-size:11px}.attempt>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.attachment{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;background:#f7f9fc;border-radius:8px;font-size:11px;margin:8px 0}.attachment span:first-child{min-width:0;overflow-wrap:anywhere}.attachment small{color:#9aa8bb;white-space:nowrap}
@media(min-width:1600px){.workspace{padding-top:45px}.stats{gap:17px}.stat{padding:23px}.stat strong{font-size:35px}}
@media(max-width:1200px){.app-layout{grid-template-columns:205px minmax(0,1fr)}.sidebar{width:205px;padding-left:12px;padding-right:12px}.topbar{padding:0 24px}.workspace{padding:28px 24px 18px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column;align-items:flex-end;gap:10px}.overview-grid{grid-template-columns:1fr}.health-card h2{max-width:none}.health-card dl{max-width:500px}.health-card .button{float:right;margin-top:-44px}.bar-item{grid-template-columns:150px minmax(30px,1fr) 30px}}
@media(max-width:760px){.app-layout{display:block}.sidebar{position:static;width:100%;padding:16px}.sidebar .brand{font-size:17px}.sidebar .brand img{width:30px;height:30px}.nav-label,.sidebar-bottom,.nav-divider{display:none}.sidebar nav{flex-direction:row;overflow-x:auto;margin-top:15px;gap:5px}.nav-item{min-height:35px;padding:8px 11px;font-size:10px;white-space:nowrap}.nav-icon{font-size:14px;width:15px}.nav-item.active{box-shadow:none}.nav-badge{font-size:9px}.topbar{height:53px;padding:0 18px}.topbar-actions{gap:13px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 7px}.workspace{padding:25px 17px 16px}.page-heading{flex-wrap:wrap;margin-bottom:22px;gap:16px}.page-heading h1{font-size:24px}.heading-actions{flex-direction:row;justify-content:flex-end;align-items:center;width:100%}.stats{gap:9px}.stat{padding:15px 12px}.stat-top{font-size:9px;gap:5px}.stat strong{font-size:26px}.stat small{font-size:8px}.overview-grid{gap:17px;margin-bottom:17px}.card-heading{padding:20px 18px}.card-heading h2{font-size:13px}.card-heading .text-button{font-size:10px}.distribution{padding:0 18px 22px}.bar-item{grid-template-columns:125px minmax(20px,1fr) 20px;gap:10px;font-size:9px}.health-card{padding:21px}.health-card h2{font-size:16px}.health-card .button{float:none;margin-top:0}.account-grid{display:block}.account-card{margin-bottom:18px}.settings-fields{grid-template-columns:1fr}.form-footer{align-items:flex-start;flex-direction:column;gap:12px}.filters{padding:18px;gap:10px}.filters .search-field{min-width:100%;}.filters label{min-width:120px}.pagination{padding:15px 17px}.auth-layout{display:block}.auth-story{min-height:0;padding:25px}.story-content,.story-footer{display:none}.auth-main{min-height:calc(100vh - 92px);padding:70px 26px 40px;align-content:start}.auth-language{right:25px;top:20px}.auth-card{margin:20px auto}.auth-card h2{font-size:26px}.dialog-content{padding:20px}.dialog-content dl{grid-template-columns:100px 1fr;font-size:11px}.detail-dialog>header{padding:20px}.detail-dialog h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){.loading-line{animation:none}}
.smtp-form{padding:23px 24px;border-bottom:1px solid var(--border)}.smtp-form h3{margin:0 0 20px;font-size:14px}.smtp-form label,.smtp-form input,.smtp-form select{min-width:0}.smtp-form input:not([type=checkbox]),.smtp-form select{width:100%}.smtp-form input[type=checkbox]{width:16px}.smtp-form .field-hint{line-height:1.6;margin-top:10px}.smtp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.smtp-test-result{min-height:20px;overflow-wrap:anywhere}.smtp-form-slot:empty{display:none}#accounts-view>.info-note{margin:0 0 18px;max-width:1150px}#add-account{margin-bottom:20px}#new-account-card{max-width:720px;background:white;border:1px solid var(--border);border-radius:12px;margin-bottom:24px}#new-account-card .smtp-form{border:0}@media(max-width:760px){.smtp-form{padding:20px 18px}.smtp-actions .button{width:100%}.account-grid{min-width:0}}