:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9f4f7;background:#071019;font-size:16px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:#071019}body{min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button,input,select{outline:none}.admin-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px 20px;display:flex;flex-direction:column;border-right:1px solid #24313b;background:#0b151e}.brand{padding:0 12px 28px}.brand strong{display:block;font-size:25px;letter-spacing:.08em}.brand span{display:block;margin-top:4px;color:#8ea2ae;font-size:14px}.sidebar nav{display:grid;gap:6px}.nav-item{width:100%;min-height:50px;display:flex;align-items:center;gap:13px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#afbec6;text-align:left;font-size:17px;font-weight:600}.nav-item:hover{background:#111f29;color:#fff}.nav-item.active{background:#142833;color:#55dff5}.nav-icon{width:22px;text-align:center;font-size:18px}.sidebar-footer{margin-top:auto;padding:20px 12px 0;display:grid;gap:12px;border-top:1px solid #24313b}.sidebar-footer a{color:#9eb0ba;text-decoration:none;font-size:14px}.sidebar-footer a:hover{color:#55dff5}.content{min-width:0}.topbar{min-height:92px;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #24313b;background:#09131c}.page-heading h1{margin:0;color:#fff;font-size:32px;line-height:1.1;letter-spacing:-.02em}.page-heading p{margin:7px 0 0;color:#93a6b0;font-size:15px}.account{display:flex;align-items:center;gap:18px}.account-copy{text-align:right}.account-copy strong{display:block;color:#fff;font-size:15px}.account-copy span{display:block;margin-top:3px;color:#8698a3;font-size:13px}.logout{min-height:38px;padding:0 15px;border:1px solid #34434c;border-radius:7px;background:#101c25;color:#d7e3e8;font-size:14px;font-weight:600}.page-content{padding:30px 32px 45px}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:24px}.overview-card{min-height:175px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #263641;border-radius:10px;background:#0d1922;color:#fff;text-align:left}.overview-card:hover{border-color:#4acde2;background:#10212c}.overview-label{color:#aec0c8;font-size:15px;font-weight:700}.overview-card>strong{margin:12px 0 3px;font-size:34px;line-height:1}.overview-card>small{color:#889da7;font-size:14px}.overview-link{margin-top:auto;color:#58d8ec;font-size:14px;font-weight:700}.panel{border:1px solid #263641;border-radius:10px;background:#0d1922;overflow:hidden}.panel-heading{min-height:78px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #24343e}.panel-heading h2{margin:0;color:#fff;font-size:20px}.panel-heading p{margin:5px 0 0;color:#8fa2ac;font-size:14px}.activity-list{padding:0 22px}.activity-row{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #202f38}.activity-row:last-child{border-bottom:0}.activity-row strong{display:block;font-size:15px}.activity-row span{display:block;margin-top:4px;color:#95a7b0;font-size:14px}.activity-row>small{color:#788b95;font-size:13px}.toolbar{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar-copy{color:#a4b5bd;font-size:15px}.search-form{flex:1;max-width:760px;display:flex;gap:8px}.search-form input{flex:1;min-height:44px;padding:0 14px;border:1px solid #31414b;border-radius:7px;background:#0d1922;color:#fff;font-size:15px}.primary,.secondary,.ghost,.danger,.danger-outline{min-height:42px;padding:0 16px;border-radius:7px;font-size:14px;font-weight:700}.primary{border:1px solid #4ed8ed;background:#28b9d1;color:#03151a}.primary:hover{background:#4ed8ed}.secondary{border:1px solid #40515b;background:#15232c;color:#e3edf1}.secondary:hover{border-color:#55dff5;color:#55dff5}.ghost{border:1px solid transparent;background:transparent;color:#97aab4}.ghost:hover{color:#fff}.danger{border:1px solid #dc655d;background:#b6423d;color:#fff}.danger-outline{border:1px solid #8d4947;background:#211718;color:#f39a94}.wide{width:100%}.table-panel{overflow:hidden}.table-scroll{overflow:auto}table{width:100%;min-width:1000px;border-collapse:collapse}thead{background:#101e27}th{padding:14px 17px;color:#8fa2ac;text-align:left;font-size:13px;font-weight:700}td{min-height:74px;padding:17px;border-top:1px solid #22323c;color:#dce7eb;font-size:14px;vertical-align:middle}tbody tr:hover{background:#101e27}.person-button,.organization-button{padding:0;border:0;background:none;color:inherit;text-align:left}.person-button strong,.organization-button strong{display:block;color:#fff;font-size:18px;line-height:1.2}.person-button span,.organization-button span{display:block;margin-top:5px;color:#b4c3ca;font-size:14px}.person-button small{display:block;margin-top:3px;color:#778d98;font-size:13px}.person-button:hover strong,.organization-button:hover strong{color:#55dff5}.cell-primary{display:block;color:#e4edf1;font-size:15px}.cell-secondary{display:block;margin-top:5px;color:#849aa5;font-size:13px}.number-cell{color:#fff;font-size:19px}.role-list{display:flex;flex-wrap:wrap;gap:5px}.role-list span{padding:5px 8px;border-radius:5px;background:#142630;color:#b9d8df;font-size:12px}.status{display:inline-flex;align-items:center;min-height:29px;padding:0 9px;border-radius:6px;white-space:nowrap;font-size:13px;font-weight:700}.status.success{background:#123029;color:#77dcc0}.status.danger{background:#341d1d;color:#f09b95}.status.muted,.status.neutral{background:#1b2932;color:#9db0ba}.right-cell{text-align:right}.empty-cell,.empty-state{padding:32px;color:#8397a1;text-align:center;font-size:15px}.empty-state.compact{padding:18px}.audit-list{padding:0 22px}.audit-row{min-height:78px;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #22323c}.audit-row:last-child{border-bottom:0}.audit-main strong{display:block;color:#fff;font-size:16px}.audit-main span{display:block;margin-top:5px;color:#a8bac2;font-size:14px}.audit-meta{text-align:right}.audit-meta span{display:block;color:#a3b4bc;font-size:13px}.audit-meta time{display:block;margin-top:5px;color:#718791;font-size:13px}.drawer-backdrop,.modal-backdrop{position:fixed;z-index:100;inset:0;background:#0000009e}.drawer{position:absolute;top:0;right:0;width:min(570px,96vw);height:100%;overflow:auto;padding:0 26px 36px;border-left:1px solid #34454f;background:#0b161f;box-shadow:-24px 0 70px #00000073}.drawer-header{position:sticky;z-index:2;top:0;min-height:120px;padding:24px 0 20px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #263741;background:#0b161f}.eyebrow{display:block;margin-bottom:7px;color:#62dcee;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.drawer-header h2,.modal-header h2{margin:0;color:#fff;font-size:27px;line-height:1.15}.drawer-header p{margin:7px 0 0;color:#9cb0b9;font-size:15px}.close-button{width:42px;height:42px;border:1px solid #34464f;border-radius:7px;background:#101e27;color:#dfe9ed;font-size:25px}.drawer-summary{margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer-summary>div{min-height:82px;padding:13px;display:flex;flex-direction:column;justify-content:center;border:1px solid #293a44;border-radius:8px;background:#0f1c25}.drawer-summary>div>span:first-child{margin-bottom:8px;color:#8499a3;font-size:13px}.drawer-summary strong{color:#fff;font-size:18px}.drawer-section{padding:24px 0;border-top:1px solid #263741}.section-title{margin-bottom:16px}.section-title h3{margin:0;color:#fff;font-size:19px}.section-title p{margin:6px 0 0;color:#8fa3ad;font-size:14px;line-height:1.45}.field{margin-bottom:15px;display:grid;gap:7px}.field>span{color:#d8e4e8;font-size:14px;font-weight:700}.field input,.field select{width:100%;min-height:45px;padding:0 12px;border:1px solid #354852;border-radius:7px;background:#0c1922;color:#fff;font-size:16px}.field small{color:#7e949f;font-size:13px;line-height:1.4}.roles-grid{display:grid;gap:8px;margin-bottom:14px}.role-option{min-height:68px;padding:12px;display:flex;align-items:flex-start;gap:11px;border:1px solid #2d404a;border-radius:8px;background:#0e1b24}.role-option input{margin-top:4px;width:17px;height:17px}.role-copy strong{display:block;color:#fff;font-size:15px}.role-copy small{display:block;margin-top:4px;color:#879ca6;font-size:13px;line-height:1.35}.security-section{display:grid;gap:9px}.member-list{display:grid;gap:6px}.member-row{width:100%;min-height:64px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #293b45;border-radius:7px;background:#0d1a23;color:#fff;text-align:left}.member-row strong{display:block;font-size:15px}.member-row small{display:block;margin-top:4px;color:#8298a2;font-size:13px}.member-progress{color:#9fb1b9;font-size:13px}.modal-backdrop{display:grid;place-items:center;padding:20px}.modal{width:min(760px,96vw);max-height:94vh;overflow:auto;padding:0 26px 26px;border:1px solid #344751;border-radius:11px;background:#0b161f;box-shadow:0 30px 90px #00000080}.modal.small{width:min(560px,96vw)}.modal-header{min-height:102px;padding:22px 0 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #273842;margin-bottom:22px}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-section{margin:24px 0}.form-section h3{margin:0 0 12px;color:#fff;font-size:19px}.switch-row{min-height:70px;padding:12px;display:flex;align-items:flex-start;gap:12px;border:1px solid #30434d;border-radius:8px;background:#0e1c25}.switch-row input{margin-top:5px;width:18px;height:18px}.switch-row strong{display:block;font-size:15px}.switch-row small{display:block;margin-top:4px;color:#879ca6;font-size:13px}.modal-actions{margin-top:26px;padding-top:18px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #273842}.toast{position:fixed;z-index:500;right:22px;bottom:22px;max-width:420px;padding:14px 18px;border:1px solid #51d7eb;border-radius:8px;background:#10222b;color:#e8fbff;font-size:14px;font-weight:700;opacity:0;transform:translateY(20px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:none}.toast.error{border-color:#e17169;background:#281819;color:#ffc0ba}.boot,.access-denied{min-height:100vh;display:grid;place-content:center;gap:8px;padding:30px;background:#071019;color:#fff;text-align:center}.boot strong{font-size:30px}.boot span,.access-denied p{color:#95a9b3;font-size:16px}.access-denied strong{font-size:27px}.access-denied button{margin:15px auto 0;min-height:42px;padding:0 18px}@media(max-width:1100px){.overview-grid{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:210px 1fr}}@media(max-width:760px){.admin-shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:14px}.brand{padding:5px 8px 14px}.sidebar nav{grid-template-columns:1fr 1fr}.sidebar-footer{display:none}.nav-item{font-size:15px}.topbar{padding:18px;align-items:flex-start}.page-heading h1{font-size:28px}.account-copy{display:none}.page-content{padding:18px}.overview-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.search-form{max-width:none}.form-grid.two,.drawer-summary{grid-template-columns:1fr}}html,body,#app{width:100%;max-width:100%;overflow-x:hidden}.admin-shell{width:100%;max-width:100vw;overflow-x:hidden}.content{width:100%;min-width:0;overflow:hidden}.topbar{width:100%;min-width:0}.page-heading{min-width:0}.account{flex:0 0 auto;white-space:nowrap}.page-content{width:100%;min-width:0;overflow:hidden}.toolbar{width:100%;min-width:0}.search-form{min-width:0;flex:1 1 auto}.search-form input{min-width:0}.toolbar>.primary{flex:0 0 auto;white-space:nowrap}.table-panel{width:100%;min-width:0;max-width:100%}.table-scroll{width:100%;max-width:100%;overflow-x:auto}.platform-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;margin-bottom:18px}.platform-card{padding:24px}.platform-card-head{margin-bottom:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.platform-card-head h2{margin:0;color:#fff;font-size:22px}.platform-card-head p{max-width:620px;margin:7px 0 0;color:#8fa3ad;font-size:14px;line-height:1.5}.platform-form{display:grid;gap:16px}.smtp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:8px}.compact-switch{min-height:62px;margin-bottom:2px}.smtp-test-box{margin-top:25px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #263741}.smtp-test-box>div strong{display:block;color:#fff;font-size:15px}.smtp-test-box>div span{display:block;margin-top:4px;color:#8499a4;font-size:13px}.smtp-test-box form{display:flex;gap:8px}.smtp-test-box input{min-width:240px;min-height:42px;padding:0 11px;border:1px solid #354852;border-radius:7px;background:#0c1922;color:#fff;font-size:14px}.template-list{display:grid;gap:8px}.template-row{width:100%;min-height:84px;padding:14px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;border:1px solid #2d404a;border-radius:8px;background:#0e1b24;color:#fff;text-align:left}.template-row:hover{border-color:#4ccfe4;background:#11232d}.template-main strong{display:block;font-size:16px}.template-main small{display:block;margin-top:5px;color:#8fa4ae;font-size:13px;line-height:1.4}.template-edit{color:#55dff5;font-size:13px;font-weight:700}.email-log-panel{margin-top:0}.email-log-panel .platform-card-head{padding:22px 24px;margin:0;border-bottom:1px solid #263641}.error-cell{color:#ef9b95;font-size:12px}.template-modal{width:min(1240px,97vw)}.template-editor-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(460px,1.1fr);gap:22px}.template-editor{min-width:0}.field textarea{width:100%;padding:12px;resize:vertical;border:1px solid #354852;border-radius:7px;background:#0c1922;color:#fff;font:inherit;font-size:15px;line-height:1.5}.variables-help{margin:18px 0;padding:14px;display:flex;flex-wrap:wrap;gap:7px;border:1px solid #2e414b;border-radius:8px;background:#0e1b24}.variables-help strong{width:100%;margin-bottom:3px;color:#fff;font-size:14px}.variables-help span{padding:5px 8px;border-radius:5px;background:#162a34;color:#8fe8f6;font-family:monospace;font-size:12px}.template-preview-panel{position:sticky;top:0;align-self:start}.template-preview-head{height:46px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #31434d;border-bottom:0;border-radius:8px 8px 0 0;background:#101e27}.template-preview-head strong{font-size:14px}.template-preview-head span{color:#8297a1;font-size:12px}.email-preview-frame{width:100%;height:650px;display:block;border:1px solid #31434d;background:#fff}.template-test-form{padding:12px;display:flex;gap:8px;border:1px solid #31434d;border-top:0;border-radius:0 0 8px 8px;background:#101e27}.template-test-form input{flex:1;min-width:0;min-height:42px;padding:0 11px;border:1px solid #354852;border-radius:7px;background:#0c1922;color:#fff}.branding-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);gap:18px}.brand-preview{min-height:250px;margin-bottom:20px;padding:28px;display:grid;place-items:center;border:1px dashed #38505b;border-radius:10px;background:linear-gradient(45deg,#0a151e 25%,#0d1b24 25% 50%,#0a151e 50% 75%,#0d1b24 75%);background-size:24px 24px}.brand-preview img{display:block;max-width:min(520px,90%);max-height:180px;object-fit:contain}.brand-placeholder{color:#8298a2}.file-upload{min-height:90px;padding:16px;display:flex;align-items:center;gap:14px;border:1px solid #30434d;border-radius:8px;background:#0e1c25;cursor:pointer}.file-upload input{max-width:220px;color:#b6c7ce}.file-upload-copy strong{display:block;color:#fff;font-size:15px}.file-upload-copy small{display:block;margin-top:5px;color:#8398a2;font-size:13px;line-height:1.4}.branding-info{padding:24px}.branding-info h2{margin:0 0 12px;color:#fff;font-size:22px}.branding-info>p{margin:0;color:#91a5ae;font-size:15px;line-height:1.6}.branding-status{margin-top:25px;display:grid;gap:9px}.branding-status>div{min-height:70px;padding:13px;display:flex;flex-direction:column;justify-content:center;border:1px solid #2b3d47;border-radius:8px;background:#0f1c25}.branding-status span{color:#8398a2;font-size:13px}.branding-status strong{margin-top:4px;color:#fff;font-size:17px}@media(max-width:1150px){.platform-grid,.branding-layout{grid-template-columns:1fr}.smtp-grid{grid-template-columns:1fr 1fr}.template-editor-layout{grid-template-columns:1fr}.template-preview-panel{position:relative}}@media(max-width:700px){.smtp-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.smtp-test-box{align-items:stretch;flex-direction:column}.smtp-test-box form{flex-direction:column}.smtp-test-box input{min-width:0}.template-row{grid-template-columns:1fr}}.brand-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.brand-preview{min-height:230px;margin:0;padding:42px 24px 24px;position:relative;overflow:hidden}.brand-preview>span{position:absolute;top:12px;left:14px;font-size:12px;font-weight:700}.brand-preview-dark{background:#071019}.brand-preview-dark>span{color:#8fa3ad}.brand-preview-light{background:#fff}.brand-preview-light>span{color:#63727a}.brand-preview img{width:auto;height:auto;max-width:95%;max-height:150px;object-fit:contain}@media(max-width:850px){.brand-preview-grid{grid-template-columns:1fr}}.knoit-user-tools{display:flex;gap:10px;flex-wrap:wrap}.knoit-danger-button{appearance:none;border:1px solid #7f3038;background:#32171b;color:#ff9aa3;border-radius:8px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}.knoit-danger-button:hover{background:#482027}#knoitPasswordModal form{display:grid;gap:18px}#knoitPasswordModal input[type=password]{width:100%}