/* Shared interface layer. Loaded after the legacy component styles. */
@font-face{font-family:Inter;src:url('inter-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:PriveIcons;src:url('fa-solid-900.woff2') format('woff2');font-style:normal;font-weight:900;font-display:block}
@font-face{font-family:PriveIconsRegular;src:url('fa-regular-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:block}
:root{color-scheme:dark;--bg:#101113;--fg:#f2f3f5;--muted:#a2a4ac;--line:#2e3036;--panel:#191a1e;--dark:#141518;--soft:#232429;--accent:#d52c74;--accent2:#de4c5c;--gold:#d4b378;--mint:#65c4ab;--blue:#80acde}
html{scroll-padding-top:90px}
body{background:var(--bg)!important;color:var(--fg);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0}
body:before{display:none!important}
button,input,textarea,select{letter-spacing:0}
button,a,input,textarea,select{touch-action:manipulation}
button{color:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #f19abd!important;outline-offset:4px}
button:disabled{opacity:.5;cursor:not-allowed}
input::placeholder,textarea::placeholder{color:#898c97!important}
.fa-solid:before{font-family:PriveIcons!important;font-weight:900!important}
.fa-regular:before{font-family:PriveIconsRegular!important;font-weight:400!important}
.fa-solid,.fa-regular{display:inline-block;line-height:1;flex-shrink:0}
h1,h2,h3{font-weight:650;line-height:1.25;letter-spacing:0;overflow-wrap:break-word}
h1{font-size:28px}h2{font-size:20px}h3{font-size:17px}
p{line-height:1.55}
.muted,.metric span{color:var(--muted)!important}
.eyebrow{color:#b8bac4!important;font-size:10px;font-weight:650;line-height:1.5}
.btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:6px!important;padding:10px 16px!important;font-size:13px;font-weight:600;line-height:1.25!important;box-shadow:none!important;white-space:normal;transition:background-color .15s,border-color .15s;color:var(--fg)}
.btn:hover,.icon-btn:hover,.nav button:hover{transform:none!important;filter:none!important}
#app .btn,#loginPage .btn{border-radius:6px!important;box-shadow:none!important}
.btn.primary,.primary,.ad-card b{background:#d52c74!important;color:#fff!important;border:1px solid #d52c74!important;box-shadow:none!important}
#app .btn.primary{background:#d52c74!important;border-color:#d52c74!important}
.btn.primary:hover,.ad-card:hover b{background:#b92362!important;border-color:#b92362!important}
.btn.ghost{background:#222328!important;border:1px solid #383a42!important;color:#ededf2!important}
.btn.ghost:hover{background:#2d2f35!important;border-color:#595c67!important}
.btn.danger{background:#752c36!important;border:1px solid #a33c4a!important;color:#ffe8ed!important}
.icon-btn,.side-toggle{border:1px solid var(--line)!important;background:#202126!important;color:#c7c9d1!important;box-shadow:none!important;border-radius:6px!important;width:40px;height:40px;padding:0!important}
.icon-btn.active{color:#f599bd!important;background:#d52c7420!important}
.field{gap:7px;min-width:0}
.field span{color:#c9cbd3!important;font-size:12px;font-weight:600}
.field input,.field textarea,.field select,.search-input,.money-input{color:var(--fg)!important;background:#131417!important;border:1px solid #363840!important;border-radius:6px!important;box-shadow:none!important;min-height:44px;font-size:14px}
.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #d52c7450!important;border-color:#db6b98!important}
.money-input .currency-prefix{background:#24252a!important;color:#c9cbd3!important}
.search-input input,.home-search input{min-width:0!important;background:transparent!important;border:0!important;outline:none!important;box-shadow:none!important}
.search-input:focus-within,.home-search:focus-within{border-color:#db6b98!important;box-shadow:0 0 0 3px #d52c7418!important}
.search-input i,.home-search i,.message-search i{color:#a3a6b1!important;font-size:15px}
.list-search{align-items:end!important;gap:12px;margin-bottom:20px}
.list-search .field>span{font-weight:500}
.list-search .btn{flex-shrink:0}
.pill,.tag,.message-count,.message-count-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 9px!important;min-height:26px;border:1px solid #3b3d46!important;border-radius:4px!important;background:#292a30!important;color:#c7cad4!important;font-size:11px;font-weight:600;line-height:1.35;text-align:center;white-space:normal}
.status-paid{background:#65c4ab12!important;border-color:#65c4ab40!important;color:#8dd8c2!important}
.status-pending{background:#d4b37812!important;border-color:#d4b37840!important;color:#e0c28e!important}
.status-closed{background:#de4c5c12!important;border-color:#de4c5c40!important;color:#ec9ba6!important}
#app{display:grid!important;grid-template-columns:236px minmax(0,1fr)!important;min-height:100dvh;background:var(--bg)!important}
#app.hidden,#loginPage.hidden{display:none!important}
#app .side{display:flex!important;position:sticky!important;top:0;height:100dvh!important;min-width:0;padding:22px 16px!important;gap:26px!important;background:#141518!important;border-right:1px solid #292b31!important;align-items:stretch!important;overflow-y:auto;scrollbar-width:thin;z-index:40}
#app .brand{display:flex!important;align-items:center!important;gap:10px!important;width:100%;flex-shrink:0}
#app .brand-copy{display:block!important;min-width:0;flex:1}
#app .brand strong{font-size:15px;font-weight:650;white-space:nowrap}
#app .brand .mark{width:36px!important;height:36px!important;flex:0 0 36px!important;border:1px solid #41404a!important;border-radius:8px!important;box-shadow:none!important}
#app .side-toggle{display:grid;place-items:center;width:32px;height:32px;min-width:32px;margin-left:auto!important;font-size:13px}
#app .userbox{order:3!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:3px 8px!important;padding:16px 0 0!important;margin-top:auto!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0;background:transparent!important;box-shadow:none!important}
#app .userbox .eyebrow{display:none!important}
#app .userbox #userName{grid-column:1!important;font-size:13px;line-height:1.4!important;font-weight:600;overflow-wrap:anywhere}
#app .userbox #userEmail{grid-column:1!important;font-size:11px;color:#9497a2;line-height:1.5!important;overflow-wrap:anywhere}
#app .userbox #logout{grid-column:2!important;grid-row:1/3!important;width:34px!important;min-width:34px;min-height:34px!important;height:34px;margin:0!important;padding:0!important;align-self:center}
#app .nav{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;align-items:stretch!important;align-content:start!important;width:100%;order:2}
#app .nav button{display:flex!important;justify-content:space-between!important;align-items:center!important;min-height:42px!important;padding:9px 12px!important;background:transparent!important;border:1px solid transparent!important;border-radius:6px!important;color:#a6a8b3!important;font-size:13px;font-weight:500;box-shadow:none!important;transform:none!important}
#app .nav button:hover{background:#202126!important;color:#f2f3f5!important}
#app .nav button.active{background:#d52c7418!important;border-color:#d52c7420!important;color:#f4a4c4!important}
#app .nav-label{display:flex!important;align-items:center;gap:12px!important;min-width:0}
#app .nav-icon{display:grid;place-items:center;width:20px!important;height:20px!important;flex:0 0 20px!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:15px!important;box-shadow:none!important;color:inherit}
#app .nav-text{display:block!important;overflow:visible;white-space:normal;line-height:1.35}
#app .nav-chevron{display:none!important}
#app .safe{order:4;display:block;padding:12px 0 0!important;border:0!important;border-top:1px solid var(--line)!important;background:transparent!important;box-shadow:none!important;border-radius:0}
#app .safe.hidden{display:none!important}
#app .safe strong{display:block;margin:4px 0;font-size:12px;font-weight:600;color:#b1b4be}
#app .safe p{font-size:11px;color:#858995;line-height:1.5}
#app .work{padding:28px 32px 48px!important;background:transparent!important;min-width:0}
#app .top{display:flex!important;align-items:center;justify-content:space-between;gap:24px!important;padding:0 0 24px;margin:0 auto 28px!important;border-bottom:1px solid #292b31;max-width:1320px}
#app .top h1{font-size:27px!important;font-weight:650;line-height:1.3!important;color:var(--fg)!important}
#app .top .eyebrow{font-size:10px;margin-bottom:6px;color:#8f929d!important}
#app .top .actions{display:flex!important;gap:8px!important;flex-wrap:wrap;justify-content:flex-end!important;flex-shrink:0}
#app .top .actions .btn{width:auto!important;min-height:38px!important;padding:9px 13px!important}
#app #metrics,#app #content{width:100%;max-width:1320px;margin-left:auto;margin-right:auto}
#app .metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px;margin-bottom:28px}
#app #metrics[hidden]{display:none!important}
.metric{min-height:110px;padding:18px 20px!important;background:#1a1b1f!important;border:1px solid #2b2d34!important;border-radius:8px;box-shadow:none!important}
.metric:after,.admin-card:after{display:none!important}
.metric span{font-size:12px}.metric strong{margin:10px 0 0;font-weight:600;font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums}
.metric em{display:none}
.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.metric-top i{color:#8b8e99;font-size:16px}
.metric:nth-child(2) .metric-top i{color:#cf8aab}.metric:nth-child(3) .metric-top i{color:#7bbfa9}.metric:nth-child(4) .metric-top i{color:#c4b082}
#app #content>.panel{padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
#app #content>.panel>.head{margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line);align-items:center}
#app #content>.panel>.head .eyebrow{display:none}
#app #content>.panel>.head h2{font-size:17px;font-weight:600;color:#ced0d8}
#app #content>.panel>.head>.pill{display:none}
.panel,.info-card,.admin-card,.plan-card,.gallery-card,.post,.message,.row,.table,.studio-card,.insta-post,.doc-preview,.home-card,.subscriber-creator-card,.terms-modal{background:#191a1e!important;border-color:var(--line)!important;box-shadow:none!important;border-radius:8px!important}
.info-card{padding:20px}.info-card h2{margin:3px 0 8px}.info-card p{max-width:850px}
.info-card .info-card,.panel .panel{box-shadow:none!important}
.head{align-items:center;gap:16px}.head p{margin-top:6px}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.actions>.pill{align-self:center}
.stats div,.check,.tr,.admin-log div,.timeline-item{background:#1c1d22!important;border-color:var(--line)!important;box-shadow:none!important;border-radius:6px}
.stats strong{font-weight:600;font-variant-numeric:tabular-nums}
.tr{line-height:1.5;font-size:13px;border-radius:0;padding:14px}
.tr.headrow{background:#24252b!important;color:#b1b4bf;font-size:11px;font-weight:600}
.tr>*,.row>*,.post>*,.head>*,.split>*,.payment-row>*{min-width:0;overflow-wrap:anywhere}
.admin-actions{gap:16px}.admin-card{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:20px}.admin-card strong{font-size:23px;font-weight:600}.admin-card .btn{margin-top:auto}.admin-card .muted{font-size:12px;line-height:1.55;margin-bottom:8px}.admin-card .db-result{padding:12px 0!important;margin:0 0 8px!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:transparent!important}.admin-card .db-result strong{font-size:13px;line-height:1.4}.admin-card .db-result small{font-size:11px;line-height:1.5}.db-status-card:before{display:none!important}
.subscriber-home{width:100%!important;max-width:1120px!important;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px!important;align-items:start}
#app .subscriber-home .home-hero{grid-column:1/-1;order:0;display:block!important;min-height:0;padding:0 0 24px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.home-hero:before{display:none!important}
.subscriber-home .home-hero .eyebrow{display:none}
.subscriber-home .home-hero h2{font-size:21px!important;font-weight:600;line-height:1.3!important}
.subscriber-home .home-hero p{font-size:13px;color:#a5a8b3!important;margin-top:8px;max-width:none}
.subscriber-home .home-feature{display:none!important}
.home-search{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center;gap:12px;min-height:50px!important;padding:6px 6px 6px 16px!important;margin-top:20px!important;border:1px solid #393b44!important;border-radius:6px!important;background:#191a1e!important;box-shadow:none!important;max-width:640px}
.home-search input{width:100%;font-size:14px;color:#fff!important;padding:6px 0!important;min-height:32px!important}
.home-search .btn{grid-column:auto!important;min-height:36px!important;padding:8px 16px!important;background:#d52c74!important;border-color:#d52c74!important;color:#fff!important;width:auto!important}
.subscriber-home .home-layout{grid-column:1;grid-row:3;order:0;display:block!important;width:100%;min-width:0;margin:0!important}
.subscriber-home>.ad-slot{grid-column:1;grid-row:2;margin:0!important}
#app .subscriber-home .creator-discovery{grid-column:2;grid-row:2/5;order:0;position:sticky;top:24px;padding:0!important;border:0!important;border-left:1px solid var(--line)!important;padding-left:24px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-width:0}
.creator-discovery .head{display:flex!important;margin-bottom:16px!important}.creator-discovery .head h2{font-size:16px}.creator-discovery .head p,.creator-discovery .head .eyebrow{display:none}
#app .creator-mini-grid{display:grid;grid-template-columns:1fr!important;gap:16px!important}
#app .creator-mini{display:grid;grid-template-columns:40px minmax(0,1fr) 16px!important;grid-template-rows:auto!important;min-height:44px!important;padding:0!important;gap:10px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left;transform:none!important;color:#e1e3e9}
#app .creator-mini-photo{grid-row:auto!important;display:grid;place-items:center;width:40px!important;height:40px!important;border-radius:50%!important;border:1px solid #444650!important;box-shadow:none!important;font-size:14px}
.creator-mini strong{font-size:12px!important;font-weight:600;line-height:1.4!important}.creator-mini small{font-size:11px!important;color:#8d909c!important;line-height:1.4;overflow-wrap:anywhere}
#app .creator-mini em{grid-column:3!important;background:none!important;border:0!important;padding:0!important;color:#9396a2!important;font-size:13px}
.home-card{border-radius:8px!important}.home-card-head,.insta-head{padding:16px!important;min-height:68px!important;background:#191a1e!important}
.home-card-user strong,.insta-user strong{font-size:13px;font-weight:600}.home-card-user small,.insta-user small{font-size:11px;color:#8e929e!important}
.home-card-user>span:last-child{display:grid!important;gap:2px!important}
.home-card-body,.insta-body{padding:16px!important;background:#191a1e!important}.home-card-body strong{font-weight:600}.home-card-body .muted{font-size:13px}
.ad-slot{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.ad-slot>.eyebrow{font-size:9px;color:#858995!important;margin-bottom:8px}
.ad-card{grid-template-columns:82px minmax(0,1fr) auto!important;gap:14px;padding:12px;background:#1c1d21!important;border:1px solid var(--line)!important;border-radius:8px!important}
.ad-card img{width:82px!important;aspect-ratio:1;object-fit:cover;border:0;border-radius:4px!important}.ad-card em{color:#9e9eaa!important;font-weight:500;font-size:9px}.ad-card strong{font-size:13px;font-weight:600}.ad-card small{font-size:11px;color:#979ba6!important}.ad-card b{font-size:11px;font-weight:600;min-height:32px;border-radius:4px;padding:7px 12px;white-space:normal}
.subscriber-creator-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px}
.subscriber-creator-card{display:flex;flex-direction:column}
.subscriber-creator-cover{min-height:180px;flex-shrink:0;gap:12px;padding:20px;background-color:#25262d;box-shadow:none!important}
.subscriber-creator-cover:not([style]){background-image:none!important;background-color:#242a30!important}
.subscriber-creator-cover:not([style]).rose{background-color:#33232d!important}.subscriber-creator-cover:not([style]).mint{background-color:#203530!important}.subscriber-creator-cover:not([style]).amber{background-color:#343128!important}
.subscriber-creator-cover:before{background:linear-gradient(0deg,#0007,transparent)!important}
.subscriber-creator-cover .home-avatar{width:52px!important;height:52px!important;min-width:52px!important;background:#24252d!important;border:2px solid #85828c!important;box-shadow:none!important;font-size:20px}
.subscriber-creator-cover strong{font-size:19px!important;font-weight:600;line-height:1.3}.subscriber-creator-cover small{font-size:11px;color:#d7d7de}
.subscriber-creator-body{flex:1;display:flex;flex-direction:column;gap:16px;padding:20px}.subscriber-creator-body p{font-size:13px;color:#aaadb8!important;min-height:40px}.subscriber-creator-body .btn{margin-top:auto}
.creator-card-meta .pill:first-child{color:#e9e9ef!important;background:transparent!important;border:0!important;padding-left:0!important;font-size:14px}
.creator-card-meta .pill:last-child{margin-left:auto;color:#8dcbb6!important;font-size:10px;background:#65c4ab10!important;border-color:#65c4ab30!important}
.avatar{border-radius:50%!important;overflow:hidden;flex-shrink:0;box-shadow:none!important}.avatar img{width:100%;height:100%;object-fit:cover}
#app.subscriber-profile-focus{display:block!important;background:var(--bg)!important}
#app.subscriber-profile-focus>.side,#app.subscriber-profile-focus>.work>.top,#app.subscriber-profile-focus>.work>.metrics{display:none!important}
#app.subscriber-profile-focus>.work{padding:0!important}
#app.subscriber-profile-focus #content{max-width:none!important;margin:0 auto!important}
#app.subscriber-profile-focus .creator-page{width:min(100%,960px)!important;max-width:960px!important;padding:24px!important;margin:0 auto!important}
#app .profile-toolbar{display:flex!important;justify-content:space-between;gap:12px!important;max-width:none!important;min-height:64px;margin:-24px -24px 24px!important;padding:12px 24px!important;top:0;background:#101113f5!important;border-bottom:1px solid var(--line);box-shadow:none}
#app .profile-toolbar .btn{width:auto!important;flex:0 1 160px;min-width:0;min-height:42px!important}
.profile-cover,.creator-page .profile-cover{min-height:340px!important;border-radius:8px!important;padding:28px!important;box-shadow:none!important;background-color:#20252b}
.profile-cover:not(.custom-banner):not([style*="background-image"]){background:#25262c!important}
.profile-cover[style*="background-image"]{background-size:cover!important;background-position:center!important}
.profile-cover:before,.profile-cover:hover:before{background:linear-gradient(0deg,#101113dd,transparent 85%)!important;pointer-events:none}
.profile-cover.custom-banner:before,.profile-cover.custom-banner:hover:before{background:linear-gradient(0deg,#0c0d11ed,transparent 85%)!important}
#app .profile-title{display:flex!important;align-items:end;flex-wrap:wrap;gap:20px!important;justify-content:flex-start!important}
.profile-title>div{min-width:0;flex:1}.profile-title h2{font-size:32px;font-weight:650;line-height:1.2}.profile-title p{margin-top:6px;color:#d2d3db;font-size:14px}
.profile-avatar{width:80px!important;height:80px!important;min-width:80px!important;max-width:80px!important;min-height:80px!important;max-height:80px!important;flex:0 0 80px!important;background:#25262d!important;border:2px solid #dad8df!important;color:#f4f4f7!important;font-size:25px;box-shadow:none!important}
.profile-actions{margin-top:16px;gap:8px}.profile-tabs{gap:6px}.profile-tabs span{font-size:11px;font-weight:500;padding:5px 9px;background:#ffffff14!important;color:#d7d8df;border-radius:4px}
#app .profile-title>.profile-actions{display:grid!important;grid-template-columns:minmax(0,1fr);flex:0 1 300px;gap:10px;align-items:center}
#app .profile-actions .btn{width:100%;min-height:42px}
#app .profile-actions>.pill{justify-self:start}
.profile-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.profile-badges span{font-size:10px!important;font-weight:500!important;line-height:1.4;border-radius:4px!important;padding:5px 8px!important;background:#ffffff12!important;color:#d6d7df}
.creator-page .insta-feed{width:100%;max-width:700px!important;margin:0 auto}.creator-page .insta-post,.creator-page .insta-head,.creator-page .insta-body{background:#191a1e!important;border-color:var(--line)!important;box-shadow:none!important}
.creator-page .info-card,.creator-page .profile-feed-intro{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;padding:4px 0 20px!important;border-radius:0!important}.creator-page .info-card h2,.creator-page .profile-feed-intro h2{font-size:18px}.creator-page .info-card p,.creator-page .profile-feed-intro p{font-size:13px;color:var(--muted)!important}
.profile-cover .profile-avatar:hover{box-shadow:0 0 0 4px #ffffff18!important}
.post.openCreatorCard{grid-template-columns:84px minmax(0,1fr) 200px;padding:20px;gap:20px;cursor:pointer}
.post.openCreatorCard>.media{aspect-ratio:1!important;width:84px;height:84px!important;padding:0!important;min-height:0!important;border-radius:50%!important;overflow:hidden!important;align-self:start}
.post.openCreatorCard>.media img{width:100%!important;height:100%!important;object-fit:cover!important}
.post.openCreatorCard>div:nth-child(2)>strong{display:block;margin:3px 0 6px;font-size:18px;font-weight:600}.post.openCreatorCard .muted{font-size:12px}.post.openCreatorCard .right>strong{display:block;font-size:15px;font-weight:600}.post.openCreatorCard .right>.muted{display:block;font-size:11px;margin:3px 0 10px}
.post.openCreatorCard .insta-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.post.openCreatorCard .insta-actions .btn{font-size:11px;min-height:34px;padding:8px 10px!important}
.creator-subscriber-card{grid-template-columns:minmax(0,1fr);min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:none;padding:20px;gap:20px}
.creator-subscriber-card .creator-sub-head{min-width:0}
.creator-sub-head>div{display:grid;gap:4px;min-width:0}
.creator-sub-head>div small{color:var(--muted)}
.creator-subscriber-card>.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:16px 0;border-block:1px solid var(--line)}
.creator-subscriber-card>.stats>div{padding:0;background:transparent!important;border:0;min-width:0}
.creator-subscriber-card>.stats strong{display:block;margin-top:5px}
.creator-subscriber-card .subscriber-table{min-width:0;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:4px}
#app .creator-subscriber-card .subscriber-table .tr{display:grid;grid-template-columns:minmax(130px,1fr) minmax(210px,1.5fr) minmax(100px,.7fr) minmax(110px,.8fr) minmax(100px,.7fr)!important;min-width:730px;gap:16px;padding:14px;align-items:center}
#app .creator-subscriber-card .subscriber-table .tr>*{overflow-wrap:break-word;word-break:normal}
.subscription-status{display:grid;gap:4px;margin-top:12px;color:#9da0ac}.subscription-status small{font-size:11px}.subscription-status strong{font-weight:600;color:#cbd0d8}
.blocked-subscription{border-color:#8b444c!important}
.billing-note,.important-help,.creator-edit-note,.studio-help{background:#65c4ab09!important;border-color:#65c4ab30!important;border-radius:6px!important;box-shadow:none!important;color:#c8d4d0!important;padding:14px 16px!important}
.billing-note strong{font-size:12px;font-weight:600}.billing-note small{font-size:12px;color:#a6b3b0;line-height:1.5}
.checkout{background:#1c1d22!important;border:1px solid var(--line);border-radius:8px;padding:24px;box-shadow:none}.checkout>strong{font-size:30px;font-weight:600}.paybox{gap:32px;grid-template-columns:minmax(0,1fr) 350px}.paybox>div:first-child{padding:8px 0}.paybox .muted{margin-top:10px}
.pushin-status{margin:24px 0!important;background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;padding:24px 0 0!important}
.pushin-status h2{font-size:20px}.payment-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:22px}.payment-heading p{margin-top:5px;font-size:12px}.payment-heading>strong{font-size:24px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.payment-checkout{display:grid;grid-template-columns:184px minmax(0,1fr);gap:24px;align-items:center;background:#191a1e;border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:24px}
.payment-checkout .pix-qr{display:block;width:184px!important;height:184px!important;max-width:100%;padding:8px;background:white;object-fit:contain;border-radius:6px;margin:0}
.payment-instructions{display:grid;gap:12px;min-width:0}.payment-instructions p{font-size:12px;color:#9fa3af}.payment-instructions code{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-all;max-height:64px;overflow:auto;padding:10px 12px;border:1px solid #34363e;border-radius:4px;background:#111215;color:#aeb3c0;font-size:10px}
.payment-instructions .actions{display:flex!important;gap:8px!important;flex-wrap:wrap}
.payment-history{display:grid;gap:0;margin-top:14px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.payment-row{display:grid;grid-template-columns:minmax(0,1fr) auto 88px 108px;align-items:center;gap:16px;padding:16px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:#191a1e!important;border-radius:0!important}
.payment-row:last-child{border-bottom:0!important}.payment-row.is-selected{background:#d52c7409!important;box-shadow:inset 3px 0 #d52c74}.payment-row strong{font-size:12px;font-weight:600}.payment-row small{font-size:11px;color:#8f939f!important;margin-top:4px;display:block}.payment-row .btn{width:108px!important;min-width:0!important;font-size:11px;min-height:34px;padding:8px!important}.payment-row.is-selected .btn{border-color:#d52c7455!important;color:#f6b3cf!important}
.payment-row>.pill{align-self:center;margin:0}
.payment-row>.btn{height:42px;min-height:42px;align-self:center;margin:0}
.payment-section-title{font-size:14px;font-weight:600;color:#c2c5d0}.payment-empty{padding:20px;background:#191a1e;border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;align-items:center;color:#a9cbbc}.payment-empty i{font-size:20px;color:#65c4ab}.payment-empty p{font-size:12px;color:#8d929f}
.message-center,.admin-whats-layout{border-radius:8px!important;border-color:var(--line)!important;background:#17181c!important}.message-sidebar,.message-chat,.message-chat-head,.message-composer,.message-search{background:#17181c!important;border-color:var(--line)!important}.message-search{border-radius:6px}.chat-list{background:#101113!important}.chat-bubble{border-radius:8px!important;background:#25272e!important;border-color:#33353e!important;box-shadow:none!important}.chat-bubble.mine{background:#64243f!important;border-color:#863053!important}.chat-bubble.mine .muted{color:#dabcca!important}.message-contact{border-radius:6px}.message-contact.active{background:#d52c7415!important}.message-chat-head h2{font-size:17px}
.creator-edit-hero,.creator-edit-section,.creator-edit-actions,.creator-signup-hero,.signup-section,.creator-registry-doc,.creator-registry-card,.approval-card,.approval-evidence,.approval-thumb,.faq-item,.faq-category,.admin-password-card,.ad-admin-card{background:#191a1e!important;border-color:var(--line)!important;border-radius:8px!important;box-shadow:none!important}
.ad-admin-card>span:last-child{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.ad-admin-card>span:last-child>.btn{flex:1;min-width:88px}
.creator-edit-hero h2{font-size:24px}.creator-edit-section h3{font-size:17px}.creator-edit-grid{gap:24px}.creator-registry-photo{border-color:#595761;background:#302631!important}.approval-thumb{border-radius:0!important}.approval-evidence-head{background:#222328!important}.approval-evidence-head strong{font-size:13px}.approval-evidence-head small{color:#969aa7!important}
.creator-edit-hero,.creator-edit-section{padding:0 0 24px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important}.creator-edit-hero p{font-size:13px;color:var(--muted)!important}.creator-edit-status{border-color:var(--line)!important;border-radius:6px;background:#202126}.approval-thumb-placeholder{background:#202126!important;color:#c4c7d0!important}.approval-thumb-placeholder i{color:#7e8493!important}.approval-thumb-placeholder small{font-size:11px!important;color:#8b919f!important}.field input[type=file]{font-size:12px;padding:8px!important}.field input[type=file]::file-selector-button{background:#32343c;border:0;border-radius:4px;color:#dddfe7;padding:6px 8px;font:inherit;margin-right:8px}
.faq-item summary{font-size:14px;font-weight:600;line-height:1.5}.faq-item p,.faq-item li{font-size:13px;color:#a9adba;line-height:1.7}.faq-categories .btn{font-size:12px}
.terms-modal{border:1px solid #3e414c!important;background:#1c1d22!important;padding:24px}.terms-modal h2{font-size:22px}.terms-modal p,.terms-modal li{font-size:13px;color:#b5b8c4}.terms-modal .terms-block{border-radius:6px;background:transparent;border:0;border-bottom:1px solid var(--line);padding:8px 0 16px}
.toast{background:#292b32!important;border:1px solid #4c4f5c!important;color:#f2f3f5!important;box-shadow:0 10px 30px #0005!important;font-size:13px;line-height:1.5;pointer-events:none;z-index:1000}
.login-page{background:#101113!important;grid-template-columns:minmax(0,1fr) 420px!important;gap:40px;padding:32px 56px!important;min-height:100dvh}
.login-copy{padding:32px 0!important}.login-copy h1{font-size:48px!important;font-weight:600;line-height:1.1!important;max-width:650px}.login-copy p{font-size:16px!important;color:#cccbd4!important;max-width:530px;line-height:1.7}
.login-card{background:#17181cf5!important;border:1px solid #43434d!important;border-radius:8px!important;box-shadow:0 24px 64px #0007!important;margin:0!important;width:100%!important;padding:28px!important;max-height:calc(100dvh - 64px)!important}
.login-card h2{font-size:23px;font-weight:600;line-height:1.35;margin:5px 0 14px}.logo-wordmark{width:120px!important;filter:none!important}.mode{background:#101114;padding:4px;border:1px solid var(--line);border-radius:6px;gap:3px;margin:4px 0 12px}.mode button{font-size:11px;font-weight:500;min-height:36px;border:0!important;background:transparent!important;padding:5px;border-radius:4px!important}.mode button.active{background:#343039!important;color:#f6b3cf!important;box-shadow:none}
.login-card .auth-links{margin-top:12px;padding-top:16px;border-top:1px solid var(--line);gap:8px}.login-card .auth-links .btn{font-size:11px;padding:10px!important}.login-card #forgotPassword{justify-content:flex-end;background:transparent!important;border:0!important;padding:0!important;min-height:26px;color:#c6a1b7!important;font-size:12px}
.login-copy .logo{margin-bottom:14px}.signup-note{background:#65c4ab09!important;border-color:#65c4ab30!important}
#mobileMenuBackdrop{display:none}
@media(min-width:961px){
  #app.sidebar-collapsed:not(.subscriber-profile-focus){grid-template-columns:76px minmax(0,1fr)!important}
  #app.sidebar-collapsed .side{padding:20px 12px!important;align-items:center!important}
  #app.sidebar-collapsed .brand{display:grid!important;justify-content:center!important;gap:14px!important}
  #app.sidebar-collapsed .brand-copy,#app.sidebar-collapsed .userbox,#app.sidebar-collapsed .safe,#app.sidebar-collapsed .nav-text{display:none!important}
  #app.sidebar-collapsed .side-toggle{margin:0!important;justify-self:center}
  #app.sidebar-collapsed .nav button{justify-content:center!important;padding:10px!important}
  #app.sidebar-collapsed .nav-label{justify-content:center!important}
}
@media(max-width:1200px){
  #app .work{padding:24px!important}.subscriber-home{grid-template-columns:minmax(0,1fr) 230px;gap:20px!important}.subscriber-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.subscriber-creator-cover{min-height:170px}
  #app .top .actions{max-width:250px}#app .top h1{font-size:24px!important}.metrics{gap:12px!important}.metric{padding:16px!important}.metric strong{font-size:24px}.paybox{grid-template-columns:1fr}.login-page{padding:32px!important;gap:32px}
}
@media(max-width:960px){
  #app,#app.sidebar-collapsed{display:block!important;grid-template-columns:1fr!important}
  #app .side,#app.sidebar-collapsed .side{display:flex!important;position:sticky!important;top:0;height:64px!important;min-height:64px;padding:12px 20px!important;gap:0!important;align-items:stretch!important;border-right:0!important;border-bottom:1px solid var(--line)!important;overflow:visible!important;background:#141518fa!important;z-index:60}
  #app .brand,#app.sidebar-collapsed .brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;height:40px;min-height:40px}
  #app .brand-copy,#app.sidebar-collapsed .brand-copy{display:block!important;flex:1}
  #app .side-toggle,#app.sidebar-collapsed .side-toggle{width:36px;height:36px;margin-left:auto!important}
  #app .nav,#app .userbox,#app .safe{display:none!important}
  #app.mobile-menu-open .side{position:fixed!important;left:0;right:0;height:auto!important;max-height:90dvh;overflow-y:auto!important;gap:16px!important;box-shadow:0 20px 40px #0008}
  #app.mobile-menu-open .nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
  #app.mobile-menu-open .nav button{justify-content:flex-start!important;font-size:13px;min-height:44px!important}
  #app.mobile-menu-open .nav-text{display:block!important}
  #app.mobile-menu-open .userbox{display:grid!important;margin-top:0!important;padding-top:12px!important}
  #app.mobile-menu-open #mobileMenuBackdrop{display:block;position:fixed;inset:0;z-index:50;border:0;background:#0008;backdrop-filter:blur(2px)}
  #app .work{padding:24px 20px 36px!important}
  #app .top{display:flex!important;gap:16px!important;margin-bottom:24px!important;padding-bottom:20px}
  #app .top .actions{display:flex!important;max-width:none}
  #app .top .actions .btn{min-height:38px!important;width:auto!important;font-size:12px}
  #app .metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px;margin-bottom:24px}
  .subscriber-home{grid-template-columns:minmax(0,1fr) 240px}.post.openCreatorCard{grid-template-columns:72px minmax(0,1fr);gap:16px}.post.openCreatorCard .right{grid-column:2;text-align:left}.post.openCreatorCard .insta-actions{justify-content:flex-start!important}.post.openCreatorCard>.media{width:72px;height:72px!important}
  .admin-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.login-page{grid-template-columns:1fr!important;gap:24px;align-items:center}.login-copy{padding:16px!important;max-width:620px;margin:auto}.login-copy h1{font-size:36px!important}.login-copy .logo{display:none}.login-card{width:min(100%,480px)!important;justify-self:center;max-height:none!important;margin:0 0 24px!important}.login-copy p{font-size:14px!important}.message-center,.admin-whats-layout{grid-template-columns:260px minmax(0,1fr)}
}
@media(max-width:680px){
  #app .work{padding:20px 16px 32px!important}
  #app .top{display:flex!important;align-items:flex-start;flex-wrap:wrap;gap:14px!important;padding-bottom:16px;margin-bottom:20px!important}
  #app .top h1{font-size:23px!important}#app .top .eyebrow{font-size:9px;margin-bottom:4px}
  #app .top .actions{width:auto!important;justify-content:flex-end!important;gap:8px!important}
  #app .top .actions .btn{font-size:11px;min-height:34px!important;padding:8px 11px!important}
  #app .top #terms{background:transparent!important}
  #app .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:24px}
  .metric{min-height:93px;padding:14px!important}.metric span{font-size:11px}.metric strong{font-size:23px;margin-top:12px}.metric-top i{font-size:13px}
  .subscriber-home{display:flex!important;flex-direction:column;gap:22px!important}
  #app .subscriber-home .home-hero{width:100%;padding-bottom:20px!important}
  .subscriber-home .home-hero h2{font-size:19px!important}.subscriber-home .home-hero p{font-size:12px;margin-top:8px}
  .home-search{gap:8px;max-width:none;margin-top:16px!important;padding:5px 5px 5px 12px!important;min-height:48px!important}.home-search .btn{font-size:12px;padding:8px 12px!important}.home-search input{font-size:13px}
  .subscriber-home>.ad-slot{order:2!important;width:100%}.subscriber-home .home-layout{order:3!important}
  #app .subscriber-home .creator-discovery{position:static!important;order:1!important;width:100%;border:0!important;border-bottom:1px solid var(--line)!important;padding:0 0 20px!important;margin:0!important}
  .creator-discovery .head{margin-bottom:12px!important}.creator-discovery .head h2{font-size:14px}
  #app .subscriber-home .creator-mini-grid{display:flex!important;gap:18px!important;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding:0 0 6px}
  #app .subscriber-home .creator-mini{display:flex!important;flex:0 0 76px;flex-direction:column;justify-content:flex-start;gap:8px!important;text-align:center;scroll-snap-align:start;min-width:0}
  #app .subscriber-home .creator-mini-photo{width:56px!important;height:56px!important;min-height:56px;border-radius:50%!important}
  #app .subscriber-home .creator-mini strong{font-size:11px!important;max-width:76px;line-height:1.3!important}.subscriber-home .creator-mini small,.subscriber-home .creator-mini em{display:none!important}
  .ad-card{grid-template-columns:60px minmax(0,1fr)!important;padding:10px;gap:10px}.ad-card img{width:60px!important}.ad-card b{grid-column:2;justify-self:start}.ad-card strong{font-size:12px}.ad-card small{font-size:11px}.ad-card em{display:none}
  .subscriber-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.subscriber-creator-cover{min-height:150px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px}.subscriber-creator-cover .home-avatar{width:42px!important;height:42px!important;min-width:42px!important;font-size:16px}.subscriber-creator-cover strong{font-size:15px!important}.subscriber-creator-cover small{font-size:10px;overflow-wrap:anywhere}.subscriber-creator-body{padding:12px;gap:10px}.subscriber-creator-body p{font-size:11px;min-height:51px;line-height:1.5}.creator-card-meta{display:grid;gap:4px}.creator-card-meta .pill:first-child{font-size:12px;justify-content:flex-start}.creator-card-meta .pill:last-child{margin:0;justify-self:start;font-size:9px}.subscriber-creator-card .btn{font-size:11px;min-height:36px;padding:8px!important}
  .list-search{margin-bottom:16px}.list-search .field>span{font-size:11px}.search-input input{font-size:13px!important}
  #app #content>.panel>.head{margin-bottom:18px;padding-bottom:12px}.head{flex-wrap:wrap}.head h2{font-size:18px}
  #app.subscriber-profile-focus .creator-page{padding:16px!important}
  #app .profile-toolbar{display:flex!important;margin:-16px -16px 16px!important;padding:10px 16px!important;min-height:60px}
  #app .profile-toolbar .btn{width:auto!important;font-size:12px;min-height:42px!important}
  #app .profile-title>.profile-actions{flex:1 0 100%;width:100%}
  #app .profile-cover,.creator-page .profile-cover{min-height:340px!important;padding:20px!important}.profile-title{gap:16px!important;align-items:start!important}.profile-title>div{flex:1 1 180px}.profile-title h2{font-size:26px!important}.profile-title p{font-size:12px}.profile-avatar{width:68px!important;height:68px!important;min-width:68px!important;max-width:68px!important;min-height:68px!important;max-height:68px!important;flex-basis:68px!important}.profile-actions{display:flex!important;flex-wrap:wrap;gap:8px}.profile-actions .btn{width:100%;font-size:12px}.profile-tabs{margin-top:10px}.profile-tabs span{font-size:10px}
  .post.openCreatorCard{padding:16px;gap:12px;grid-template-columns:56px minmax(0,1fr)}.post.openCreatorCard>.media{width:56px;height:56px!important}.post.openCreatorCard>div:nth-child(2)>strong{font-size:16px}.post.openCreatorCard .right{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--line)}.post.openCreatorCard .insta-actions{justify-content:flex-start!important}.post.openCreatorCard .right>.muted{display:inline;margin-left:8px}.post.openCreatorCard .right>strong{display:inline}
  .split,.checks,.stats{grid-template-columns:1fr 1fr}.form>.split{grid-template-columns:1fr}.info-card{padding:16px}.billing-note{padding:12px!important}.paybox{gap:20px}.checkout{padding:20px}.checkout strong{font-size:27px}
  .payment-heading{gap:12px;align-items:flex-start}.payment-heading h2{font-size:17px}.payment-heading>strong{font-size:20px}.payment-heading p{font-size:11px}
  .payment-checkout{grid-template-columns:1fr;gap:18px;padding:16px}.payment-checkout .pix-qr{justify-self:center}.payment-instructions .actions .btn{flex:1;font-size:12px;padding:10px!important}.payment-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px!important}.payment-row .pill{justify-self:start}.payment-row .btn{justify-self:end}.payment-row strong{font-size:12px}.payment-row small{font-size:10px}
  .message-center,.admin-whats-layout{grid-template-columns:1fr}.message-sidebar{max-height:300px}.message-chat{min-height:480px}.chat-bubble{width:min(88%,620px)}.message-chat-head{flex-wrap:wrap}.message-composer{grid-template-columns:minmax(0,1fr) auto}.message-composer .btn{min-width:44px;padding:10px!important}.message-composer .field span{font-size:11px}
  .admin-card{padding:16px}.admin-card strong{font-size:20px}.admin-card .btn{font-size:11px}.admin-email-toolbar,.creator-edit-section .split{grid-template-columns:1fr!important}
  .table{overflow-x:auto!important}.tr{grid-template-columns:minmax(150px,1.2fr) repeat(3,minmax(110px,.8fr))!important;min-width:530px}.creator-registry-doc{grid-template-columns:1fr!important}.terms-modal{padding:18px}.terms-modal h2{font-size:19px}
  .login-page{padding:24px 16px!important;gap:20px}.login-copy{padding:16px 4px 0!important}.login-copy h1{font-size:30px!important}.login-copy p{font-size:13px!important}.login-card{padding:22px!important;width:100%!important;max-width:440px!important}.login-card h2{font-size:21px}.toast{left:16px;right:16px;bottom:16px;max-width:none}
}
@media(max-width:360px){.subscriber-creator-grid{grid-template-columns:1fr!important}.subscriber-creator-cover{flex-direction:row;align-items:flex-end;min-height:150px}.subscriber-creator-body p{min-height:0}.payment-heading{flex-wrap:wrap}.metric-top i{display:none}.top .actions{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
#app.hidden,#loginPage.hidden,#app .hidden,#app .subscriber-home .creator-mini.hidden,#loginPage .hidden{display:none!important}