:root{--navy:#0f172a;--navy2:#07111f;--blue:#2563eb;--green:#059669;--amber:#d97706;--red:#dc2626;--purple:#7c3aed;--text:#172033;--muted:#64748b;--line:#e2e8f0;--bg:#eef3f8;--card:#fff;--radius:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.full{width:100%}.loading{position:fixed;inset:0;z-index:9999;display:grid;place-content:center;justify-items:center;gap:10px;background:var(--navy2);color:white}.loading span{color:#94a3b8;font-size:.8rem}.brandmark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:white;background:linear-gradient(135deg,#2563eb,#06b6d4);font-weight:900;box-shadow:0 10px 25px #2563eb44}.brand{display:flex;align-items:center;gap:10px}.brand b,.brand small{display:block}.brand small{margin-top:2px;color:#94a3b8;font-size:.7rem}.light{color:#fff}.login{min-height:100vh;display:grid;grid-template-columns:1.2fr minmax(420px,.8fr);background:white}.loginHero{min-height:100vh;padding:48px;display:flex;flex-direction:column;justify-content:space-between;color:white;background:radial-gradient(circle at 85% 5%,#0ea5e955,transparent 30%),linear-gradient(140deg,#07111f,#102347 60%,#0b3f5c)}.loginHero h1{max-width:760px;margin:20px 0 15px;font-size:clamp(3rem,5vw,5rem);line-height:.98;letter-spacing:-.055em}.loginHero p{max-width:650px;color:#cbd5e1;line-height:1.7}.tag{display:inline-flex;padding:7px 11px;border:1px solid #ffffff22;border-radius:999px;background:#ffffff12;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.featureRow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.featureRow div{padding:16px;border:1px solid #ffffff18;border-radius:13px;background:#ffffff0d}.featureRow b,.featureRow small{display:block}.featureRow small{margin-top:4px;color:#94a3b8}.loginMain{display:grid;place-items:center;padding:35px;background:#f8fafc}.loginCard{width:min(420px,100%);padding:36px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:0 20px 55px #0f172a12}.loginCard h2{margin:5px 0;font-size:2rem;letter-spacing:-.04em}.eyebrow{color:var(--blue);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.loginCard label,.field{display:grid;gap:7px;margin-top:18px}.loginCard label>span,.field>span{font-size:.78rem;font-weight:800;color:#334155}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:9px;background:white;color:var(--text);outline:none}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.password{position:relative}.password input{padding-right:65px}.password button{position:absolute;right:5px;top:5px;height:34px;border:0;border-radius:7px;background:#f1f5f9;color:#475569;font-size:.72rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:41px;padding:9px 14px;border:1px solid transparent;border-radius:9px;font-weight:800;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.primary{margin-top:20px;color:white;background:var(--blue);box-shadow:0 9px 22px #2563eb33}.secondary{color:var(--text);background:white;border-color:#cbd5e1}.danger{color:white;background:var(--red)}.compact{min-height:34px;padding:6px 10px;font-size:.74rem}.defaultLogin{display:flex;justify-content:space-between;gap:8px;margin-top:15px;padding:10px;border-radius:9px;background:#f1f5f9;color:var(--muted);font-size:.72rem}.defaultLogin code{color:var(--text);font-weight:800}.error{padding:10px;border-radius:8px;color:#991b1b;background:#fee2e2;font-size:.76rem}.mobileBrand{display:none;margin-bottom:28px}.sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:270px;display:flex;flex-direction:column;color:white;background:var(--navy2);box-shadow:12px 0 35px #02061722}.sidebar header{display:flex;align-items:center;justify-content:space-between;padding:22px 18px}.sidebar nav{padding:5px 11px 18px;overflow:auto}.navLabel{display:block;padding:13px 10px 6px;color:#64748b;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.navItem{width:100%;display:flex;align-items:center;gap:11px;margin:3px 0;padding:10px 11px;border:0;border-radius:9px;color:#94a3b8;background:transparent;text-align:left;font-weight:700;font-size:.82rem;cursor:pointer}.navItem:hover{color:white;background:#ffffff0d}.navItem.active{color:white;background:linear-gradient(90deg,#2563eb,#0ea5e9aa)}.navIcon{width:20px;text-align:center}.sidebar footer{margin-top:auto;padding:15px;border-top:1px solid #ffffff12}.userMini{display:flex;align-items:center;gap:9px}.userMini b,.userMini small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userMini b{font-size:.78rem}.userMini small{margin-top:2px;color:#64748b;font-size:.66rem}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:white;background:linear-gradient(135deg,#7c3aed,#2563eb);font-weight:900}.avatar.small{width:34px;height:34px;font-size:.75rem}.logout{width:100%;margin-top:11px;padding:8px;border:1px solid #ffffff18;border-radius:8px;color:#94a3b8;background:transparent}.iconBtn{border:0;background:transparent;cursor:pointer}.sidebar .iconBtn{display:none;color:white;font-size:1.3rem}.main{min-height:100vh;margin-left:270px}.topbar{position:sticky;top:0;z-index:40;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #cbd5e1aa;background:#f8fafce8;backdrop-filter:blur(15px)}.titleGroup,.topActions{display:flex;align-items:center;gap:13px}.titleGroup h1{margin:1px 0 0;font-size:1.3rem}.titleGroup small{color:var(--muted);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.menu{display:none;width:36px;height:36px}.live{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #bbf7d0;border-radius:999px;color:#047857;background:#ecfdf5;font-size:.66rem;font-weight:900;text-transform:uppercase}.live i{width:6px;height:6px;border-radius:50%;background:#10b981}.profile{display:flex;align-items:center;gap:8px;padding:4px;border:0;border-radius:9px;background:transparent;text-align:left}.profile span b,.profile span small{display:block}.profile span b{font-size:.74rem}.profile span small{color:var(--muted);font-size:.64rem}.content{padding:24px 26px 40px}.pageHead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.pageHead h2{margin:0 0 4px;font-size:1.2rem}.pageHead p{margin:0;color:var(--muted);font-size:.8rem}.pageActions,.actions,.toolbar,.toolbarGroup{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat,.card{border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:0 10px 30px #0f172a0f}.stat{padding:18px}.statTop{display:flex;justify-content:space-between;gap:10px}.stat label{color:var(--muted);font-size:.69rem;font-weight:900;text-transform:uppercase}.stat strong{display:block;margin-top:12px;font-size:1.65rem;letter-spacing:-.04em}.stat small{display:block;margin-top:6px;color:var(--muted)}.statIcon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:var(--blue);background:#eff6ff;font-weight:900}.green .statIcon{color:var(--green);background:#ecfdf5}.amber .statIcon{color:var(--amber);background:#fffbeb}.purple .statIcon{color:var(--purple);background:#f5f3ff}.grid2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px;margin-top:16px}.cardHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 17px 13px;border-bottom:1px solid #f1f5f9}.cardHead h3{margin:0;font-size:.9rem}.cardHead p{margin:3px 0 0;color:var(--muted);font-size:.68rem}.cardBody{padding:16px 17px}.flush{padding:0}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.pipe{padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.pipe span,.pipe b{display:block}.pipe span{color:var(--muted);font-size:.65rem;font-weight:800}.pipe b{margin-top:6px;font-size:1.2rem}.bar{height:5px;margin-top:9px;border-radius:999px;background:#e2e8f0;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue)}.activity{display:grid;gap:11px}.activityItem{display:grid;grid-template-columns:30px 1fr;gap:9px}.activityIcon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--blue);background:#eff6ff;font-size:.66rem;font-weight:900}.activityItem p{margin:0;font-size:.74rem;line-height:1.45}.activityItem time{display:block;margin-top:2px;color:#94a3b8;font-size:.63rem}.toolbar{justify-content:space-between;margin-bottom:12px}.search{min-width:min(330px,100%);min-height:40px}.filter{min-height:40px}.tableWrap{overflow:auto}.table{width:100%;min-width:820px;border-collapse:collapse}.table th{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--muted);background:#f8fafc;font-size:.62rem;font-weight:900;text-align:left;text-transform:uppercase;letter-spacing:.05em}.table td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:.74rem;vertical-align:middle}.table tr:last-child td{border-bottom:0}.primaryText{font-weight:800}.secondaryText{display:block;margin-top:3px;color:var(--muted);font-size:.64rem}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;color:#334155;background:#f1f5f9;font-size:.62rem;font-weight:900;text-transform:capitalize;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.pending,.status.draft{color:#92400e;background:#fef3c7}.status.in-progress,.status.partial{color:#1d4ed8;background:#dbeafe}.status.for-review{color:#6d28d9;background:#ede9fe}.status.completed,.status.paid,.status.active{color:#047857;background:#d1fae5}.status.cancelled,.status.inactive{color:#b91c1c;background:#fee2e2}.status.on-hold{color:#9a3412;background:#ffedd5}.actionBtn{min-height:30px;padding:5px 8px;border:1px solid #cbd5e1;border-radius:7px;color:#475569;background:white;font-size:.66rem;font-weight:800;cursor:pointer}.actionBtn:hover{color:var(--blue);border-color:#93c5fd;background:#eff6ff}.actionBtn.danger:hover{color:var(--red);border-color:#fecaca;background:#fef2f2}.mobileCards{display:none;gap:10px}.mobileCard{padding:13px;border:1px solid var(--line);border-radius:12px;background:white}.mobileCardHead{display:flex;justify-content:space-between;gap:8px}.mobileCard h4{margin:0;font-size:.84rem}.mobileCard p{margin:4px 0 0;color:var(--muted);font-size:.66rem}.mobileMeta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.mobileMeta div{padding:8px;border-radius:8px;background:#f8fafc}.mobileMeta span,.mobileMeta b{display:block}.mobileMeta span{color:var(--muted);font-size:.57rem;font-weight:900;text-transform:uppercase}.mobileMeta b{margin-top:3px;font-size:.69rem}.mobileCard .actions{margin-top:10px}.empty{min-height:200px;display:grid;place-items:center;padding:25px;text-align:center}.empty b{display:block}.empty p{max-width:360px;margin:6px 0 0;color:var(--muted);font-size:.72rem}.emptyIcon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 10px;border-radius:15px;color:var(--blue);background:#eff6ff;font-size:1.2rem}.modalRoot{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:#020617a6;backdrop-filter:blur(4px)}.modalRoot.open{display:flex}.modal{width:min(680px,100%);max-height:90vh;display:flex;flex-direction:column;border-radius:17px;background:white;box-shadow:0 30px 90px #02061755;overflow:hidden}.modal.large{width:min(900px,100%)}.modalHead{display:flex;justify-content:space-between;gap:10px;padding:17px 19px 14px;border-bottom:1px solid var(--line)}.modalHead h2{margin:0;font-size:1.05rem}.modalHead p{margin:3px 0 0;color:var(--muted);font-size:.7rem}.modalClose{width:32px;height:32px;border:0;border-radius:8px;background:#f1f5f9;font-size:1.15rem}.modalBody{padding:18px 19px;overflow:auto}.modalFooter{display:flex;justify-content:flex-end;gap:8px;padding:13px 19px;border-top:1px solid var(--line);background:#f8fafc}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formGrid .field{margin:0}.span2{grid-column:span 2}.help{margin:5px 0 0;color:var(--muted);font-size:.64rem}.photo{width:100%;max-height:300px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.fileDrop{position:relative;display:grid;place-items:center;min-height:88px;padding:12px;border:1px dashed #cbd5e1;border-radius:10px;color:var(--muted);background:#f8fafc;text-align:center;font-size:.7rem}.fileDrop input{position:absolute;inset:0;width:100%;height:100%;opacity:0}.detailGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.detail{padding:10px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}.detail span,.detail b{display:block}.detail span{color:var(--muted);font-size:.57rem;font-weight:900;text-transform:uppercase}.detail b{margin-top:4px;font-size:.72rem;word-break:break-word}.detailSection{margin-top:14px}.detailSection h3{margin:0 0 7px;font-size:.76rem}.detailSection p{margin:0;color:#475569;font-size:.72rem;line-height:1.55;white-space:pre-wrap}.reportKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.reportKpi{padding:14px;border:1px solid var(--line);border-radius:12px;background:white}.reportKpi span,.reportKpi b{display:block}.reportKpi span{color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase}.reportKpi b{margin-top:6px;font-size:1.2rem}.settingsGrid{display:grid;grid-template-columns:1fr minmax(270px,.52fr);gap:16px}.warning{padding:15px;border:1px solid #fed7aa;border-radius:12px;color:#9a3412;background:#fff7ed}.warning h3{margin:0 0 6px;font-size:.82rem}.warning p{margin:0;font-size:.7rem;line-height:1.5}.toasts{position:fixed;right:18px;bottom:18px;z-index:150;display:grid;gap:8px;width:min(350px,calc(100vw - 36px))}.toast{display:grid;grid-template-columns:29px 1fr 20px;gap:8px;padding:12px;border:1px solid var(--line);border-radius:11px;background:white;box-shadow:0 18px 45px #0f172a2e}.toastIcon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#047857;background:#d1fae5;font-weight:900}.toast.error .toastIcon{color:#b91c1c;background:#fee2e2}.toast b,.toast span{display:block}.toast b{font-size:.72rem}.toast span{margin-top:2px;color:var(--muted);font-size:.65rem}.toast button{border:0;background:transparent}.backdrop{display:none}@media(max-width:1150px){.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.reportKpis{grid-template-columns:1fr 1fr}}@media(max-width:900px){.login{grid-template-columns:1fr}.loginHero{display:none}.loginMain{min-height:100vh;padding:20px}.mobileBrand{display:flex}.sidebar{transform:translateX(-105%);transition:.2s}.sidebar.open{transform:translateX(0)}.sidebar .iconBtn,.menu{display:grid;place-items:center}.backdrop.show{position:fixed;inset:0;z-index:55;display:block;background:#02061777}.main{margin-left:0}.settingsGrid{grid-template-columns:1fr}}@media(max-width:700px){.topbar{height:66px;padding:0 13px}.topbar h1{font-size:1.05rem}.live,.profile>span:last-child,.topbar .secondary{display:none}.content{padding:17px 13px 28px}.pageHead{align-items:flex-start;flex-direction:column}.pageActions{width:100%}.pageActions>*{flex:1}.stats{gap:9px}.stat{padding:14px}.stat strong{font-size:1.35rem}.pipeline{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbarGroup{width:100%}.search{min-width:100%}.desktop{display:none}.mobileCards{display:grid}.formGrid{grid-template-columns:1fr}.span2{grid-column:span 1}.detailGrid{grid-template-columns:1fr 1fr}.modalRoot{padding:0;align-items:flex-end}.modal,.modal.large{width:100%;max-height:94vh;border-radius:17px 17px 0 0}}@media(max-width:450px){.loginCard{padding:24px 19px}.stats,.pipeline,.detailGrid,.reportKpis{grid-template-columns:1fr}.defaultLogin{align-items:flex-start;flex-direction:column}}


/* Production refinements */
.loginNote{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem;text-align:center;line-height:1.45}
.loginCard{position:relative;overflow:hidden}
.loginCard:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2563eb,#06b6d4)}
.exportHint{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;padding:12px 13px;border:1px solid #bfdbfe;border-radius:11px;color:#1e3a8a;background:#eff6ff;font-size:.7rem;line-height:1.5}
.exportHint b{display:block;margin-bottom:2px}
.fileList{display:grid;gap:8px;margin-top:10px}
.fileItem{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}
.fileItemMain{min-width:0;display:flex;align-items:center;gap:9px}
.fileIcon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:#1d4ed8;background:#dbeafe;font-weight:900;font-size:.68rem}
.fileItem b,.fileItem small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fileItem b{font-size:.72rem}.fileItem small{margin-top:3px;color:var(--muted);font-size:.62rem}
.fileActions{display:flex;gap:6px}.fileActions a{text-decoration:none}
.auditSummary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:white;margin-bottom:13px}
.auditSummary p{margin:0;color:var(--muted);font-size:.72rem}.auditSummary b{color:var(--text)}
.excelBadge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;color:#047857;background:#d1fae5;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.actionBtn.fileCount{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}
.systemInfo{padding:15px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#f8fafc,#eef6ff)}
.systemInfo h3{margin:0 0 8px;font-size:.82rem}.systemInfo ul{margin:0;padding-left:17px;color:#475569;font-size:.7rem;line-height:1.7}
@media(max-width:700px){.auditSummary{align-items:flex-start;flex-direction:column}.fileItem{grid-template-columns:1fr}.fileActions{width:100%}.fileActions>*{flex:1;text-align:center}}


/* V3 payroll, permissions, branding and motion */
:root{scroll-behavior:smooth}
.brandmark.withLogo{padding:3px;background:#fff;overflow:hidden;box-shadow:0 8px 24px #02061733}
.brandmark.withLogo img{width:100%;height:100%;display:block;object-fit:contain;border-radius:7px}
.viewEntering{animation:viewEnter .36s cubic-bezier(.2,.8,.2,1) both}
@keyframes viewEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.card,.stat,.mobileCard,.pipe,.reportKpi{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card:hover,.stat:hover,.mobileCard:hover{transform:translateY(-2px);box-shadow:0 15px 38px #0f172a14}
.btn,.actionBtn,.navItem,.profile,.iconBtn{transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.btn:active,.actionBtn:active,.navItem:active{transform:scale(.98)}
.modal.open .modal,.modalRoot.open .modal{animation:modalIn .24s cubic-bezier(.2,.8,.2,1) both}
@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.permissionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.permissionOption{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;cursor:pointer}
.permissionOption:hover{border-color:#93c5fd;background:#eff6ff}
.permissionOption input{width:17px;height:17px;accent-color:#2563eb}
.permissionOption span,.permissionOption b,.permissionOption small{display:block}
.permissionOption b{font-size:.71rem}.permissionOption small{margin-top:2px;color:var(--muted);font-size:.61rem}
.sectionLabel{padding-top:13px;border-top:1px solid var(--line)}
.sectionLabel b,.sectionLabel small{display:block}.sectionLabel b{font-size:.78rem}.sectionLabel small{margin-top:3px;color:var(--muted);font-size:.65rem}
.payoutFields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px;border:1px solid #bfdbfe;border-radius:12px;background:#f8fbff}
.earningSelection{display:grid;gap:8px;max-height:280px;overflow:auto;padding:2px}
.earningItem{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;cursor:pointer}
.earningItem:has(input:checked){border-color:#93c5fd;background:#eff6ff}
.earningItem input{width:17px;height:17px;accent-color:#2563eb}.earningItem span,.earningItem b,.earningItem small{display:block}.earningItem b{font-size:.72rem}.earningItem small{margin-top:3px;color:var(--muted);font-size:.62rem}.earningItem strong{font-size:.75rem;color:#1d4ed8}
.payoutPreview{display:grid;grid-template-columns:1fr auto;gap:7px;padding:14px;border-radius:12px;color:#dbeafe;background:linear-gradient(135deg,#0f172a,#17335f)}
.payoutPreview span{font-size:.67rem}.payoutPreview b,.payoutPreview strong{font-size:1rem;color:#fff;text-align:right}.payoutPreview strong{font-size:1.25rem}
.logoPreview{display:flex;align-items:center;gap:13px;margin-bottom:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}
.logoPreview img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--line)}
.logoPreview b,.logoPreview small{display:block}.logoPreview b{font-size:.75rem}.logoPreview small{margin-top:4px;color:var(--muted);font-size:.63rem;line-height:1.45}
@media(max-width:800px){.permissionGrid{grid-template-columns:1fr 1fr}.payoutFields{grid-template-columns:1fr}}
@media(max-width:480px){.permissionGrid{grid-template-columns:1fr}.earningItem{grid-template-columns:auto 1fr}.earningItem strong{grid-column:2}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}