*{box-sizing:border-box}html,body,#root{color:#15212c;background:#f6f7f9;min-width:320px;min-height:100%;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.admin-app{grid-template-columns:245px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#101923;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff17;align-items:center;gap:10px;padding:4px 8px 24px;display:flex}.brand .logo{filter:brightness(0)invert();width:auto;height:29px}.brand span{letter-spacing:1.6px;color:#aab3bd;font-size:9px;font-weight:850}nav{flex-direction:column;gap:4px;padding-top:20px;display:flex}nav button{color:#aeb7c0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:11px 12px;font-size:13px;font-weight:650}nav button:hover{color:#fff;background:#ffffff0f}nav button.active{color:#101923;background:#fff}.account{border-top:1px solid #ffffff17;flex-direction:column;gap:5px;min-width:0;margin-top:auto;padding:17px 8px 0;display:flex}.account strong{text-overflow:ellipsis;font-size:11px;overflow:hidden}.account span{color:#89949f;text-transform:uppercase;font-size:10px}.account button{color:#c2cad1;text-align:left;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:11px}.content{width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:48px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.6px;color:#7d8790;font-size:10px;font-weight:850}.page-heading h1{letter-spacing:-2px;margin:7px 0 0;font-size:42px}.count{color:#7d8790;font-size:12px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.stat,.panel,.table-wrap,.toolbar{background:#fff;border:1px solid #e0e4e8;border-radius:13px}.stat{padding:22px}.stat span{color:#717b84;font-size:11px;font-weight:700;display:block}.stat strong{letter-spacing:-1.3px;margin-top:9px;font-size:30px;display:block}.stat small{color:#9098a0;margin-top:5px;display:block}.panel{margin-top:20px;padding:28px}.panel-title{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel h2{margin:0 0 6px;font-size:20px}.panel p{color:#717b84;margin:0;font-size:13px;line-height:1.6}.privacy-note{background:#f6f7f9;border-radius:9px;margin-top:25px;padding:18px}.privacy-note strong{font-size:12px}.privacy-note p{margin-top:5px}.toolbar{gap:10px;margin-bottom:14px;padding:12px;display:flex}.toolbar input,.toolbar select{color:#15212c;background:#fff;border:1px solid #d9dee3;border-radius:8px;outline:0;height:42px;padding:0 12px}.toolbar input:focus,.toolbar select:focus{border-color:#7544e8;box-shadow:0 0 0 3px #7544e817}.search{flex:1;min-width:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #edf0f2;padding:14px 16px;font-size:12px}th{color:#747e87;text-transform:uppercase;letter-spacing:.6px;background:#fafbfc;font-size:10px}tbody tr:last-child td{border-bottom:0}.email{color:#25313b;font-weight:700}.muted{color:#8a939b}.actions{text-align:right;white-space:nowrap}.status{color:#5e6972;text-transform:uppercase;letter-spacing:.5px;background:#eef1f3;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:850;display:inline-flex}.status.waiting{color:#765600;background:#fff5d9}.status.invited,.status.good{color:#216c3d;background:#e8f8ee}.status.rejected{color:#963a3a;background:#fff0f0}.small{cursor:pointer;border:0;border-radius:7px;margin-left:6px;padding:8px 11px;font-size:10px;font-weight:800}.primary{color:#fff;cursor:pointer;background:#15212c;border:0;border-radius:8px;font-weight:800}.secondary{color:#26323c;background:#edf0f2}.danger{color:#9a3434;background:#fff0f0}.empty{text-align:center;color:#8a939b;padding:40px}.alert{border-radius:8px;margin:0 0 14px;padding:12px 14px;font-size:12px}.alert.error{color:#963737;background:#fff1f1;border:1px solid #efcccc}.coming{max-width:700px}.coming span{color:#8a939b;margin-top:18px;font-size:11px;display:inline-block}.login-page,.loading{background:#f5f6f8;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dfe4e8;border-radius:16px;width:min(430px,100%);padding:36px;box-shadow:0 24px 70px #121b2417}.login-card .logo{height:38px}.admin-kicker{letter-spacing:1.8px;color:#7d8790;margin-top:28px;font-size:9px;font-weight:900}.login-card h1{letter-spacing:-2px;margin:8px 0;font-size:40px}.login-card>p{color:#77818a;margin:0 0 25px;font-size:13px;line-height:1.5}.login-card label{color:#4b5660;margin-top:15px;font-size:11px;font-weight:750;display:block}.login-card input{border:1px solid #d7dde2;border-radius:8px;outline:0;width:100%;height:46px;margin-top:7px;padding:0 12px;display:block}.login-card input:focus{border-color:#7544e8;box-shadow:0 0 0 3px #7544e81a}.login-card .primary{width:100%;height:46px;margin-top:20px}.loading{color:#7b858e;align-content:center;gap:14px;font-size:12px}.loading .logo{height:38px}@media (width<=900px){.admin-app{grid-template-columns:1fr}aside{height:auto;padding:14px;position:relative}.brand{padding-bottom:13px}nav{flex-direction:row;padding-top:12px;display:flex;overflow-x:auto}nav button{white-space:nowrap}.account{display:none}.content{padding:28px 18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.content{padding:24px 14px}.page-heading h1{font-size:35px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:17px}.stat strong{font-size:24px}.toolbar{flex-direction:column}.toolbar input,.toolbar select{width:100%}.login-card{padding:28px 22px}.actions{white-space:normal}}.alert.error{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;line-height:1.55;overflow:auto}.alert.success{color:#216c3d;background:#eaf8ef;border:1px solid #c7e9d3}.email-template-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;display:grid}.template-list{margin-top:0;position:sticky;top:30px}.template-buttons{flex-direction:column;gap:8px;margin-top:18px;display:flex}.template-buttons button{text-align:left;cursor:pointer;color:#25313b;background:#fff;border:1px solid #e0e4e8;border-radius:9px;flex-direction:column;gap:4px;padding:12px;display:flex}.template-buttons button:hover{border-color:#c8cfd5}.template-buttons button.selected{border-color:#7544e8;box-shadow:0 0 0 3px #7544e814}.template-buttons strong{font-size:12px}.template-buttons span{color:#87919a;font-size:10px}.template-editor{margin-top:0}.template-editor>label,.template-grid label{color:#4b5660;margin-top:16px;font-size:11px;font-weight:750;display:block}.template-editor input,.template-editor textarea,.test-send-row input{color:#15212c;background:#fff;border:1px solid #d7dde2;border-radius:8px;outline:0;width:100%;margin-top:7px;padding:11px 12px;display:block}.template-editor input:focus,.template-editor textarea:focus,.test-send-row input:focus{border-color:#7544e8;box-shadow:0 0 0 3px #7544e817}.template-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.body-editor{resize:vertical;min-height:180px;line-height:1.55}.code-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.switch-row{white-space:nowrap;align-items:center;gap:8px;margin:0!important;display:flex!important}.switch-row input{width:auto!important;margin:0!important}.variable-row{color:#7d8790;flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px;font-size:10px;display:flex}.variable-row code{color:#5930b8;background:#f1eefc;border-radius:6px;padding:5px 7px}.editor-actions{justify-content:flex-end;margin-top:18px;display:flex}.editor-button{padding:10px 14px}.email-preview{background:#fff;border:1px solid #dfe4e8;border-radius:10px;margin-top:16px;overflow:hidden}.preview-subject{border-bottom:1px solid #e8ebee;padding:12px 14px;font-size:12px;font-weight:800}.email-preview iframe{background:#fff;border:0;width:100%;height:330px;display:block}.test-send-row{gap:10px;margin-top:16px;display:flex}.test-send-row input{flex:1;margin:0}@media (width<=900px){.email-template-layout{grid-template-columns:1fr}.template-list{position:static}.template-buttons{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}@media (width<=560px){.template-grid,.template-buttons{grid-template-columns:1fr}.test-send-row{flex-direction:column}}.users-layout{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);align-items:start;gap:18px;display:grid}.users-layout .table-wrap table{min-width:780px}.users-layout tbody tr{cursor:pointer}.users-layout tbody tr:hover,.selected-row{background:#faf8ff}.user-detail{min-width:0}.user-detail .panel{margin-top:0;margin-bottom:14px}.detail-empty{min-height:180px}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;display:grid}.detail-grid div{background:#f7f8fa;border-radius:8px;padding:12px}.detail-grid span{text-transform:uppercase;letter-spacing:.5px;color:#858f98;font-size:9px;display:block}.detail-grid strong{margin-top:5px;font-size:12px;display:block}.manage-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.manage-grid label{color:#4b5660;font-size:10px;font-weight:750}.manage-grid input,.manage-grid select{border:1px solid #d7dde2;border-radius:8px;width:100%;height:42px;margin-top:7px;padding:0 10px;display:block}.storage-line{margin-top:14px!important}.manage-save{margin-top:14px;padding:10px 13px}.simple-list{border-top:1px solid #edf0f2;margin-top:14px}.simple-list>div{border-bottom:1px solid #edf0f2;justify-content:space-between;gap:14px;padding:12px 0;font-size:11px;display:flex}.simple-list span{color:#7d8790}.session-row{align-items:center}.session-row>span{min-width:0}.session-row small{color:#87919a;overflow-wrap:anywhere;margin-top:4px;display:block}.danger-zone{border-color:#efd8d8}.danger-zone .small{margin:16px 0 0}.privacy-note{clear:both}@media (width<=1150px){.users-layout{grid-template-columns:1fr}.user-detail{grid-template-columns:1fr 1fr;gap:14px;display:grid}.user-detail .panel{margin-bottom:0}}@media (width<=700px){.user-detail,.detail-grid,.manage-grid{grid-template-columns:1fr}}.users-layout .user-detail .panel .manage-grid label>select#user-plan{box-sizing:border-box;color:#172330;width:100%;height:43px;min-height:43px;font:inherit;appearance:auto;-webkit-appearance:menulist;background:#fff;border:1px solid #d5dce5;border-radius:9px;outline:none;margin-top:6px;padding:0 12px;font-size:14px;font-weight:600;line-height:43px;display:block}.users-layout .user-detail .panel .manage-grid label>select#user-plan:focus{border-color:#8d6cff;box-shadow:0 0 0 3px #8d6cff1f}.mail-admin{background:#fff;border:1px solid #dce2e9;border-radius:14px;grid-template-columns:230px minmax(280px,360px) minmax(360px,1fr);min-height:650px;display:grid;overflow:hidden}.mailbox-rail{background:#f8f9fb;border-right:1px solid #e4e8ed;padding:18px}.mailbox-rail h3{margin:0 0 12px}.mailbox-rail>button,.mail-folders button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;margin:2px 0;padding:10px}.mailbox-rail>button.active,.mail-folders button.active{background:#eee9ff}.mailbox-rail>button span{font-weight:700;display:block}.mailbox-rail>button b{float:right}.mailbox-rail>button small{color:#a43b3b;display:block}.mail-folders{border-top:1px solid #e0e4e9;margin-top:16px;padding-top:12px}.mail-list{border-right:1px solid #e4e8ed;min-width:0}.mail-list-head{border-bottom:1px solid #e4e8ed;padding:14px}.mail-list-head strong{margin-bottom:8px;display:block}.mail-list-head input{box-sizing:border-box;border:1px solid #d5dce5;border-radius:9px;width:100%;padding:10px 12px}.mail-row{text-align:left;cursor:pointer;width:100%;color:inherit;background:#fff;border:0;border-bottom:1px solid #edf0f3;justify-content:space-between;gap:12px;padding:14px;display:flex}.mail-row:hover,.mail-row.selected{background:#f7f5ff}.mail-row.unread strong,.mail-row.unread span{font-weight:800}.mail-row div{min-width:0}.mail-row strong,.mail-row span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mail-row span{color:#66717d;margin-top:4px}.mail-row time{color:#87919c;white-space:nowrap;font-size:11px}.mail-empty{padding:30px}.mail-reader{min-width:0;padding:22px}.reader-empty{color:#6c7680;padding:50px 10px}.reader-head h2{margin-top:0}.reader-actions{gap:8px;display:flex}.reader-body{min-height:220px;margin:22px 0}.reader-body pre{font:inherit;white-space:pre-wrap;word-break:break-word}.reader-body iframe{background:#fff;border:1px solid #e3e7eb;border-radius:10px;width:100%;min-height:400px}.reader-attachments{border-top:1px solid #e5e8ec;padding-top:15px}.reader-attachments button{cursor:pointer;background:#fff;border:1px solid #d8dee5;border-radius:8px;margin:7px 0;padding:9px 12px;display:block}.reply-button{margin-top:18px}.modal-backdrop{z-index:100;background:#0a121a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.compose-modal{background:#fff;border-radius:16px;width:min(620px,100%);padding:22px;box-shadow:0 24px 80px #00000040}.compose-modal label{margin:14px 0;font-size:13px;font-weight:700;display:block}.compose-modal input,.compose-modal textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d5dce5;border-radius:9px;margin-top:6px;padding:11px 12px;display:block}.compose-modal textarea{resize:vertical;min-height:220px}@media (width<=1100px){.mail-admin{grid-template-columns:210px 1fr}.mail-reader{border-top:1px solid #e4e8ed;grid-column:1/-1}.mail-list{border-right:0}}@media (width<=720px){.mail-admin{display:block}.mailbox-rail{border-bottom:1px solid #e4e8ed;border-right:0}.mail-list{max-height:430px;overflow:auto}.mail-reader{padding:16px}}.security-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.security-stats .stat-card{background:#fff;border:1px solid #dce2e9;border-radius:12px;padding:17px}.security-stats .stat-card span{color:#6b7681;font-size:12px;font-weight:700;display:block}.security-stats .stat-card strong{margin-top:5px;font-size:27px;display:block}.add-admin{grid-template-columns:minmax(240px,1fr) 150px auto;gap:10px;margin:14px 0 20px;display:grid}.add-admin input,.add-admin select,.table-wrap select{font:inherit;background:#fff;border:1px solid #d5dce5;border-radius:9px;padding:10px 12px}.table-sub{color:#77818b;margin-top:3px;display:block}.status{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-block}.status.good{color:#19713a;background:#e8f7ee}.status.warn{color:#8a6100;background:#fff5da}.status.bad{color:#a02c2c;background:#fdeaea}@media (width<=850px){.security-stats{grid-template-columns:repeat(2,1fr)}.add-admin{grid-template-columns:1fr}}@media (width<=520px){.security-stats{grid-template-columns:1fr}}.system-health{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.system-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.system-card h2{margin:5px 0 3px;font-size:18px}.system-card p{color:#6f7a84;margin:0}.system-label{letter-spacing:.1em;color:#7b8690;font-size:11px;font-weight:850}.system-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.system-rows>div{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;display:flex}.system-rows>div:last-child{border-bottom:0}.system-rows span:first-child{color:#69747e}.system-rows strong{text-align:right}.system-counts{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.system-counts>div{border:1px solid #e1e6eb;border-radius:10px;padding:14px}.system-counts span{color:#74808a;font-size:12px;font-weight:700;display:block}.system-counts strong{margin-top:4px;font-size:22px;display:block}@media (width<=1050px){.system-counts{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.system-health,.system-grid{grid-template-columns:1fr}}@media (width<=520px){.system-counts{grid-template-columns:repeat(2,1fr)}}html{color:#15212c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}
