@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0d1017;--panel:#151a24;--line:#272e3e;--muted:#929db1;--accent:#b8ee77}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf1f8;font:14px 'DM Sans',sans-serif}h1,h2,.brand,strong{font-family:Manrope,sans-serif}button,input,select,textarea{font:inherit}button{border:0;border-radius:9px;background:var(--accent);color:#17220c;font-weight:700;padding:13px 20px;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:wait}input,textarea,select{background:#10151f;color:#edf1f8;border:1px solid var(--line);border-radius:8px;padding:12px;outline:none}input:focus,textarea:focus{border-color:var(--accent)}label{display:grid;gap:9px;margin:20px 0}p,small{color:var(--muted)}aside{width:240px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:30px 22px;background:#11151d;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:21px;font-weight:800}.logo{display:inline-grid;place-items:center;background:var(--accent);color:#1a2612;width:38px;height:38px;border-radius:12px;font-size:18px}aside small{font-size:10px;letter-spacing:2px;margin:55px 12px 18px}.nav{display:block;text-decoration:none;color:var(--muted);padding:14px;border-radius:8px;text-align:left;background:transparent;margin:4px 0}.active{background:#b8ee7712;color:var(--accent)}.aside-bottom{margin-top:auto;color:var(--muted);font-size:12px}.aside-bottom button{display:block;background:transparent;color:var(--muted);padding:18px 0 0}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px}main{margin-left:240px;padding:42px 44px;max-width:1700px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent)}h1{font-size:32px;letter-spacing:-1.2px;margin:12px 0}.accent{color:var(--accent)}header p{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:36px 0}.stats article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:23px;display:grid;gap:13px}.stats article>span{color:var(--muted)}.stats strong{font-size:30px}.stats small{font-size:11px}.library{border-top:1px solid var(--line);padding-top:26px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:25px}.toolbar div{margin-right:auto}h2{font-size:18px;margin:0}.toolbar p{font-size:12px;margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden}.thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#263449,#141d2c);display:grid;place-items:center;position:relative}.thumbnail img{width:100%;height:100%;object-fit:cover;position:absolute}.play{z-index:1;font-size:28px;color:#d6e9bc}.card-body{padding:17px}.card h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 12px}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.badge{border-radius:5px;padding:4px 7px;font-size:10px;background:#35405a;color:#ced8ee}.badge.ready{color:var(--accent);background:#b8ee7712}.badge.failed{color:#ff9d9d;background:#ff9d9d12}.actions{display:flex;gap:7px;margin-top:18px}.actions button,.actions a{flex:1;padding:9px;font-size:11px;border-radius:6px;text-align:center;text-decoration:none}.actions a{color:#edf1f8;border:1px solid var(--line)}.empty{grid-column:1/-1;padding:65px;text-align:center;border:1px dashed var(--line);border-radius:14px}.empty span{font-size:38px;color:var(--accent)}.empty h2{margin:20px 0 10px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:45px;padding-top:22px;color:#606e83;font-size:11px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#20301e55,transparent 60%)}.login form{width:min(420px,90vw);padding:35px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.login button{width:100%}.login h1{margin-top:25px}dialog{background:var(--panel);color:#edf1f8;border:1px solid var(--line);border-radius:18px;width:min(540px,94vw);padding:28px}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.ghost{background:transparent;color:#d7e0ed;border:1px solid var(--line)}.drop{border:1px dashed #526447;border-radius:12px;text-align:center;padding:25px;font-size:30px;color:var(--accent)}.drop strong{font-size:15px}.drop span{font-size:11px;color:var(--muted)}.drop input{font-size:12px;width:100%}progress{width:100%;accent-color:var(--accent)}#toast{position:fixed;bottom:25px;right:25px;background:#253520;padding:15px 25px;border-radius:10px;display:none}#loginError{color:#ff9d9d}.error{font-size:11px;color:#ff9d9d;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:900px){aside{width:185px}main{margin-left:185px;padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.toolbar div{width:100%}}@media(max-width:600px){aside{position:static;width:100%;padding:18px;border-bottom:1px solid var(--line);border-right:0}aside small,.nav,.aside-bottom{display:none}main{margin-left:0;padding:22px 16px}header{align-items:flex-start}header h1{font-size:24px}header button{font-size:11px;padding:12px}header p{font-size:12px}.stats{gap:10px}.stats article{padding:17px}.stats strong{font-size:24px}.toolbar input{width:100%}.toolbar select{width:100%}footer span{display:none}}
/* Library workspace */
:root{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--line:#e5e9f0;--muted:#718096;--accent:#a80030}body{color:#25324b;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}h1,h2,.brand,strong{font-family:inherit}aside{background:#fff;width:230px;padding:30px 18px}.brand{color:#263651;font-size:20px}.logo{background:#fbe9ee;color:#a80030}aside small{color:#95a0b2;font-size:9px}.nav{font-weight:500;font-size:13px;color:#63718a}.nav.active{background:#fbe9ee;color:#a80030;border-left:3px solid #a80030}.aside-bottom{padding:18px 12px;border-top:1px solid var(--line)}.dot{background:#39b882}main{margin-left:230px;padding:36px 38px}.eyebrow{color:#95a0b2;font-weight:600;font-size:10px;letter-spacing:1.5px}h1{font-size:28px;letter-spacing:-.7px;margin:12px 0 9px}button{background:#a80030;color:white;border-radius:6px;font-size:13px;padding:11px 16px}header>button{box-shadow:0 4px 10px #a8003025}.stats{margin:30px 0;gap:18px}.stats article{border-radius:9px;box-shadow:0 2px 4px #1f315003;padding:21px}.stats strong{font-size:28px;color:#25324b}.stats article:first-child strong{color:#a80030}.library{border:1px solid var(--line);background:white;border-radius:10px;padding:0;overflow:hidden}.toolbar{padding:22px;margin:0;border-bottom:1px solid var(--line)}.toolbar h2{font-size:16px}.toolbar p{margin-top:6px}input,textarea,select{background:#fff;color:#25324b;border-radius:6px;font-size:13px}input:focus,textarea:focus,select:focus{outline:2px solid #d98ca2;outline-offset:2px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;letter-spacing:.5px;color:#8994a6;background:#fafbfd;padding:15px 20px;font-weight:600;text-transform:uppercase;white-space:nowrap}td{padding:17px 20px;border-top:1px solid var(--line);color:#63718a}tbody tr:hover{background:#fcfdff}.video-cell{min-width:290px;display:flex;align-items:center;gap:13px}.video-cell strong{color:#29364b;display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.video-cell small{display:block;margin-top:6px;font-size:10px;color:#9aa5b5}.table-thumb{width:72px;height:44px;flex-shrink:0;border-radius:5px;overflow:hidden;background:#e8edf5;display:grid;place-items:center;font-size:22px;color:#98a4b8}.table-thumb img{width:100%;height:100%;object-fit:cover}.badge{display:inline-block;background:#eef1f6;color:#63718a;font-size:10px;padding:5px 9px;border-radius:5px;white-space:nowrap}.badge.ready{background:#e9f8f0;color:#23986a}.badge.processing{background:#fbe9ee;color:#a80030}.badge.queued{background:#edf2ff;color:#647cc0}.badge.failed{background:#fff0ee;color:#d46a57}.row-actions{white-space:nowrap}.row-actions button,.row-actions a{padding:7px 10px;margin-right:5px;font-size:11px;text-decoration:none;border-radius:5px}.row-actions a{color:#627590;border:1px solid var(--line);display:inline-block}.ghost{background:#fff;color:#65748a}.muted{color:#9ba5b5;font-size:11px}.list-footer{padding:16px 22px;display:flex;justify-content:space-between;color:#99a4b5;border-top:1px solid var(--line);font-size:11px}.empty{border:0;padding:65px 25px}.empty h2{color:#46566d}.content-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px}.guide{display:grid;grid-template-columns:190px 1fr;gap:12px 25px;margin:25px 0}.guide h3,.guide p{margin:0;font-size:13px}.guide p{line-height:1.6}dl{display:grid;grid-template-columns:180px 1fr;font-size:13px;gap:20px;margin:25px 0}dt{color:#7c899c}dd{margin:0;overflow-wrap:anywhere}footer{color:#99a4b5}.login{background:radial-gradient(ellipse at top,#fbe9ee,transparent 70%)}.login form{box-shadow:0 14px 45px #25324b0a}.login h1{color:#25324b}dialog{color:#25324b;background:#fff;box-shadow:0 25px 70px #0003}dialog::backdrop{background:#25324b66}.drop{background:#fff8fa;border-color:#d98ca2;color:#a80030}.error{max-width:220px;color:#c95748}#toast{background:#e9f8f0;color:#23986a}button:focus-visible,a:focus-visible{outline:3px solid #d98ca2;outline-offset:3px}@media(max-width:1100px){main{padding:28px 22px}.toolbar{flex-wrap:wrap}.toolbar div{width:100%}}@media(max-width:900px){aside{width:185px}.brand{font-size:16px}main{margin-left:185px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){aside{width:100%;position:static;padding:15px}.brand{font-size:20px}aside .nav{display:inline-block;font-size:11px;padding:10px;margin-top:15px}aside .aside-bottom{display:none}main{margin:0;padding:22px 14px}.toolbar{padding:18px}.list-footer{gap:15px}.list-footer span:last-child{display:none}.guide,dl{grid-template-columns:1fr;gap:12px}dd{margin-bottom:12px}.stats article{padding:16px}header h1{font-size:25px}header button{white-space:nowrap}footer{margin-top:30px}}
.ad-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}fieldset{min-width:0;border:1px solid var(--line);border-radius:9px;padding:20px}legend{font-weight:600;font-size:14px}.toggle{display:flex;align-items:center;gap:10px}.toggle input{accent-color:#a80030;width:18px;height:18px}#adsView p{line-height:1.6;font-size:12px}#adsStatus{color:#268462}@media(max-width:900px){.ad-columns{grid-template-columns:1fr}}

.ad-library-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.ad-library-toolbar label{margin:0;min-width:220px;flex:1}.ad-library-toolbar select{width:100%}.ad-targets{display:grid;gap:8px;max-height:340px;overflow:auto}.ad-targets .toggle{margin:0;padding:12px;border:1px solid var(--line);border-radius:7px;align-items:flex-start}.ad-targets input{flex:none}.ad-targets span{overflow-wrap:anywhere}#adsForm>button{margin-top:20px}#adCount{font-size:12px;color:var(--muted)}

/* Align the selector, actions and counter on one baseline. */
.ad-library-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto auto;align-items:end;gap:12px}
.ad-library-toolbar label{min-width:0;gap:9px}
.ad-library-toolbar select,.ad-library-toolbar>button{height:44px;box-sizing:border-box;border-radius:6px}
.ad-library-toolbar>button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 16px;line-height:1.2}
.ad-library-toolbar #adCount{height:44px;display:flex;align-items:center;white-space:nowrap;margin:0}
@media(max-width:1100px){.ad-library-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.ad-library-toolbar label{grid-column:1/-1}.ad-library-toolbar #adCount{grid-column:1/-1;height:auto;justify-content:flex-end}}
@media(max-width:500px){.ad-library-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-library-toolbar #saveLibrary{grid-column:1/-1}}

/* Ads library and per-ad editor. */
.ads-library{padding:0;overflow:hidden}.ads-topbar{padding:24px 26px 20px;border-bottom:1px solid var(--line);display:grid;gap:18px}.ads-topbar p{margin-bottom:0}.ads-top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ads-top-actions>button{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;white-space:nowrap;border-radius:6px}.ads-top-actions #adCount{margin-left:auto;white-space:nowrap}.ads-notice{margin:0;padding:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.ads-library>#adsStatus:not(:empty){padding:14px 26px;background:#f1faf5;border-bottom:1px solid #deefe5}.ads-table{width:100%;min-width:900px}.ads-table th:first-child,.ads-table td:first-child{width:42px;padding-right:0}.ads-table input[type=checkbox]{width:17px;height:17px;accent-color:#a80030;cursor:pointer}.ad-title-link{display:block;background:transparent;color:#25324b;text-align:left;padding:0;border:0;font-size:13px;font-weight:700;max-width:260px;white-space:normal;overflow-wrap:anywhere}.ad-title-link:hover{text-decoration:underline}.ad-assigned-cell{max-width:260px;overflow-wrap:anywhere;font-size:12px}.ad-draft-label{display:block;color:#a80030;font-size:10px;margin-top:6px}.ads-table .table-thumb{width:80px;height:45px}.ads-table .video-cell{min-width:260px}.ads-table .empty h2{font-size:18px}
#adEditor{width:min(1080px,94vw);max-width:none;max-height:92vh;max-height:92dvh;padding:0;overflow-y:auto;border-radius:14px}#adsForm{padding:26px}#adsForm>.dialog-head{position:sticky;top:0;z-index:3;background:#fff;margin:-26px -26px 18px;padding:20px 26px;border-bottom:1px solid var(--line)}#adEditorTitle{margin:6px 0 0}.ad-step{font-size:10px;letter-spacing:1.5px;color:#8a97a9}#adEditorStatus:not(:empty){padding:12px 14px;background:#f1faf5;border-radius:7px;margin-bottom:18px;color:#268462}.ad-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.ad-editor-grid h3{font-size:14px;color:#33455f;margin:0 0 16px}.ad-editor-fields label{margin:16px 0}.ad-editor-fields fieldset{margin-top:24px}.ad-editor-fields fieldset p{font-size:12px;line-height:1.6}.ad-editor-fields details{margin-top:18px;font-size:12px;color:#65748a}.ad-editor-fields summary{cursor:pointer}.ad-editor-fields progress{display:block;margin-top:16px;height:8px}.ad-preview-column{min-width:0;align-self:start;position:sticky;top:98px}.ad-preview{aspect-ratio:16/9;background:#10151d;border-radius:10px;overflow:hidden;display:grid;place-items:center;color:#a6b2c4;text-align:center}.ad-preview>span{padding:24px;font-size:13px;line-height:1.6}.ad-preview img,.ad-preview video{width:100%;height:100%;object-fit:contain;display:block}.ad-preview-column>p{font-size:12px;line-height:1.6}.ad-material-state{font-weight:600;color:#52657e}.ad-format-note{padding:16px;background:#f5f7fb;border:1px solid var(--line);border-radius:8px;color:#6a7c95;font-size:12px;line-height:1.9}.ad-assignment{margin-top:28px}.ad-assignment p{font-size:12px;line-height:1.6}.ad-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);margin:24px -26px -26px;padding:18px 26px;background:#fafbfd}.ad-editor-footer>span{font-size:12px;color:#7c899c;line-height:1.6;max-width:450px}.ad-editor-footer>button{white-space:nowrap}#saveAds{margin:0}
@media(max-width:760px){.ads-topbar{padding:20px 18px}.ads-top-actions{gap:8px}.ads-top-actions>button{flex:1;font-size:12px;padding:0 12px}.ads-top-actions #adCount{flex-basis:100%;text-align:right}.ads-library>#adsStatus:not(:empty){padding:12px 18px}#adEditor{width:96vw;max-height:95dvh}.ad-editor-grid{grid-template-columns:1fr;gap:24px}.ad-preview-column{position:static;grid-row:1}#adsForm{padding:20px}#adsForm>.dialog-head{margin:-20px -20px 18px;padding:17px 20px}.ad-editor-footer{margin:24px -20px -20px;padding:16px 20px;align-items:stretch;flex-direction:column}.ad-editor-footer>button{width:100%}}

/* Debian red from the supplied logo; navy for the removal action. */
#removeAd{background:#17355b;color:#fff;border:1px solid #17355b;opacity:1}#removeAd:hover{background:#102947;border-color:#102947}#removeAd:disabled{opacity:.55;cursor:wait}
.ad-placement{padding:14px;border:1px solid var(--line);border-radius:8px;display:grid;gap:12px}.ad-placement .toggle{border:0;padding:0;margin:0;align-items:center}.ad-placement-controls{display:grid;grid-template-columns:minmax(160px,1fr) 110px minmax(130px,auto);gap:12px;align-items:center}.ad-placement-controls input{width:100%;font-variant-numeric:tabular-nums}.ad-placement-controls small{color:var(--muted);font-size:11px}.ad-placement-controls :disabled{opacity:.5}@media(max-width:600px){.ad-placement-controls{grid-template-columns:minmax(0,1fr) 100px}.ad-placement-controls small{grid-column:1/-1}}
.analytics-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 145px minmax(180px,240px) auto;justify-content:end;align-items:end;gap:16px}.analytics-toolbar>div{min-width:0}.analytics-toolbar>div p{margin-bottom:0}.analytics-toolbar label{display:grid;gap:8px;font-size:12px;margin:0;min-width:0}.analytics-toolbar select{width:100%;min-width:0;height:44px}.analytics-toolbar>button{height:44px;margin:0;align-self:end;white-space:nowrap}.analytics-cards{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:8px;margin:16px 0 24px;padding-bottom:4px;overflow-x:auto;scrollbar-width:thin}.analytics-cards article{background:#f5f7fb;padding:11px 12px;border:1px solid var(--line);border-radius:8px;min-width:0;height:86px}.analytics-cards span{display:block;font-size:11px;line-height:15px;height:30px;color:#6a7c95}.analytics-cards strong{display:block;font-size:22px;line-height:25px;margin-top:6px;color:#17355b}#analyticsView h3{margin-top:28px}#analyticsView td{font-size:12px;max-width:280px;overflow-wrap:anywhere}#analyticsView .muted{font-size:12px;line-height:1.7}#analyticsStatus{font-size:12px;color:#6a7c95}
.tenant-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:16px;margin:24px 0}.tenant-form label{display:grid;gap:8px;font-size:12px;margin:0;min-width:0}.tenant-form input{width:100%;min-width:0;height:44px}.tenant-form>button{height:44px;margin:0;align-self:end;white-space:nowrap}#createTenantForm{grid-template-columns:repeat(4,minmax(0,1fr)) auto}#tenantRows .row-actions{display:flex;flex-wrap:wrap;gap:8px}#tenantStatus,#userStatus{font-size:13px;line-height:1.6}#accountInfo{padding:12px;background:#f5f7fb;border-radius:8px}

/* Keep labels out of the control baseline and reflow forms on smaller screens. */
@media(max-width:1200px){.analytics-toolbar{grid-template-columns:145px minmax(0,240px) auto}.analytics-toolbar>div{grid-column:1/-1}.tenant-form,#createTenantForm{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-form>button{grid-column:1/-1;justify-self:end}}
@media(max-width:600px){.analytics-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-toolbar>button{grid-column:1/-1;width:100%}.tenant-form,#createTenantForm{grid-template-columns:minmax(0,1fr)}.tenant-form>button{width:100%;justify-self:stretch}}

/* Equal columns and identical cell spacing across the analytics tables. */
#analyticsView table{width:100%;table-layout:fixed}
#analyticsView th,#analyticsView td{padding:16px 18px;text-align:left;vertical-align:middle;max-width:none;overflow-wrap:anywhere}
#analyticsView th{white-space:normal;line-height:1.5}
#analyticsView .analytics-summary-table{min-width:700px}
#analyticsView .analytics-summary-table th{width:20%}
#analyticsView .analytics-sources-table{min-width:540px}
#analyticsView .analytics-sources-table th{width:33.333333%}
#analyticsView .analytics-events-table{min-width:1120px}
#analyticsView .analytics-events-table th{width:14.285714%}

/* Hide only the first three summary cards; keep their data for reports. */
#analyticsCards>article:nth-child(-n+3){display:none}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

.analytics-export{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.analytics-export>button{height:44px;margin:0;white-space:nowrap;background:var(--accent);color:#fff;border:0}.analytics-export>button:hover{background:var(--accent)}@media(max-width:600px){.analytics-export>button{flex:1}}
.analytics-pagination{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;padding-top:18px}.analytics-page-count{margin-right:auto;font-size:12px;color:#6a7c95}.analytics-pagination button{min-width:36px;height:36px;padding:6px 10px;font-size:12px}.analytics-pagination .active{background:var(--accent);color:white}.analytics-pagination button:disabled{opacity:.4;cursor:default}@media(max-width:600px){.analytics-page-count{flex-basis:100%;margin-bottom:6px}}
.tenant-form select{width:100%;min-width:0;height:44px}#createTenantForm{grid-template-columns:repeat(5,minmax(0,1fr)) auto}#addUserForm{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.tenant-user-profile{display:grid;gap:7px;margin:8px 0;font-size:12px}.tenant-user-profile select{width:100%;min-width:130px;max-width:220px;font-size:12px}@media(max-width:1200px){#createTenantForm,#addUserForm{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#createTenantForm,#addUserForm{grid-template-columns:minmax(0,1fr)}}

#clientDetailsDialog{width:min(780px,94vw);max-height:90dvh;overflow-y:auto}.client-details-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 14px}.client-details-toolbar h3{margin:0;font-size:15px}#clientDetailsSummary{font-size:13px;color:var(--muted)}#clientDetailsDialog .tenant-user-profile{margin:0}#clientDetailsDialog td{vertical-align:middle}@media(max-width:600px){.client-details-toolbar{align-items:stretch;flex-direction:column}}

/* Compact, aligned controls inside the client details. */
#clientDetailsDialog{width:min(720px,94vw);padding:22px}
#clientDetailsDialog table{table-layout:fixed;min-width:0}
#clientDetailsDialog th:nth-child(1){width:27%}#clientDetailsDialog th:nth-child(2){width:33%}#clientDetailsDialog th:nth-child(3){width:40%}
#clientDetailsDialog th,#clientDetailsDialog td{padding:13px 14px;overflow-wrap:anywhere}
#clientDetailsDialog .tenant-user-profile{display:block;margin:0;font-size:12px}
#clientDetailsDialog .tenant-user-profile select{display:block;width:100%;max-width:none;min-width:0;height:38px;padding:7px 10px;font-size:12px}
#clientDetailsDialog td.row-actions{display:table-cell;vertical-align:middle}
#clientDetailsDialog td.row-actions button,#addClientUserButton{display:block;height:38px;margin:0;padding:8px 12px;line-height:20px;font-size:12px;white-space:nowrap}
#closeClientDetails{width:36px;height:36px;padding:0}#clientDetailsSummary{font-size:12px}
@media(max-width:600px){#clientDetailsDialog{padding:18px}#clientDetailsDialog table,#clientDetailsDialog tbody{display:block;width:100%}#clientDetailsDialog thead{display:none}#clientDetailsDialog tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}#clientDetailsDialog td,#clientDetailsDialog td.row-actions{display:block;padding:0;border:0;width:auto}#clientDetailsDialog td:first-child{grid-column:1/-1;font-weight:700}#clientDetailsDialog td.row-actions button{width:100%;font-size:11px;padding:8px 6px}}

#createTenantForm{grid-template-columns:repeat(4,minmax(0,1fr)) auto}#accountUsers td{vertical-align:middle}#accountUsers select{width:100%;max-width:230px;height:38px;font-size:12px}#accountUsers .row-actions button{height:38px;margin:0;font-size:12px}@media(max-width:1200px){#createTenantForm{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#createTenantForm{grid-template-columns:minmax(0,1fr)}#accountUsers table{min-width:580px}}

.row-actions .delete-video{background:#fff;color:#a80030;border:1px solid #e7b5c3}.row-actions .delete-video:hover{background:#fceef2}.row-actions .delete-video:disabled{opacity:.45;cursor:wait}
.platform-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.platform-cards article{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.platform-cards span{display:block;font-size:12px;color:#6a7c95}.platform-cards strong{display:block;color:#17355b;font-size:28px;margin-top:10px}.platform-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.platform-heading p{font-size:12px;margin-bottom:0}.platform-table{min-width:800px}.platform-table td{font-size:12px}#platformUpdated{font-size:12px}@media(max-width:900px){.platform-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.platform-cards{gap:10px}.platform-cards article{padding:15px}.platform-heading{align-items:stretch;flex-direction:column}}

.row-actions .delete-client{background:#fff;color:#a80030;border:1px solid #e7b5c3}.row-actions .delete-client:hover{background:#fceef2}#deleteClientDialog p{font-size:13px;line-height:1.7}#deleteClientStatus{color:#a80030}#confirmDeleteClient{background:#a80030;color:#fff;width:100%}#confirmDeleteClient:disabled{opacity:.4;cursor:default}#closeDeleteClient{width:36px;height:36px;padding:0}

aside>small{white-space:nowrap}

#pageTitle,#pageDescription{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:600;letter-spacing:1.5px;color:#95a0b2;text-transform:uppercase}

#pageTitle{font-size:25.2px;font-weight:700;color:#17355b;line-height:1.25}@media(max-width:600px){#pageTitle{font-size:21.6px}}

header .eyebrow{display:none}footer{position:relative}.platform-footer-label{display:block;position:absolute;left:50%;transform:translateX(-50%);font-size:10px;font-weight:600;letter-spacing:1.5px;color:#95a0b2;white-space:nowrap}@media(max-width:700px){footer{flex-wrap:wrap;justify-content:center;gap:14px}.platform-footer-label{position:static;transform:none;flex-basis:100%;text-align:center;white-space:normal}}

.footer-brand-label,aside>small,.platform-footer-label{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:600;letter-spacing:1.5px}.footer-brand-label{display:block}

/* Shared navy for bold panel text. */
h1,h2,h3,h4,h5,h6,strong,b,.brand,.ad-title-link,.stats strong,.login h1,#clientDetailsDialog td:first-child{color:#17355b}

#stats{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1100px){#stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){#stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.client-quota-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:20px 0 24px}.client-quota-form label{margin:0}.client-quota-form input,.client-quota-form button{height:42px}.client-quota-form p{grid-column:1/-1;margin:0;font-size:12px}@media(max-width:600px){.client-quota-form{grid-template-columns:minmax(0,1fr)}.client-quota-form button{width:100%}}

/* Shared light-gray sidebar. */
aside{background:#eef0f3}

.client-list-toolbar{display:flex;justify-content:flex-end;margin-bottom:20px}#clientProfileDialog{width:min(800px,94vw);max-height:90dvh;overflow:auto}#createTenantForm{display:block}#createTenantForm fieldset{border:1px solid var(--line);border-radius:8px;padding:16px;margin:18px 0}#createTenantForm legend{font-size:13px;font-weight:700;color:#17355b;padding:0 7px}.client-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#createTenantForm label{margin:0;font-size:12px}#createTenantForm input,#createTenantForm select,#createTenantForm textarea{width:100%;min-width:0;font-size:13px;padding:10px}#createTenantForm .muted{font-size:11px;line-height:1.5}#clientProfileStatus{font-size:12px}.client-profile-overview{border-bottom:1px solid var(--line);padding-bottom:18px}.client-profile-overview dl{font-size:12px;gap:10px}.client-profile-overview dd{white-space:pre-wrap}#tenantRows td{overflow-wrap:anywhere}@media(max-width:600px){.client-profile-grid{grid-template-columns:minmax(0,1fr)}#clientProfileDialog{padding:18px}#createTenantForm fieldset{padding:12px}}



/* Shared closing control: explicit class for text buttons; dialog headers inherit it. */
dialog .dialog-close,dialog .dialog-head>button,dialog button[aria-label^="Mbyll"]{background:var(--accent);color:#fff;border-color:var(--accent)}

#panelBusyDialog{width:min(300px,88vw);text-align:center;padding:30px;border:1px solid var(--line);outline:none}#panelBusyDialog::backdrop{background:#17355b45;backdrop-filter:blur(3px)}#panelBusyText{font-size:13px;line-height:1.5;margin:18px 0 0;color:#17355b}.panel-spinner{width:38px;height:38px;margin:auto;border:3px solid #f0d1da;border-top-color:var(--accent);border-radius:50%;animation:panel-spin .85s linear infinite}@keyframes panel-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.panel-spinner{animation:none;border-color:var(--accent);opacity:.75}}

#tenantRows .row-actions button{width:140px;height:36px;box-sizing:border-box;margin:4px 6px 4px 0;padding:6px 8px;white-space:nowrap;font-size:11px;vertical-align:middle}

/* Center shared page headings independently of the upload action. */
main>header{position:relative;justify-content:flex-start}main>header>div{width:100%;text-align:left;padding-inline:0;padding-right:165px}main>header>#uploadButton{position:absolute;right:0}@media(max-width:700px){main>header{flex-direction:column;align-items:center}main>header>div{padding:0}main>header>#uploadButton{position:static;align-self:flex-end}}

#pageTitle{display:none}

main>footer{border-top:0;box-shadow:0 -2px 0 #cbd3df}

.security-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0}.security-toolbar p{font-size:12px}.security-warnings{padding:12px 18px;background:#fff6e5;border:1px solid #ead2a4;border-radius:8px;margin-bottom:18px}.security-warnings p{font-size:12px;line-height:1.6;color:#71542a;margin:5px 0}.security-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.security-metrics article,.security-components article{background:#fff;border:1px solid var(--line);padding:20px;border-radius:9px}.security-metrics span{color:var(--muted);font-size:12px}.security-metrics strong{display:block;font-size:25px;margin-top:12px}.security-components{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.security-components h3{font-size:14px;margin:0 0 12px}.security-components p{font-size:12px;line-height:1.6}.security-state{display:inline-block;font-size:11px;padding:5px 9px;border-radius:5px;background:#edf0f5;color:#61718a}.security-state.active{color:#17764e;background:#e8f6ef}.security-state.warning,.security-state.detection{color:#83601f;background:#fff3d8}.security-state.failed{color:#a80030;background:#fbe9ee}#securityView .content-panel h3{margin:24px 0 16px}#securityView td{font-size:12px;overflow-wrap:anywhere}#securityTargets p{font-size:12px}@media(max-width:1000px){.security-components{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.security-components{grid-template-columns:minmax(0,1fr)}.security-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.security-toolbar{align-items:flex-start}.security-metrics article{padding:15px}}

.firewall-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.firewall-heading>span{font-size:12px;color:#61718a}.firewall-help{font-size:12px;line-height:1.7}.firewall-pending{background:#fff3d8;border:1px solid #ead2a4;border-radius:8px;padding:16px;margin:16px 0}.firewall-pending p{color:#71542a;font-size:13px;margin-top:0}#firewallFields{border:1px solid var(--line);border-radius:8px;padding:16px;margin:18px 0}.firewall-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.firewall-form-grid label{margin:0;font-size:12px}.firewall-form-grid input,.firewall-form-grid select{width:100%;min-width:0}.firewall-table{min-width:900px}.firewall-table .row-actions button{width:90px;height:34px;padding:6px;margin:3px}.firewall-audit{margin:20px 0;padding-bottom:18px;border-bottom:1px solid var(--line)}.firewall-audit summary{cursor:pointer;color:#17355b;font-size:13px;font-weight:600}.firewall-audit td{max-width:300px}.firewall-pending .row-actions button{margin:4px 8px 4px 0}@media(max-width:850px){.firewall-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.firewall-form-grid{grid-template-columns:minmax(0,1fr)}.firewall-heading{align-items:flex-start;flex-direction:column;gap:0}}

.encoding-progress{width:190px;max-width:100%;margin-top:9px}.encoding-progress progress{display:block;width:100%;height:6px;accent-color:var(--accent)}.encoding-progress small{display:block;color:#61718a;font-size:10px;line-height:1.6;margin-top:4px;white-space:nowrap}

#adsStatus.is-error:not(:empty),#adEditorStatus.is-error:not(:empty){color:#a80030;background:#fff0f3;border-color:#efb5c5}.ad-placement .ad-placement-error{margin-left:auto;color:#a80030;font-size:12px;font-weight:600;line-height:1.5}.ad-placement input[aria-invalid=true]{border:1px solid #a80030;background:#fff5f7}.ad-placement .toggle{flex-wrap:wrap}

#analyticsStatus.analytics-error{color:#a80030;background:#fff0f3;padding:12px 14px;border:1px solid #efb5c5;border-radius:6px}

.client-ads-setting{margin:20px 0;padding:14px 16px;background:#f5f7fb;border:1px solid var(--line);border-radius:6px}.client-ads-setting .toggle{font-weight:600;color:#17355b;margin:0}.client-ads-setting small{display:block;margin-top:8px;color:#65748a}.client-ads-setting p{margin:8px 0 0;font-size:12px}.client-ads-setting p:empty{display:none}

#clientDetailsDialog .dialog-head h2{margin-right:auto}#clientDetailsDialog .client-quota-form{grid-template-columns:1fr}#clientQuotaStatus{color:#a80030}

#clientDetailsDialog>.dialog-head{gap:10px}#saveClientDetails,#closeClientDetails{width:36px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:6px}#clientDetailsDialog #saveClientDetails{width:64px;flex-basis:64px;font-size:12px;background:#17355b;border-color:#17355b;color:#fff}

.language-picker{position:fixed;bottom:114px;left:30px;z-index:30;display:flex;gap:4px;padding:4px;background:#eef0f3;border:0;border-radius:0;background:transparent}.language-picker button{padding:6px 9px;font-size:11px;background:transparent;color:#17355b;border-radius:4px}.language-picker button[aria-pressed=true]{background:#17355b;color:#fff}body:has(dialog[open]) .language-picker{visibility:hidden}@media(max-width:600px){.language-picker{left:auto;right:12px;bottom:12px}}
/* Public overview and plans; kept separate from the authenticated panel. */
.login.public-home{display:block;min-height:100vh;height:auto;padding:0;background:linear-gradient(135deg,#fff 25%,#f6f7fb 75%);color:#17355b}
.home-shell{max-width:1264px;margin:0 auto;padding:0 32px}
.home-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12.45px 112px 12.45px 0;border-bottom:1px solid #dfe7f0}
.home-brand{display:inline-flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;color:#17355b;text-decoration:none;white-space:nowrap}
.home-header nav{display:flex;align-items:center;gap:28px;flex:1;min-width:0}.home-header nav .home-signin-link{margin-left:auto}.home-header nav a{font-size:12px;font-weight:600;color:#526780;text-decoration:none;text-transform:uppercase}.home-header nav a:hover{color:#a80030}.home-header nav .home-signin-link{color:#a80030}
.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 358px;align-items:center;gap:90px;padding:76px 0 72px}
.public-home .home-eyebrow{margin:0 0 18px;font-size:10px;letter-spacing:1.7px;font-weight:700;color:#a80030}
.public-home .home-intro h1{margin:0 0 24px;font-family:Manrope,sans-serif;font-size:clamp(26.6px,3.15vw,43.4px);line-height:1.12;letter-spacing:-2px;color:#17355b;font-weight:800}
.public-home .home-lead{max-width:550px;margin:0 0 30px;font-size:16px;line-height:1.8;color:#65748a}
.home-primary{display:inline-flex;align-items:center;gap:32px;background:#a80030;color:#fff;font-size:13px;font-weight:700;padding:14px 20px;text-decoration:none;border-radius:6px}.home-primary:hover{background:#8c0028}
.home-capabilities{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:27px}.home-capabilities span{display:flex;align-items:center;gap:7px;font-size:11px;color:#65748a}.home-capabilities span:before{content:'';width:5px;height:5px;background:#a80030;border-radius:50%;flex-shrink:0}
:is(.public-home,.auth-page) #loginForm{width:100%;max-width:none;margin:0;padding:30px;background:#fff;border:1px solid #dfe7f0;border-radius:12px;box-shadow:0 16px 44px #17355b0b}
:is(.public-home,.auth-page) #loginForm h2{font-size:21px;margin:0 0 9px}:is(.public-home,.auth-page) #loginForm>p:not(.home-eyebrow){font-size:12px;line-height:1.7;color:#65748a;margin:0 0 24px}:is(.public-home,.auth-page) #loginForm .home-eyebrow{font-size:9px;margin-bottom:12px}
:is(.public-home,.auth-page) #loginForm label{margin:17px 0;font-size:12px;color:#17355b}:is(.public-home,.auth-page) #loginForm input{width:100%;min-width:0;background:#fff;border:1px solid #dfe7f0;font-size:13px;border-radius:6px;padding:12px;color:#17355b}
:is(.public-home,.auth-page) #loginForm>button{width:100%;margin-top:3px;background:#a80030;color:#fff;border-radius:6px;font-size:12px;padding:13px}:is(.public-home,.auth-page) #loginForm #loginError{color:#a80030;margin:14px 0 0}.public-home #loginError:empty{display:none}:is(.public-home,.auth-page) #loginForm>small{display:block;margin-top:18px;font-size:10px;line-height:1.5;text-align:center;color:#8290a4}
.home-section{padding:52px 0 56px;border-top:1px solid #dfe7f0;scroll-margin-top:24px}.home-section-heading{max-width:660px;margin-bottom:30px}.public-home .home-section-heading .home-eyebrow{margin-bottom:12px}.home-section-heading h2{font-size:24.65px;letter-spacing:-.7px;line-height:1.3;margin:0 0 12px}.home-section-heading>p:last-child{font-size:13px;line-height:1.8;color:#65748a;margin:0}
.home-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.home-feature-grid article{min-width:0;border-left:1px solid #dfe7f0;padding-left:22px}.home-feature-number{font-size:11px;letter-spacing:1px;color:#a80030}.home-feature-grid h3{font-size:14px;line-height:1.5;margin:17px 0 10px}.home-feature-grid p{font-size:12px;line-height:1.9;color:#65748a;margin:0}
.home-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.home-plan{position:relative;padding:30px;background:#fff;border:1px solid #dfe7f0;border-radius:9px}.home-plan:not(.home-plan-ads){border-top:3px solid #17355b;padding-top:28px}.home-plan-ads{border-top:3px solid #a80030;padding-top:28px}.home-plan .home-plan-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#8290a4;margin:0 0 16px}.home-plan h3{font-size:23px;margin:0 0 10px}.home-plan>p{font-size:12px;line-height:1.8;margin:0;max-width:430px;color:#65748a}.home-plan .home-price{font-size:26px;font-family:Manrope,sans-serif;font-weight:800;color:#17355b;margin-top:26px}.home-plan .home-price-note{font-size:11px;margin-top:5px;color:#8290a4}.home-plan ul{display:grid;gap:13px;list-style:none;padding:23px 0 0;margin:25px 0 0;border-top:1px solid #dfe7f0}.home-plan li{display:flex;align-items:flex-start;gap:10px;color:#526780;font-size:12px;line-height:1.6}.home-plan li:before{content:'✓';font-weight:700;color:#a80030}
.home-team-note{margin-top:24px;padding:22px 26px;border-radius:6px;background:#eef2f7;display:flex;align-items:center;gap:28px}.home-team-note strong{font-size:13px;white-space:nowrap}.home-team-note p{font-size:12px;line-height:1.8;margin:0;color:#65748a}
.public-home .home-footer{margin:0;padding:26px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dfe7f0;font-size:10px;color:#8290a4}.home-footer .home-brand{font-size:15px}.home-footer>a:last-child{font-size:11px;font-weight:600;color:#17355b;text-decoration:none}.home-footer>span{letter-spacing:1px}
body:has(#login.public-home:not([hidden])) .language-picker{top:12.45px;right:max(32px,calc((100vw - 1200px)/2));bottom:auto;left:auto;background:#fff}
@media(max-width:1000px){.home-hero{gap:38px;grid-template-columns:minmax(0,1fr) 330px;padding:54px 0}.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.home-team-note{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:700px){.home-shell{padding:0 20px}.home-header{padding:10.65px 96px 10.65px 0;gap:12px}.home-header .home-brand{font-size:18px}.home-header nav{gap:12px}.home-header nav a{font-size:11px}.home-header nav a:first-child{display:none}.home-hero{grid-template-columns:1fr;gap:35px;padding:44px 0}.public-home .home-intro h1{font-size:30.8px;letter-spacing:-1.5px}.public-home .home-lead{font-size:14px}:is(.public-home,.auth-page) #loginForm{max-width:480px;justify-self:center;padding:25px}.home-section{padding:38px 0}.home-section-heading h2{font-size:21.25px}.home-plan-grid{grid-template-columns:1fr}.home-plan{padding:25px}.home-plan:not(.home-plan-ads),.home-plan-ads{padding-top:23px}.home-feature-grid{gap:24px 18px}.home-feature-grid article{padding-left:14px}.home-feature-grid h3{font-size:13px}.home-team-note strong{white-space:normal}.public-home .home-footer{flex-wrap:wrap}.home-footer>span{display:none}body:has(#login.public-home:not([hidden])) .language-picker{top:10.65px;right:20px}}
@media(max-width:380px){.home-header nav a:not(.home-signin-link){display:none}.public-home .home-intro h1{font-size:26.6px}.home-feature-grid{grid-template-columns:1fr}}
@media(max-width:700px){.home-shell{width:100%;min-width:0}.home-header{min-width:0;min-height:60.3px;align-items:center}.home-header nav{display:none}.home-hero{grid-template-columns:minmax(0,1fr)}.home-intro{min-width:0}.public-home .home-intro h1{overflow-wrap:anywhere}}

.public-home .home-footer{justify-content:center;border-top:2px solid #cbd3df}.public-home .home-footer>span{display:block;text-align:center}

.public-home .home-header{position:sticky;top:0;z-index:25;background:#fff;box-shadow:0 5px 12px #17355b06}.public-home .home-section,:is(.public-home,.auth-page) #loginForm{scroll-margin-top:115px}body:has(#login.public-home:not([hidden])) .language-picker{position:fixed}

.brand-logo{display:block;width:38px;height:38px;flex:0 0 38px;object-fit:contain;background:transparent}

.brand-wordmark{white-space:nowrap;color:#17355b}.brand-wordmark .brand-vidio{color:#a80030}

:is(.public-home,.auth-page) #loginForm input{height:44px;line-height:20px;box-shadow:none;transition:none;animation:none}:is(.public-home,.auth-page) #loginForm input:focus{outline:none;border-color:#dfe7f0;box-shadow:none}:is(.public-home,.auth-page) #loginForm.keyboard-focus input:focus{outline:2px solid #17355b;outline-offset:2px}@media(max-width:700px){:is(.public-home,.auth-page) #loginForm input{font-size:16px}}@media(prefers-reduced-motion:reduce){:is(.public-home,.auth-page) #loginForm input{transition:none}}

.public-home .home-hero{grid-template-columns:minmax(0,1fr);padding-top:70px;padding-bottom:70px}.public-home .home-intro{max-width:790px}.public-home .home-lead{max-width:640px}
.login.auth-page{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:75px 24px;background:#f6f7fb}
.auth-page .auth-shell{width:100%;max-width:420px}.auth-page .auth-brand{display:flex;justify-content:center;margin-bottom:25px}.auth-page #loginForm{width:100%;max-width:none;padding:30px;background:#fff;border:1px solid #dfe7f0;border-radius:10px;box-shadow:none}.auth-page #loginForm h1{font-size:25px;margin:0 0 10px;letter-spacing:-.5px}.auth-page #loginForm>p{font-size:12px;line-height:1.8;color:#65748a;margin:0 0 24px}.auth-page .auth-back{display:block;text-align:center;margin-top:22px;color:#17355b;font-size:12px;text-decoration:none}.auth-page #loginForm #loginError{margin:16px 0 0;color:#a80030}.auth-page #loginError:empty{display:none}
@media(max-width:700px){.public-home .home-hero{padding-top:44px;padding-bottom:44px}}
@media(max-width:700px){.home-header nav{display:flex}.home-header nav a:not(.home-signin-link){display:none}.home-header nav .home-signin-link{display:block;white-space:nowrap}.home-header .home-brand{font-size:16px;gap:7px}.home-header .brand-logo{width:30px;height:30px;flex-basis:30px}}@media(max-width:380px){.home-header .brand-wordmark{font-size:14px}.home-header{gap:8px}}

body:has(#app:not([hidden]))>.language-picker{display:none}

.public-home .home-intro h1,.public-home #homeFeaturesTitle,.public-home #homePlansTitle{text-transform:uppercase}

.client-domain-setting{margin:22px 0;padding:16px;border:1px solid #dfe7f0;border-radius:6px}.client-domain-setting legend{color:#17355b;font-weight:700}.client-domain-setting textarea{width:100%;resize:vertical}.client-domain-setting small{display:block;color:#65748a;line-height:1.6}