:root{--ui-bg:#080b12;--ui-surface:#101621;--ui-surface-2:#151d2a;--ui-line:#2a3546;--ui-text:#f7f9fc;--ui-muted:#a9b4c5;--ui-blue:#5b8cff;--ui-blue-strong:#3973ff;--ui-mint:#50ddb2;--ui-amber:#ffc766;--ui-danger:#ff7385}
body.owner-mode,body.agency-mode,body.creator-mode{background:var(--ui-bg)!important;color:var(--ui-text)!important;font-size:17px;line-height:1.5}
body.owner-mode .shell,body.agency-mode .shell,body.creator-mode .shell{background:var(--ui-bg)!important}
body.owner-mode .sidebar,body.agency-mode .sidebar,body.creator-mode .sidebar{border-right:1px solid var(--ui-line)!important;background:#0b1019!important;box-shadow:18px 0 50px rgba(0,0,0,.18)}
body.owner-mode .brand,body.agency-mode .brand,body.creator-mode .brand{font-size:15px!important}
body.owner-mode .sidebar nav,body.agency-mode .sidebar nav,body.creator-mode .sidebar nav{gap:7px!important}
body.owner-mode .nav-item,body.agency-mode .nav-item,body.creator-mode .nav-item,body.owner-mode .od-owner-nav button{min-height:50px!important;padding:13px 14px!important;border:1px solid transparent!important;border-radius:12px!important;color:var(--ui-muted)!important;font-size:16px!important}
body.owner-mode .nav-item:hover,body.agency-mode .nav-item:hover,body.creator-mode .nav-item:hover,body.owner-mode .od-owner-nav button:hover{border-color:#35445b!important;background:#151e2c!important;color:var(--ui-text)!important}
body.owner-mode .nav-item.active,body.agency-mode .nav-item.active,body.creator-mode .nav-item.active,body.owner-mode .od-owner-nav button.active,body.owner-mode .os-nav-active{border-color:#527fd7!important;background:linear-gradient(135deg,#234b8b,#1b3968)!important;color:#fff!important;box-shadow:inset 4px 0 var(--ui-mint),0 8px 24px rgba(24,73,146,.22)!important}
body.owner-mode main,body.agency-mode main,body.creator-mode main{padding-left:32px!important;padding-right:32px!important}
body.owner-mode main>header,body.agency-mode main>header,body.creator-mode main>header{min-height:82px!important;border-bottom-color:var(--ui-line)!important;background:rgba(8,11,18,.94)!important}
body.owner-mode button,body.agency-mode button,body.creator-mode button{min-height:46px;border-radius:11px;font-size:15px;font-weight:800}
body.owner-mode button.primary,body.agency-mode button.primary,body.creator-mode button.primary{border:1px solid #729aff!important;background:linear-gradient(135deg,var(--ui-blue-strong),#6458df)!important;color:#fff!important;box-shadow:0 8px 22px rgba(57,115,255,.2)}
body.owner-mode button.secondary,body.agency-mode button.secondary,body.creator-mode button.secondary{border:1px solid #3a475b!important;background:#171f2c!important;color:#eef3fb!important}
body.owner-mode input,body.owner-mode select,body.owner-mode textarea,body.agency-mode input,body.agency-mode select,body.agency-mode textarea,body.creator-mode input,body.creator-mode select,body.creator-mode textarea{min-height:48px;border:1px solid #3a475b!important;border-radius:11px!important;background:#0d131d!important;color:var(--ui-text)!important;font-size:16px!important}
body.owner-mode input::placeholder,body.agency-mode input::placeholder,body.creator-mode input::placeholder{color:#7f8a9a}
body.owner-mode button:focus-visible,body.owner-mode input:focus-visible,body.owner-mode select:focus-visible,body.owner-mode a:focus-visible,body.agency-mode button:focus-visible,body.creator-mode button:focus-visible{outline:3px solid var(--ui-mint)!important;outline-offset:3px!important}
.owner-dashboard-v2 .od-card,.os-card,body.owner-mode .panel,body.agency-mode .panel,body.creator-mode .panel{border-color:var(--ui-line)!important;background:linear-gradient(145deg,var(--ui-surface-2),var(--ui-surface))!important;box-shadow:0 16px 40px rgba(0,0,0,.2)!important}
.owner-dashboard-v2 .od-title h2,.os-head h2{color:#fff;letter-spacing:-.025em}.owner-dashboard-v2 .od-title p,.os-head p,.os-subtle{color:var(--ui-muted)!important}
.od-kpi,.os-kpi{min-height:128px!important;border-top:3px solid var(--ui-blue)!important}.od-kpi>span,.os-kpi span{color:#b9c4d3!important}.od-kpi strong,.os-kpi strong{color:#fff!important}.od-kpi small.positive,.os-good,.od-profit{color:var(--ui-mint)!important}.od-kpi small.neutral,.os-warn{color:var(--ui-amber)!important}.od-kpi small.negative,.os-bad,.od-loss{color:var(--ui-danger)!important}
.od-table th,.os-table th{background:#0d141f;color:#bec9d8!important}.od-table td,.os-table td{color:#e8edf5!important}.od-table tbody tr:hover,.os-table tbody tr[data-open]:hover{background:#1a2637!important}
.os-badge.good{background:#123a30!important;color:#7aebc7!important}.os-badge.warn{background:#423418!important;color:#ffda8d!important}.os-badge.bad{background:#461d26!important;color:#ff9eaa!important}
.simple-chatter-modal,.chatter-application-review[open]>.chatter-application-detail{border-color:#41516a!important;background:#101722!important;color:var(--ui-text)!important}.simple-chatter-modal>header{background:rgba(16,23,34,.96)!important}
.toast{max-width:min(430px,calc(100vw - 28px));padding:15px 18px!important;border:1px solid #40506a!important;border-radius:12px!important;background:#151d29!important;color:#fff!important;font-size:15px!important;box-shadow:0 18px 50px rgba(0,0,0,.42)!important}
*{scrollbar-color:#4d6788 #0d131c;scrollbar-width:auto}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-track{background:#0d131c}::-webkit-scrollbar-thumb{border:3px solid #0d131c;border-radius:10px;background:#4d6788}
@media(max-width:950px){body.owner-mode main,body.agency-mode main,body.creator-mode main{padding-left:18px!important;padding-right:18px!important}.sidebar{font-size:17px}.sidebar .brand{min-height:44px}.od-kpis,.os-kpis{gap:12px!important}body.owner-mode main>header{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:72px!important;padding:10px 0!important}body.owner-mode main>header:before{max-width:190px;font-size:14px!important;line-height:1.35}body.owner-mode main>header .owner-header-actions{display:none!important}body.owner-mode main>header .mobile-menu{display:grid!important;place-items:center;position:static!important;min-width:46px!important;min-height:46px!important;margin-left:auto!important}}
@media(max-width:950px){body.owner-mode.creator-preview main>header .owner-header-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}body.owner-mode.creator-preview main>header .owner-header-actions>*:not(#owner-return-from-preview){display:none!important}body.owner-mode.creator-preview #owner-return-from-preview{display:block!important;width:100%!important;min-height:48px!important}}
@media(max-width:950px){body.owner-mode:not(.mobile-menu-open) .sidebar{transform:translateX(-110%)!important}body.owner-mode.mobile-menu-open .sidebar{transform:translateX(0)!important}body.owner-mode:not(.mobile-menu-open) .sidebar-backdrop{display:none!important}}
@media(max-width:620px){body.owner-mode,body.agency-mode,body.creator-mode{font-size:16px}.od-kpi,.os-kpi{min-height:112px!important}.owner-dashboard-v2 .od-title h2,.os-head h2{font-size:28px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Full-screen panels must use the viewport, not an animated page container. */
body.owner-mode .view.active:has(.chatter-application-review[open]){animation:none!important;transform:none!important}
body.chatter-application-modal-open{overflow:hidden!important;overscroll-behavior:none}
.chatter-application-review[open]{position:fixed!important;inset:0!important;padding:clamp(8px,2.5vh,24px)!important}
.chatter-application-review[open]>.chatter-application-detail{width:min(900px,100%)!important;max-height:min(760px,100%)!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable}
.modal-backdrop:not([hidden]){position:fixed!important;inset:0!important;display:grid!important;place-items:center!important;overflow:hidden!important;overscroll-behavior:none}
.modal-backdrop:not([hidden])>.invite-modal,.modal-backdrop:not([hidden])>.creator-profile-modal{max-height:min(900px,calc(100dvh - 40px))!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable}