*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17182a;background:#f6f7fb}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.icon{display:inline-block;vertical-align:-3px;flex:0 0 auto}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{color:#7c3aed}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fff;border-bottom:1px solid #ececf3}.topbar.landing{position:sticky;top:0;z-index:10}.btn{border:0;border-radius:11px;padding:10px 16px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.18s;background:#edeef3;color:#24243a}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#7c3aed,#6527d6);color:#fff;box-shadow:0 8px 22px rgba(124,58,237,.18)}.btn.secondary{background:#f1edff;color:#6d28d9}.btn.ghost{background:#fff;border:1px solid #e6e6ee}.btn.danger-btn{background:#fff0f2;color:#c0263c}.btn.large{padding:14px 22px;border-radius:13px}.btn.tiny{padding:7px 10px;border-radius:8px;font-size:12px}.btn.full{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed}.hero{min-height:690px;background:radial-gradient(circle at 80% 10%,#eee5ff 0,transparent 35%),linear-gradient(#fff,#f8f7ff);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:70px 7vw}.hero-copy{max-width:650px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.13em;color:#7c3aed}.hero h1{font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-4px;margin:16px 0 22px}.hero h1 span{color:#7c3aed}.hero p{font-size:18px;line-height:1.7;color:#666779;max-width:620px}.actions{display:flex;gap:12px;margin-top:30px}.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#737489;font-size:13px}.hero-ui{display:flex;justify-content:center}.mock-card{width:min(560px,100%);padding:25px;border-radius:24px;background:#0e1324;color:white;box-shadow:0 30px 90px rgba(30,25,60,.22)}.mock-top{display:flex;align-items:center;gap:12px}.mock-top>div{display:flex;flex-direction:column;flex:1}.mock-top small{color:#8f95ac}.avatar.gradient{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#f472b6,#7c3aed)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.stats div{background:#171d31;padding:16px;border-radius:14px}.stats small{display:block;color:#8f95ac}.stats strong{font-size:22px}.chart{height:190px;border-radius:15px;background:linear-gradient(180deg,#151c30,#101522);display:flex;align-items:end;gap:9px;padding:20px}.chart i{flex:1;background:linear-gradient(#a78bfa,#7c3aed);border-radius:8px 8px 2px 2px}.landing-features{background:#fff;border-top:1px solid #ececf3;display:grid;grid-template-columns:repeat(4,1fr);padding:36px 7vw;gap:25px}.landing-features article{border-right:1px solid #eee;padding-right:25px}.landing-features article:last-child{border:0}.landing-features p{color:#747588;line-height:1.5;font-size:14px}.auth-body{min-height:100vh;background:radial-gradient(circle at 10% 10%,#ede9fe,transparent 30%),#f7f7fb}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:35px}.auth-card{width:min(470px,100%);background:#fff;border:1px solid #ececf3;border-radius:22px;padding:34px;box-shadow:0 24px 70px rgba(25,20,55,.08)}.auth-card.wide{width:min(760px,100%)}.auth-card h1{font-size:32px;letter-spacing:-1.3px;margin:18px 0 6px}.auth-card h2{font-size:28px;margin:0 0 6px}.muted{color:#77788b}.small{font-size:12px}.form-grid{display:grid;gap:16px;margin-top:24px}.form-grid label{font-size:13px;font-weight:700;color:#414255;display:grid;gap:7px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dedee8;background:#fff;border-radius:10px;padding:12px 13px;outline:0;color:#1d1e31}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #f1eafe}.form-grid textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input-prefix{display:flex;border:1px solid #dedee8;border-radius:10px;overflow:hidden}.input-prefix span{padding:12px;background:#f5f5f9;color:#7b7c90}.input-prefix input{border:0;border-radius:0}.form-foot{text-align:center;color:#77788b;font-size:13px}.form-foot a{color:#7c3aed;font-weight:700}.alert{padding:12px 14px;border-radius:10px;font-size:13px;margin:14px 0}.alert.success{background:#ebfff3;color:#167844}.alert.danger{background:#fff0f2;color:#b4233b}.alert.warning{background:#fff8e7;color:#946200}.join-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:auto;align-items:center;padding:36px;gap:55px}.role-panel{display:grid;gap:28px}.role-panel h1{font-size:50px;letter-spacing:-2.5px;margin:10px 0}.role-panel p{color:#666779;line-height:1.6}.role-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.role-card{padding:24px;border:1px solid #dedee8;background:#fff;border-radius:18px;display:grid;gap:10px;transition:.18s}.role-card:hover,.role-card.selected{border-color:#8b5cf6;box-shadow:0 12px 34px rgba(124,58,237,.12);transform:translateY(-2px)}.role-card b{font-size:19px}.role-card small{color:#77788b;line-height:1.55}.role-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#fff}.role-icon.fan{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.role-icon.creator{background:linear-gradient(135deg,#fb923c,#f59e0b)}.register-card{width:100%}.onboard-shell{max-width:850px;margin:auto;padding:38px 24px}.onboard-head{text-align:center;margin-bottom:24px}.steps{display:flex;align-items:center;justify-content:center;margin:24px auto 8px;max-width:420px}.steps span{width:32px;height:32px;border-radius:50%;border:1px solid #d8d8e5;display:grid;place-items:center;background:#fff;font-size:12px}.steps span.active,.steps span.done{background:#7c3aed;color:#fff;border-color:#7c3aed}.steps i{height:1px;background:#d8d8e5;flex:1}.section-label{font-weight:800;margin-top:6px}.status-card{text-align:center}.status-symbol{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#f0ecff;color:#7c3aed}.status-symbol.approved{background:#e9fff1;color:#0f9d58}.status-symbol.rejected{background:#fff0f2;color:#c0263c}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#0d1222;color:#d7d9e3;padding:26px 16px;display:flex;flex-direction:column;z-index:30}.sidebar-brand{color:#fff;padding:0 10px 24px}.sidebar nav,.sidebar-bottom{display:grid;gap:5px}.sidebar nav a,.sidebar-bottom a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;font-size:14px;color:#aeb3c4}.sidebar nav a:hover,.sidebar-bottom a:hover{background:#181f34;color:#fff}.sidebar-bottom{margin-top:auto}.main-wrap{margin-left:238px;width:calc(100% - 238px);min-height:100vh}.app-top{height:70px;background:#fff;border-bottom:1px solid #ececf3;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.top-search{width:min(430px,46vw);height:40px;border:1px solid #e3e4eb;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#8b8c9f}.top-search input{border:0;outline:0;flex:1}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:40px;height:40px;border:1px solid #e6e6ed;background:#fff;border-radius:10px;display:grid;place-items:center}.user-chip{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.mini-avatar,.creator-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#6d28d9);color:#fff;font-weight:900}.mini-avatar{width:34px;height:34px;font-size:12px}.creator-avatar{width:46px;height:46px}.creator-avatar.big{width:80px;height:80px;font-size:25px}.creator-avatar.xlarge{width:104px;height:104px;font-size:34px;border:5px solid #fff;box-shadow:0 7px 22px rgba(20,15,45,.16)}.content{padding:28px;max-width:1500px;width:100%;margin:auto}.app-footer{padding:24px 28px;color:#999aad;font-size:12px}.mobile-only{display:none}.page-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.page-head h1{font-size:34px;letter-spacing:-1.4px;margin:7px 0 4px}.page-head p{margin:0;color:#77788b}.page-actions{display:flex;gap:9px}.panel{background:#fff;border:1px solid #e9e9f0;border-radius:16px;padding:20px;box-shadow:0 8px 30px rgba(25,20,50,.035)}.narrow-panel{max-width:760px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head h3,.panel-head h2{margin:0}.panel-head a{font-size:13px;color:#7c3aed;font-weight:750}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #e9e9f0;border-radius:15px;padding:18px}.stat-card span,.stat-card small{display:block;color:#7f8093;font-size:12px}.stat-card strong{display:block;font-size:27px;letter-spacing:-1px;margin:8px 0 3px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.notice{background:#f2edff;border:1px solid #e2d7ff;padding:15px 17px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.notice>div{display:flex;align-items:center;gap:12px}.notice p{margin:3px 0 0;color:#6f6689;font-size:13px}.activity-list>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f0f0f4}.activity-list>div:last-child{border:0}.activity-list>div>div{display:grid;flex:1}.activity-list small{color:#88899a}.positive{color:#0f9d58}.setup-list{display:grid}.setup-list>div{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #f0f0f4}.setup-list>div:last-child{border:0}.setup-list b{font-size:12px}.pill{display:inline-flex;align-items:center;justify-content:center;background:#f0f1f5;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;color:#6f7082}.pill.success{background:#eafff1;color:#14824b}.pill.warning{background:#fff5dc;color:#a26500}.muted-pill{background:#f1f1f4;color:#8e8f9d}.big-money{font-size:38px;font-weight:900;letter-spacing:-1.8px;margin:10px 0 25px}.big-money small{display:block;color:#858698;font-size:12px;letter-spacing:0;font-weight:600;margin-top:4px}.threshold{display:flex;justify-content:space-between;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:12px 0;margin:12px 0;font-size:13px}.secure-note{background:#f7f5ff;border:1px solid #e8e2ff;border-radius:10px;padding:11px 12px;color:#655d80;font-size:12px;display:flex;align-items:center;gap:8px}.doc-row{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #eee}.doc-row span{flex:1}.card-list{display:grid;gap:8px}.list-card{border:1px solid #ececf2;border-radius:11px;padding:12px;display:flex;gap:9px;align-items:center}.list-card>div{display:grid;gap:3px;flex:1}.list-card small{color:#898a9d}.empty{padding:30px;text-align:center;color:#9293a3}.empty.center{display:grid;place-items:center;min-height:350px}.access-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.access-picks label>input{position:absolute;opacity:0}.access-picks label>span{border:1px solid #e1e2ea;border-radius:12px;padding:15px;display:grid;gap:5px;cursor:pointer}.access-picks label>input:checked+span{border-color:#7c3aed;background:#f7f3ff}.access-picks small{color:#858698}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post-card{background:#fff;border:1px solid #e8e8ef;border-radius:16px;overflow:hidden}.post-thumb{height:230px;background:#ececf4;position:relative;display:grid;place-items:center;overflow:hidden}.post-thumb img,.post-thumb video{width:100%;height:100%;object-fit:cover}.post-thumb.locked:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#171b2d,#342454)}.locked-state,.no-media,.video-placeholder{position:relative;z-index:1;display:grid;gap:9px;place-items:center;color:#fff}.no-media{color:#8b8c9e}.pill.overlay{position:absolute;top:12px;right:12px;z-index:2;background:rgba(255,255,255,.92)}.post-body{padding:15px}.post-body h3{margin:0 0 8px}.post-body p{color:#77788a;line-height:1.55;font-size:13px}.filter-row{display:flex;gap:8px;overflow:auto;margin-bottom:17px}.chip{white-space:nowrap;padding:8px 12px;border:1px solid #e2e2ea;border-radius:999px;background:#fff;font-size:12px;font-weight:750}.chip.active,.chip:hover{background:#eee8ff;border-color:#d7c9ff;color:#6d28d9}.creator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.creator-card{background:#fff;border:1px solid #e8e8ef;border-radius:16px;overflow:hidden;transition:.18s}.creator-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(30,25,50,.08)}.creator-cover{height:150px;background:linear-gradient(135deg,#161a2c,#4a2a75);display:grid;place-items:center;position:relative}.pill.category{position:absolute;top:10px;right:10px}.creator-card-body{padding:14px}.creator-card-body h3{margin:0 0 2px}.creator-card-body>span{font-size:12px;color:#858698}.creator-meta{display:flex;justify-content:space-between;margin-top:15px;align-items:center}.creator-meta small{color:#858698}.creator-meta b{font-size:12px;color:#6d28d9}.verified{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#7c3aed;color:#fff;font-size:10px}.profile-hero{background:#fff;border:1px solid #e8e8ef;border-radius:18px;overflow:hidden;margin-bottom:18px}.profile-banner{height:190px;background:radial-gradient(circle at 75% 20%,#8b5cf6,transparent 35%),linear-gradient(135deg,#111727,#30214b)}.profile-main{display:flex;gap:18px;padding:0 24px 24px;align-items:flex-start}.profile-main>.creator-avatar{margin-top:-48px}.profile-info{flex:1}.profile-info h1{margin:14px 0 2px}.profile-info>span{color:#88899b;font-size:13px}.profile-info p{max-width:680px;color:#606174}.profile-actions{display:flex;gap:8px;margin-top:18px}.profile-numbers{display:flex;gap:24px;margin-top:14px}.profile-numbers b{display:grid;font-size:16px}.profile-numbers small{font-weight:500;color:#87889a;font-size:11px}.profile-section{margin-bottom:18px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-card{border:1px solid #e2e2eb;border-radius:14px;padding:18px;display:grid;gap:10px}.plan-card p{color:#77788a;min-height:45px}.plan-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#eee8ff;color:#6d28d9}.plan-price{font-size:23px;font-weight:900}.plan-price small{font-size:12px;color:#8a8b9c}.tabs{display:flex;gap:30px;border-bottom:1px solid #e6e6ed;margin-bottom:16px}.tabs>*{padding:12px 2px;color:#8a8b9c}.tabs b{color:#6d28d9;border-bottom:2px solid #7c3aed}.service-grid{display:grid;gap:10px}.service-card{display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:12px;border:1px solid #e9e9ef;padding:14px;border-radius:12px}.service-card>span{width:42px;height:42px;border-radius:11px;background:#f1ecff;color:#6d28d9;display:grid;place-items:center}.service-card h3,.service-card p{margin:0}.service-card p{color:#828395;font-size:12px;margin-top:3px}.message-layout{height:calc(100vh - 145px);min-height:600px;display:grid;grid-template-columns:290px 1fr;background:#fff;border:1px solid #e7e7ef;border-radius:17px;overflow:hidden}.conversation-list{border-right:1px solid #ececf2;padding:15px;overflow:auto}.conversation-list h2{margin:5px 8px 15px}.conversation{display:flex;gap:10px;align-items:center;padding:10px;border-radius:11px}.conversation:hover,.conversation.active{background:#f2edff}.conversation div{display:grid}.conversation small{color:#8a8b9d}.chat-panel{display:flex;flex-direction:column;min-width:0}.chat-head{height:70px;border-bottom:1px solid #ececf2;display:flex;align-items:center;gap:10px;padding:12px 18px}.chat-head>div{display:grid;flex:1}.chat-head small{color:#8a8b9d}.secure-badge{font-size:11px;background:#eefaf2;color:#267949;padding:6px 9px;border-radius:999px;display:flex;gap:4px;align-items:center}.messages{flex:1;overflow:auto;padding:20px;background:#fafafe}.bubble{max-width:70%;background:#fff;border:1px solid #ececf3;border-radius:14px 14px 14px 4px;padding:10px 12px;margin:8px 0}.bubble.mine{margin-left:auto;background:#7c3aed;color:#fff;border-color:#7c3aed;border-radius:14px 14px 4px 14px}.bubble small{font-size:10px;opacity:.7}.bubble p{margin:4px 0;line-height:1.45}.bubble time{font-size:9px;opacity:.6}.composer{display:flex;gap:9px;padding:12px;border-top:1px solid #ececf2}.composer textarea{flex:1;resize:none;border:1px solid #e1e1e8;border-radius:11px;padding:10px;outline:0}.locked-chat{margin:auto;max-width:440px;text-align:center;color:#707184}.locked-chat>.icon{color:#7c3aed}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#898a9b;font-size:11px;text-transform:uppercase;letter-spacing:.05em}th,td{padding:12px;border-bottom:1px solid #eeeef3;vertical-align:middle}.review-panel{margin-bottom:18px}.review-profile{display:flex;gap:18px;align-items:center}.review-profile h2{margin:0}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.review-grid div{background:#f7f7fa;padding:12px;border-radius:10px;display:grid;gap:4px}.review-grid small{color:#8a8b9c}.social-links{display:flex;gap:8px;flex-wrap:wrap}.social-links a{background:#f1edff;color:#6d28d9;padding:8px 10px;border-radius:9px;font-size:12px;font-weight:700}.review-actions,.inline-actions{display:flex;gap:8px;margin-top:18px}.notification-row{display:flex;gap:12px;padding:14px;border-bottom:1px solid #eeeef3}.notification-row>span{width:38px;height:38px;border-radius:10px;background:#f1edff;color:#6d28d9;display:grid;place-items:center}.notification-row div{flex:1}.notification-row p{margin:3px 0;color:#77788b}.notification-row small{color:#a0a1af}.account-avatar{display:flex;justify-content:center}.account-avatar img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 7px 22px rgba(20,15,45,.14)}.success-panel{max-width:600px;text-align:center;margin:60px auto;padding:48px}.legal{max-width:780px;margin:80px auto;background:#fff;border:1px solid #e5e5ed;padding:38px;border-radius:18px;line-height:1.7}.legal h1{font-size:40px}.legal p{color:#666779}@media(max-width:1100px){.creator-grid{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;padding-top:45px}.hero-ui{display:none}.landing-features{grid-template-columns:repeat(2,1fr)}.join-layout{grid-template-columns:1fr;max-width:720px}.role-panel h1{font-size:42px}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s;width:250px}.sidebar.open{transform:translateX(0)}.main-wrap{margin-left:0;width:100%}.mobile-only{display:grid}.app-top{padding:0 14px}.top-search{display:none}.user-chip span:last-child{display:none}.content{padding:16px}.page-head{align-items:flex-start;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.creator-grid{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:1fr}.profile-main{flex-wrap:wrap}.profile-actions{width:100%}.message-layout{grid-template-columns:95px 1fr}.conversation-list{padding:8px}.conversation-list h2{font-size:14px}.conversation{justify-content:center}.conversation div{display:none}.review-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.topbar{padding:0 18px}.topbar .btn.ghost{display:none}.hero{min-height:auto;padding:55px 22px}.hero h1{font-size:48px;letter-spacing:-2.6px}.hero p{font-size:16px}.actions{flex-direction:column}.landing-features{grid-template-columns:1fr;padding:30px 22px}.landing-features article{border-right:0;border-bottom:1px solid #eee}.auth-shell{padding:18px}.auth-card{padding:24px}.join-layout{padding:20px;gap:25px}.role-cards{grid-template-columns:1fr}.role-panel h1{font-size:38px}.two{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.stat-card strong{font-size:22px}.creator-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.access-picks{grid-template-columns:1fr}.profile-banner{height:130px}.profile-main{padding:0 15px 18px}.creator-avatar.xlarge{width:82px;height:82px;margin-top:-38px}.profile-info{width:100%;flex-basis:100%}.profile-actions{flex-wrap:wrap}.service-card{grid-template-columns:42px 1fr}.service-card>b,.service-card>a{grid-column:2}.message-layout{height:calc(100vh - 120px);grid-template-columns:1fr}.conversation-list{display:none}.bubble{max-width:88%}.review-grid{grid-template-columns:1fr}.review-actions{flex-direction:column}.page-actions{width:100%;flex-wrap:wrap}.notice{align-items:flex-start;gap:12px;flex-direction:column}}.sidebar nav a.active{background:linear-gradient(135deg,#241a43,#31205a);color:#fff;box-shadow:inset 3px 0 #8b5cf6}.mini-creator-grid{display:grid;gap:8px}.mini-creator{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #eeeeF4;border-radius:12px}.mini-creator:hover{background:#faf8ff;border-color:#ddd2ff}.mini-creator>div{display:grid;flex:1;gap:3px}.mini-creator small{color:#898a9d}.mini-creator>strong{font-size:12px;color:#6d28d9}.compact-stats{grid-template-columns:repeat(2,minmax(0,260px))}.bar-chart{height:330px;display:flex;align-items:stretch;gap:10px;padding:20px 4px 0;overflow-x:auto}.bar-col{min-width:48px;flex:1;display:grid;grid-template-rows:24px 1fr 20px;gap:6px;text-align:center}.bar-value{font-size:10px;color:#77788b;white-space:nowrap}.bar-track{height:230px;display:flex;align-items:flex-end;justify-content:center;background:#f6f4fb;border-radius:9px;padding:4px}.bar-track i{display:block;width:100%;max-width:34px;background:linear-gradient(180deg,#a78bfa,#6d28d9);border-radius:7px 7px 5px 5px}.bar-col small{font-size:10px;color:#8d8e9d}.metric-list{display:grid}.metric-list>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 0;border-bottom:1px solid #efeff4}.metric-list>div:last-child{border-bottom:0}.metric-list span{font-weight:750}.metric-list b{color:#6d28d9}.metric-list small{grid-column:1/-1;color:#898a9d}@media(max-width:560px){.compact-stats{grid-template-columns:1fr 1fr}.mini-creator>strong{display:none}}
/* UnityMix v1.2 — reference-image UI */
:root{--um-purple:#6d28d9;--um-purple2:#7c3aed;--um-soft:#f5f1ff;--um-border:#e8e8ef;--um-text:#171827;--um-muted:#77798b;--um-green:#16a34a;--um-orange:#ff9914;--um-dark:#0d1322;--um-dark2:#111827}
.brand{font-size:20px;font-weight:900;letter-spacing:-.8px}.brand span{color:#7c3aed}.btn{border-radius:7px;font-size:13px;padding:10px 16px}.btn.primary{background:linear-gradient(90deg,#6d28d9,#7c3aed);box-shadow:none}.btn.ghost{background:#f5f5f7;border:1px solid #ececf1}.panel{border-radius:9px;border-color:#e9e9ef;box-shadow:0 3px 12px rgba(24,20,50,.025)}
/* role chooser */
.join-choice-body{margin:0;min-height:100vh;background:#f4f5f8;display:grid;place-items:center;padding:28px}.join-choice-shell{width:min(590px,100%)}.join-choice-card{position:relative;overflow:hidden;min-height:760px;border-radius:8px;padding:30px 36px;background:radial-gradient(circle at 55% 53%,rgba(124,58,237,.28),transparent 28%),radial-gradient(circle at 10% 95%,rgba(78,88,255,.18),transparent 26%),linear-gradient(145deg,#0c1221,#101727);color:#fff;box-shadow:0 24px 70px rgba(10,15,30,.16)}.join-choice-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 47%,rgba(255,255,255,.02) 48%,transparent 49%);pointer-events:none}.join-brand{color:#fff;position:relative;z-index:1}.join-copy{text-align:center;margin:64px auto 30px;position:relative;z-index:1}.join-copy h1{font-size:31px;letter-spacing:-1.3px;margin:0 0 9px}.join-copy h1 span{color:#a855f7}.join-copy p{margin:0;color:#c2c6d2;font-size:13px}.join-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;position:relative;z-index:1}.join-role{background:#fff;color:#111827;padding:24px 19px 18px;border-radius:8px;text-align:center;display:flex;min-height:280px;flex-direction:column;align-items:center;border:1px solid rgba(255,255,255,.75);transition:.18s}.join-role:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.18)}.join-role-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#fff;margin:5px 0 18px}.join-role.fan .join-role-icon{background:linear-gradient(135deg,#ec4899,#db2777)}.join-role.creator .join-role-icon{background:linear-gradient(135deg,#ffad27,#ff8a00)}.join-role h2{font-size:19px;margin:0 0 12px}.join-role p{font-size:12px;line-height:1.6;color:#535667;margin:0 0 22px}.join-role b{margin-top:auto;width:100%;padding:11px;border-radius:6px;color:#fff;font-size:12px}.join-role.fan b{background:linear-gradient(90deg,#6d28d9,#7c3aed)}.join-role.creator b{background:linear-gradient(90deg,#ff9a16,#ff8400)}.join-trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;gap:14px;position:relative;z-index:1}.join-trust div{display:grid;place-items:center;gap:7px;color:#d3d6e0;text-align:center}.join-trust span{font-size:9px}.join-login{text-align:center;margin:55px 0 0;color:#aeb3c2;font-size:12px;position:relative;z-index:1}.join-login a{color:#a855f7;font-weight:700}
/* creator onboarding */
.onboarding-body{margin:0;min-height:100vh;background:#f5f6f9;color:#171827}.onboarding-shell{min-height:100vh;display:grid;place-items:center;padding:26px}.onboarding-card{width:min(620px,100%);background:#fff;border:1px solid #e9eaf0;border-radius:9px;padding:28px 38px 34px;box-shadow:0 10px 36px rgba(30,30,60,.035)}.onboarding-card.creator-onboarding{width:min(650px,100%)}.onboarding-brand{display:block;text-align:left;margin-bottom:18px}.onboarding-progress{display:flex;align-items:flex-start;justify-content:center;margin:2px auto 31px;max-width:505px}.progress-item{position:relative;display:grid;place-items:center;min-width:78px;text-align:center;gap:5px}.progress-item span{width:25px;height:25px;border-radius:50%;border:1px solid #cfd2dc;background:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;color:#64677a}.progress-item small{font-size:9px;color:#656879;white-space:nowrap}.progress-item.active span,.progress-item.done span{background:#6d28d9;border-color:#6d28d9;color:#fff}.progress-item.active small,.progress-item.done small{color:#6d28d9;font-weight:800}.onboarding-progress>i{height:1px;background:#d7d9e1;flex:1;margin-top:12px}.onboarding-title{text-align:center;margin-bottom:24px}.onboarding-title h1{font-size:27px;letter-spacing:-1px;margin:0 0 6px}.onboarding-title p{font-size:12px;color:#787a8c;margin:0}.image-form{display:grid;gap:14px}.image-form>label,.creator-details-fields label{display:grid;gap:6px;font-size:10px;color:#343644;font-weight:750}.image-form input,.image-form select,.image-form textarea,.creator-details-fields input,.creator-details-fields textarea{width:100%;border:1px solid #dcdfe7;border-radius:5px;padding:10px 11px;outline:0;background:#fff;font-size:12px;color:#171827}.image-form input:focus,.image-form textarea:focus,.image-form select:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #f0e9ff}.field-with-icon{display:flex;align-items:center;gap:8px;border:1px solid #dcdfe7;border-radius:5px;padding:0 9px;color:#8c8f9f}.field-with-icon input{border:0!important;box-shadow:none!important;padding:10px 0}.field-status{margin-left:auto;color:#16a34a;font-size:9px;white-space:nowrap}.secure-field{margin-left:auto;color:#159447;font-size:9px;display:flex;align-items:center;gap:4px;white-space:nowrap}.check-row{display:flex!important;align-items:center;gap:8px;font-weight:500!important;color:#5e6172!important}.check-row input{width:13px;height:13px;accent-color:#6d28d9}.check-row a{color:#6d28d9;font-weight:700}.onboarding-next{margin-top:5px}.form-foot{margin:8px 0 0}.creator-details-row{display:grid;grid-template-columns:105px 1fr;gap:20px;align-items:start}.avatar-uploader{position:relative;width:82px;height:82px;border-radius:50%;cursor:pointer;margin:8px auto}.avatar-uploader>input{display:none}.onboard-avatar{width:82px;height:82px!important;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#9b87f5,#6d28d9);color:#fff;font-size:25px;overflow:hidden}.onboard-avatar img{width:100%;height:100%;object-fit:cover}.camera-dot{position:absolute;right:-1px;bottom:4px;width:25px;height:25px;border-radius:50%;background:#6d28d9;color:#fff;border:2px solid #fff;display:grid;place-items:center}.creator-details-fields{display:grid;gap:13px}.creator-details-fields textarea{min-height:85px}.counter{text-align:right;margin-top:-18px;padding-right:8px;color:#9a9cac;font-size:9px;pointer-events:none}.form-section-title{display:flex;justify-content:space-between;align-items:end;margin-top:5px}.form-section-title b{font-size:11px}.form-section-title small{font-size:9px;color:#8b8d9b}.social-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-inputs label{display:flex;align-items:center;gap:8px;border:1px solid #dcdfe7;border-radius:5px;padding:0 10px;color:#737687}.social-inputs input{border:0!important;padding-left:0!important;box-shadow:none!important}.onboarding-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin-top:8px}.image-secure{font-size:9px!important;color:#656878!important;background:#fafbfc!important;border-color:#edf0f4!important}.review-cards{display:grid;gap:10px}.review-card{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;border:1px solid #e3e5eb;border-radius:7px;padding:12px}.review-icon{width:32px;height:32px;border-radius:6px;display:grid;place-items:center;background:#f3ecff;color:#6d28d9}.review-card>div{display:grid;gap:2px}.review-card small{font-size:9px;color:#868898}.review-card b{font-size:11px}.review-card span{font-size:10px;color:#666879}.review-card>a{color:#6d28d9;font-size:10px;font-weight:800}.review-notice{display:flex;gap:10px;align-items:flex-start;background:#eef7ff;color:#526374;border:1px solid #dfefff;border-radius:6px;padding:12px;margin:18px 0;font-size:10px}.status-page{text-align:center;width:min(520px,100%);padding:32px 48px}.status-page .onboarding-brand{text-align:left}.success-orbit{position:relative;width:126px;height:126px;margin:25px auto 17px;display:grid;place-items:center}.success-orbit>span{width:72px;height:72px;border-radius:50%;background:#12b76a;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 12px rgba(18,183,106,.08),0 0 0 25px rgba(124,58,237,.04)}.success-orbit>i{position:absolute;width:5px;height:5px;border-radius:50%;background:#7c3aed;top:10px;left:28px}.success-orbit>i:nth-child(2){top:20px;right:18px;left:auto;background:#f59e0b}.success-orbit>i:nth-child(3){top:auto;bottom:14px;left:12px;background:#22c55e}.success-orbit.approved>span{background:#12b76a}.success-orbit.rejected>span{background:#ef4444}.status-page h1{font-size:25px;margin:0 0 8px}.status-page>p{font-size:11px;line-height:1.55}.next-card{text-align:left;border:1px solid #e5e7ed;border-radius:7px;padding:14px;margin:22px 0}.next-card h3{font-size:11px;margin:0 0 9px}.next-card div{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:10px}.next-card svg{color:#16a34a}.status-signout{display:block;margin-top:18px;font-size:10px;color:#838596}
/* main app */
.app-body{background:#f7f8fb}.app-layout{display:flex;min-height:100vh}.sidebar{width:210px;padding:20px 12px;background:#fff;color:#55586a;border-right:1px solid #ececf2}.role-fan .sidebar,.role-creator .sidebar{background:#fff;color:#5b5e70}.sidebar-top{display:flex;align-items:center;justify-content:space-between}.sidebar-brand{color:#171827;padding:0 9px 27px;font-size:18px}.sidebar nav{gap:1px}.sidebar nav a,.sidebar-bottom a{padding:9px 10px;border-radius:5px;font-size:11px;color:#565a6a;gap:9px}.sidebar nav a:hover,.sidebar-bottom a:hover{background:#f8f5ff;color:#6d28d9}.sidebar nav a.active{background:#f1ecff!important;color:#6d28d9!important;box-shadow:none!important}.sidebar nav a.active svg{stroke-width:2}.nav-section{font-size:9px;color:#a2a4b0;padding:18px 10px 7px;text-transform:none}.nav-badge{margin-left:auto;background:#ef4444;color:#fff;border-radius:999px;font-size:8px;padding:2px 5px;font-style:normal}.sidebar-bottom{border-top:1px solid #f0f0f4;padding-top:12px}.sidebar-user{display:flex;gap:8px;align-items:center;padding:8px 9px}.sidebar-user>div{display:grid;gap:1px;min-width:0}.sidebar-user b{font-size:10px;color:#252737;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:8px;color:#9698a6}.main-wrap{margin-left:210px;width:calc(100% - 210px)}.app-top{height:60px;padding:0 22px;border-bottom:1px solid #ececf1;box-shadow:none}.app-top-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.top-search{height:34px;border-radius:5px;width:min(365px,45vw);font-size:10px}.top-search input{font-size:10px}.icon-btn{width:32px;height:32px;border-radius:6px}.view-as,.wallet-chip{display:flex;align-items:center;gap:5px;border:1px solid #e3e4ea;background:#fff;border-radius:5px;padding:7px 9px;font-size:9px;color:#4e5160}.user-chip{font-size:10px}.user-chip-copy{display:grid;gap:0}.user-chip-copy small{font-size:8px;color:#989aa7;font-weight:500}.mini-avatar{width:28px;height:28px;font-size:9px;overflow:hidden}.mini-avatar img,.creator-avatar img,.account-avatar img{width:100%;height:100%;object-fit:cover}.content{padding:18px 22px 28px;max-width:1500px}.app-footer{font-size:9px;padding:20px 22px;color:#aaabb5}
/* Creator dashboard */
.creator-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.creator-dashboard-head h1{font-size:21px;letter-spacing:-.6px;margin:0 0 3px}.creator-dashboard-head p{font-size:10px;color:#8a8c9b;margin:0}.dashboard-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.dashboard-stat-row article{background:#fff;border:1px solid #e9eaf0;border-radius:7px;padding:12px 13px;min-height:87px}.dashboard-stat-row span{display:block;font-size:9px;color:#808391}.dashboard-stat-row strong{display:block;font-size:18px;margin:6px 0 3px;letter-spacing:-.5px}.dashboard-stat-row small{font-size:8px;color:#898b98}.dashboard-stat-row small.up{color:#16a34a}.creator-dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:11px;margin-bottom:12px}.chart-panel,.activity-panel{padding:13px}.panel-head h3{font-size:11px}.panel-head a{font-size:9px}.select-look{border:1px solid #e4e5eb;padding:5px 7px;border-radius:5px;font-size:8px;color:#717482;display:flex;align-items:center;gap:5px}.line-chart{display:grid;grid-template-columns:25px 1fr;grid-template-rows:170px 15px;position:relative;margin-top:6px}.chart-y{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:space-between;color:#9b9da8;font-size:7px;padding:4px 0 8px}.line-chart svg{grid-column:2;grid-row:1;width:100%;height:100%;overflow:visible;background:repeating-linear-gradient(to bottom,#f3f3f7 0,#f3f3f7 1px,transparent 1px,transparent 42px)}.chart-line{fill:none;stroke:#6d28d9;stroke-width:1.7;vector-effect:non-scaling-stroke}.chart-area{fill:url(#earnFill);stroke:none}.line-chart circle{fill:#fff;stroke:#6d28d9;stroke-width:.8;vector-effect:non-scaling-stroke}.chart-x{grid-column:2;grid-row:2;display:flex;justify-content:space-between;color:#9b9da8;font-size:7px;padding-top:4px}.dashboard-activity>div{padding:8px 0}.dashboard-activity b{font-size:9px}.dashboard-activity small{font-size:8px}.dashboard-activity em{font-size:7px;color:#aaa;font-style:normal}.dashboard-activity strong{font-size:8px}.activity-view{display:block;border-top:1px solid #f0f0f4;text-align:center;padding-top:9px;font-size:8px;color:#6d28d9;font-weight:700}.top-content-panel{padding:12px 13px}.top-content-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.top-content-card{display:grid;gap:5px;min-width:0}.top-content-media{height:70px;border-radius:5px;background:linear-gradient(135deg,#191f32,#3f2a74);display:grid;place-items:center;color:#fff;overflow:hidden}.top-content-media img{width:100%;height:100%;object-fit:cover}.top-content-card b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-content-card small{font-size:7px;color:#16a34a}.palette-1{background:linear-gradient(135deg,#2a1b14,#8f4d25)}.palette-2{background:linear-gradient(135deg,#10171b,#356b6a)}.palette-3{background:linear-gradient(135deg,#251428,#8d3c78)}.palette-4{background:linear-gradient(135deg,#191c28,#3d5d9a)}.palette-5{background:linear-gradient(135deg,#282016,#9d7945)}
/* profile matching reference */
.profile-hero{background:#fff;border:1px solid #e7e8ed;border-radius:8px;overflow:hidden}.profile-banner{height:210px;background:radial-gradient(circle at 70% 40%,rgba(124,58,237,.35),transparent 25%),linear-gradient(110deg,#121827,#1b2538 45%,#0c111d);position:relative}.profile-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 30%,rgba(255,255,255,.04) 55%,transparent)}.profile-main{padding:0 22px 18px;display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.creator-avatar.xlarge{width:86px;height:86px;margin-top:-42px;position:relative;z-index:2}.profile-info{padding-top:9px}.profile-info h1{font-size:18px;margin:0 0 3px}.profile-info>span,.profile-info p{font-size:9px;color:#747685}.profile-info p{max-width:510px;line-height:1.5;margin:8px 0}.profile-numbers{display:flex;gap:18px}.profile-numbers b{font-size:10px}.profile-numbers small{display:block;font-size:7px;color:#8c8e9b}.profile-actions{margin-left:auto;align-self:center}.tabs{border-bottom:1px solid #e7e8ed;padding:0 14px}.tabs>*{padding:11px 14px;font-size:9px}.tabs b{color:#6d28d9;border-bottom:2px solid #6d28d9}.profile-section{margin-top:12px}.plan-grid{grid-template-columns:repeat(3,1fr);gap:12px}.plan-card{border-radius:7px;padding:15px}.plan-card h3{font-size:12px}.plan-card p{font-size:8px;line-height:1.5;min-height:38px}.plan-price{font-size:17px}.plan-price small{font-size:8px}.post-card{border-radius:7px}.post-thumb{height:165px}.post-body h3{font-size:11px}.post-body p{font-size:9px}
/* Messages */
.message-layout{height:calc(100vh - 105px);grid-template-columns:330px 1fr;background:#fff;border:1px solid #e8e9ee;border-radius:8px;overflow:hidden}.conversation-list{border-right:1px solid #ececf1;padding:13px}.conversation-list h2{font-size:15px;margin:1px 0 12px}.conversation{border-radius:6px;padding:9px}.conversation.active{background:#f3efff}.conversation b{font-size:10px}.conversation small{font-size:8px}.chat-panel{background:#fff}.chat-head{height:55px;padding:9px 14px;border-bottom:1px solid #ececf1}.chat-head b{font-size:10px}.chat-head small{font-size:8px}.messages{padding:18px}.bubble{max-width:60%;border-radius:8px;padding:8px 10px;background:#f1f2f5}.bubble.mine{background:#6d28d9;color:#fff}.bubble small{display:none}.bubble p{font-size:9px;margin:0 0 3px}.bubble time{font-size:7px}.composer{border-top:1px solid #ececf1;padding:10px 12px}.composer textarea{border:1px solid #e0e2e8;border-radius:7px;font-size:9px}.composer .btn{width:35px;height:35px;padding:0;border-radius:7px;font-size:0}.composer .btn:before{content:"↗";font-size:14px}
/* Fan discover / purchases mobile-friendly */
.creator-grid{grid-template-columns:repeat(4,1fr);gap:12px}.creator-card{border-radius:7px}.creator-cover{height:150px}.creator-card-body{padding:10px}.creator-card-body h3{font-size:11px}.creator-card-body>span,.creator-meta{font-size:8px}.filter-row{gap:6px}.chip{font-size:8px;border-radius:5px;padding:6px 10px}.page-head{margin-bottom:17px}.page-head h1{font-size:23px;margin:3px 0}.page-head p{font-size:10px}.stat-grid{gap:10px}.stat-card{border-radius:7px;padding:13px}.stat-card strong{font-size:19px}.stat-card span,.stat-card small{font-size:8px}.table-wrap table{font-size:9px}.table-wrap th{font-size:8px}
/* Admin dark */
.role-admin{background:#0c1220;color:#e9eaf0}.role-admin .sidebar{background:#0c1220;color:#9ca3b5;border-color:#1d2536}.role-admin .sidebar-brand{color:#fff}.role-admin .sidebar nav a,.role-admin .sidebar-bottom a{color:#9ba3b6}.role-admin .sidebar nav a:hover,.role-admin .sidebar nav a.active{background:#171f33!important;color:#fff!important}.role-admin .nav-section{color:#596276}.role-admin .sidebar-bottom{border-color:#1c2536}.role-admin .sidebar-user b{color:#fff}.role-admin .main-wrap{background:#0d1321}.role-admin .app-top{background:#0d1321;border-color:#1d2536}.role-admin .top-search{background:#111827;border-color:#263044;color:#687286}.role-admin .top-search input{background:transparent;color:#d9dce4}.role-admin .icon-btn,.role-admin .user-chip,.role-admin .view-as{background:#111827;border-color:#263044;color:#c6cad5}.role-admin .content{color:#e7e9ee}.role-admin .panel,.role-admin .stat-card{background:#111827;border-color:#202a3c;box-shadow:none}.role-admin .page-head p,.role-admin .muted{color:#7d879b}.role-admin .table-wrap table{color:#d7dae3}.role-admin table th,.role-admin table td{border-color:#202a3c}.role-admin table th{color:#6f798c}.role-admin .app-footer{color:#4f5869}.admin-title h1{font-size:19px;margin:3px 0 16px}.admin-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:11px}.admin-stat-row article{background:#111827;border:1px solid #202a3c;border-radius:6px;padding:13px}.admin-stat-row span{font-size:8px;color:#7b8496}.admin-stat-row strong{display:block;margin-top:8px;font-size:16px;color:#fff}.admin-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}.admin-dashboard-grid .panel,.admin-chart-panel{padding:13px}.role-admin .panel-head h3{color:#fff}.role-admin .panel-head a{color:#8b5cf6}.admin-mini-table{display:grid}.admin-row{display:grid;grid-template-columns:1.2fr .7fr .65fr .4fr;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #202a3c;font-size:8px;color:#aab1c0}.admin-row:last-child{border:0}.admin-row-head{color:#596376;font-size:7px}.admin-person{display:flex;align-items:center;gap:7px}.admin-person b{color:#dfe2ea;font-size:8px}.admin-icon-action{width:24px;height:24px;border-radius:5px;border:1px solid #2b3548;display:grid;place-items:center;color:#8b5cf6}.admin-empty{padding:20px 0;color:#687286;font-size:9px;text-align:center}.role-admin .pill.warning{background:#5b4110;color:#fbbf24}.admin-chart-panel{margin-bottom:10px}.select-look.dark{background:#0d1321;border-color:#263044;color:#858fa3}.admin-line-chart{height:215px;position:relative;padding-bottom:20px}.admin-line-chart svg{height:190px;width:100%;background:repeating-linear-gradient(to bottom,#1a2435 0,#1a2435 1px,transparent 1px,transparent 44px)}.admin-line{fill:none;stroke:#7c3aed;stroke-width:1.6;vector-effect:non-scaling-stroke}.admin-area{fill:url(#adminFill)}.admin-line-chart circle{fill:#111827;stroke:#8b5cf6;stroke-width:.8;vector-effect:non-scaling-stroke}.admin-chart-months{display:flex;justify-content:space-between;color:#586276;font-size:7px;padding:4px 2px 0}
/* Avatar photos */
.has-photo{padding:0!important}.creator-avatar.has-photo,.mini-avatar.has-photo,.onboard-avatar.has-photo{overflow:hidden}.creator-avatar.has-photo img,.mini-avatar.has-photo img,.onboard-avatar.has-photo img{width:100%;height:100%;object-fit:cover}
/* Mobile views inspired by reference phones */
@media(max-width:980px){.creator-grid{grid-template-columns:repeat(3,1fr)}.dashboard-stat-row,.admin-stat-row{grid-template-columns:1fr 1fr}.creator-dashboard-grid,.admin-dashboard-grid{grid-template-columns:1fr}.top-content-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.join-choice-body{padding:0;background:#0c1221}.join-choice-shell{width:100%}.join-choice-card{min-height:100vh;border-radius:0;padding:24px 18px}.join-copy{margin-top:42px}.join-role-grid{grid-template-columns:1fr 1fr;gap:10px}.join-role{min-height:250px;padding:20px 12px}.join-trust{grid-template-columns:1fr 1fr;margin-top:25px}.join-login{margin-top:30px}.onboarding-shell{padding:0}.onboarding-card,.onboarding-card.creator-onboarding,.status-page{width:100%;min-height:100vh;border:0;border-radius:0;padding:22px 18px}.onboarding-brand{margin-bottom:28px}.onboarding-progress{margin-bottom:34px}.progress-item{min-width:63px}.progress-item small{font-size:7px}.creator-details-row{grid-template-columns:1fr}.social-inputs{grid-template-columns:1fr}.onboarding-actions{position:sticky;bottom:0;background:#fff;padding:10px 0 0}.sidebar{transform:translateX(-102%);transition:.2s;z-index:100;box-shadow:14px 0 35px rgba(15,20,40,.18)}.sidebar.open{transform:translateX(0)}.sidebar-close{display:grid!important;border:0;background:transparent}.main-wrap{margin-left:0;width:100%}.app-top{height:54px;padding:0 12px}.top-search{display:none}.mobile-only{display:grid}.user-chip-copy,.view-as,.wallet-chip span{display:none}.content{padding:12px 12px 20px}.creator-dashboard-head{align-items:center}.creator-dashboard-head h1{font-size:17px}.creator-dashboard-head p{font-size:9px}.creator-dashboard-head .btn{padding:8px 10px;font-size:9px}.dashboard-stat-row{grid-template-columns:1fr 1fr}.dashboard-stat-row article{min-height:79px;padding:11px}.dashboard-stat-row strong{font-size:16px}.creator-dashboard-grid{grid-template-columns:1fr}.chart-panel{order:1}.activity-panel{order:2}.top-content-strip{display:flex;overflow-x:auto;padding-bottom:4px}.top-content-card{min-width:115px}.top-content-media{height:80px}.creator-grid{grid-template-columns:1fr 1fr;gap:9px}.creator-cover{height:120px}.page-head{align-items:flex-start}.page-head h1{font-size:20px}.page-head p{font-size:9px}.message-layout{height:calc(100vh - 78px);grid-template-columns:1fr;border-radius:0;border-left:0;border-right:0}.conversation-list{display:block}.message-layout:has(.chat-panel .chat-head) .conversation-list{display:none}.chat-panel{min-height:100%}.bubble{max-width:82%}.profile-banner{height:135px}.profile-main{padding:0 13px 14px;align-items:flex-start}.creator-avatar.xlarge{width:74px;height:74px;margin-top:-36px}.profile-info{flex:1;min-width:190px}.profile-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;margin:4px 0 0}.plan-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.admin-stat-row{grid-template-columns:1fr 1fr}.admin-dashboard-grid{grid-template-columns:1fr}.role-admin .sidebar{background:#0c1220}.table-wrap{overflow-x:auto}.table-wrap table{min-width:640px}.app-footer{display:none}}
@media(max-width:430px){.join-role-grid{grid-template-columns:1fr}.join-role{min-height:210px}.join-role-icon{width:52px;height:52px;margin-bottom:10px}.join-trust{grid-template-columns:repeat(2,1fr)}.onboarding-card{padding-left:15px;padding-right:15px}.progress-item{min-width:52px}.progress-item small{white-space:normal;line-height:1.2}.dashboard-stat-row{grid-template-columns:1fr 1fr;gap:7px}.dashboard-stat-row article{padding:9px}.dashboard-stat-row strong{font-size:15px}.creator-grid{grid-template-columns:1fr}.creator-card{display:grid;grid-template-columns:84px 1fr}.creator-cover{height:100px}.creator-card-body{align-self:center}.admin-stat-row{grid-template-columns:1fr 1fr}.admin-stat-row strong{font-size:14px}.admin-row{grid-template-columns:1.2fr .75fr .6fr}.admin-row>*:last-child{display:none}}
.discover-search{height:36px;border:1px solid #e0e2e9;border-radius:6px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 10px;margin:-4px 0 10px;color:#8c8f9d;max-width:430px}.discover-search input{border:0;outline:0;flex:1;font-size:9px;background:transparent}.role-admin .discover-search{background:#111827;border-color:#263044}
.profile-banner[style]{background-size:cover!important;background-position:center 35%!important}.profile-tabs{display:flex;gap:24px;border-top:1px solid #ececf1;padding:0 22px}.profile-tabs a{font-size:9px;color:#777a89;padding:11px 0;border-bottom:2px solid transparent}.profile-tabs a.active{color:#6d28d9;border-color:#6d28d9;font-weight:800}.pricing-toggle{display:flex;border:1px solid #e5e6eb;border-radius:5px;padding:2px;font-size:8px}.pricing-toggle span{padding:5px 8px;border-radius:4px;color:#797c8b}.pricing-toggle span.active{background:#6d28d9;color:#fff}.pricing-toggle small{font-size:7px}.plan-card{position:relative}.plan-card.featured{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed}.popular-tag{position:absolute;top:-9px;right:12px;background:#fff0f4;color:#ef4770;border:1px solid #ffd3df;border-radius:999px;padding:3px 7px;font-size:7px}.plan-card ul{list-style:none;padding:0;margin:12px 0 15px;display:grid;gap:6px}.plan-card li{display:flex;align-items:center;gap:5px;font-size:8px;color:#5e6171}.plan-card li svg{color:#16a34a}
.role-admin .tax-stat-row article{background:#111827;border-color:#202a3c}.tax-control-panel{padding:13px}.tax-toolbar{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ececf1;padding-bottom:11px;margin-bottom:12px}.tax-toolbar label{display:grid;gap:5px;font-size:8px;color:#8a8d9d}.tax-toolbar select{border:1px solid #e1e3e8;border-radius:5px;padding:6px 25px 6px 8px;background:#fff;font-size:8px}.tax-toolbar>div{display:flex;align-items:center;gap:8px;font-size:8px;color:#8a8d9d}.tax-toolbar b{border:1px solid #e1e3e8;border-radius:5px;padding:6px 9px;color:#3d4050}.role-admin .tax-toolbar{border-color:#202a3c}.role-admin .tax-toolbar select,.role-admin .tax-toolbar b{background:#0d1321;border-color:#2a3448;color:#cfd3dd}.table-person{display:flex;align-items:center;gap:7px}.table-person>div{display:grid}.table-person small{font-size:7px;color:#8a8d9c}.tax-actions{display:flex;gap:7px;justify-content:flex-end;border-top:1px solid #ececf1;margin-top:10px;padding-top:11px}.role-admin .tax-actions{border-color:#202a3c}
.purchase-tabs{display:flex;gap:5px;margin-bottom:10px}.purchase-tabs a{border:1px solid #e3e4ea;background:#fff;border-radius:5px;padding:6px 10px;font-size:8px;color:#6f7281}.purchase-tabs a.active{background:#f1ecff;border-color:#ddd1ff;color:#6d28d9;font-weight:800}.purchase-list{display:grid;gap:8px;max-width:780px}.purchase-list article{display:grid;grid-template-columns:38px 1fr auto auto;gap:10px;align-items:center;background:#fff;border:1px solid #e8e9ef;border-radius:7px;padding:10px}.purchase-list .creator-avatar{width:38px;height:38px;font-size:11px}.purchase-list article>div{display:grid;gap:2px}.purchase-list b{font-size:10px}.purchase-list small,.purchase-list em{font-size:8px;color:#8c8e9c;font-style:normal}.purchase-list strong{font-size:9px;color:#16a34a}@media(max-width:560px){.purchase-list article{grid-template-columns:38px 1fr auto}.purchase-list article>.pill{grid-column:3}.purchase-tabs{overflow-x:auto}.purchase-tabs a{white-space:nowrap}}
.wallet-card{max-width:520px;background:linear-gradient(145deg,#fff,#faf8ff);border:1px solid #e4ddf8;border-radius:9px;padding:20px;margin-bottom:12px}.wallet-card>span{font-size:9px;color:#7f8190}.wallet-card>strong{display:block;font-size:30px;letter-spacing:-1px;margin:5px 0}.wallet-card>small{font-size:8px;color:#8b8d9a}.wallet-card>div{display:flex;gap:7px;margin-top:16px}.wallet-transactions{max-width:700px}.wallet-row{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #efeff3}.wallet-row:last-child{border:0}.wallet-row>div{display:grid}.wallet-row b{font-size:9px}.wallet-row small{font-size:8px;color:#9294a1}.wallet-row strong{font-size:9px;color:#16a34a}
/* v1.3 demo data + test checkout */
.demo-checkout-card{max-width:620px;margin:42px auto;padding:30px}.demo-payment-badge{display:inline-flex;align-items:center;gap:7px;background:#f1eaff;color:#6d28d9;border:1px solid #ddd1ff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:850;letter-spacing:.05em}.demo-order-summary{margin:22px 0;display:grid;gap:0;border:1px solid #e8e8ef;border-radius:12px;overflow:hidden}.demo-order-summary>div{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eeeef3}.demo-order-summary>div:last-child{border:0}.demo-order-summary span{color:#7b7d8e;font-size:12px}.demo-order-summary b{font-size:13px}.demo-order-summary strong{font-size:18px;color:#6d28d9}.demo-toggle{display:flex!important;grid-template-columns:18px 1fr!important;align-items:flex-start!important;background:#faf8ff;border:1px solid #e7ddff;border-radius:12px;padding:13px}.demo-toggle input{width:auto!important;margin-top:2px}.demo-toggle span{display:grid;gap:3px}.demo-toggle small{font-weight:500;color:#7c7e8e;line-height:1.45}.demo-stats{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.demo-stats .stat{background:#fff;border:1px solid #e9e9f0;border-radius:14px;padding:16px}.demo-stats .stat span,.demo-stats .stat small{display:block;color:#7f8093;font-size:11px}.demo-stats .stat b{display:block;font-size:24px;margin:6px 0 2px}.role-admin .demo-stats .stat{background:#111827;border-color:#202a3c}.role-admin .demo-stats .stat b{color:#fff}.role-admin .demo-payment-badge{background:#1e1734;border-color:#3c2a67;color:#b99cff}@media(max-width:760px){.demo-stats{grid-template-columns:1fr 1fr}.demo-checkout-card{margin:12px auto;padding:20px}}@media(max-width:430px){.demo-stats{grid-template-columns:1fr 1fr}.demo-order-summary>div{padding:12px}}
/* v1.4 live-ready additions */
.discover-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 16px}.discover-filters select,.discover-filters input[type=number]{height:36px;border:1px solid #e0e2e9;border-radius:7px;background:#fff;padding:0 10px;font-size:12px}.inline-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.inline-actions input[type=text]{height:31px;border:1px solid #e0e2e9;border-radius:7px;padding:0 8px;font-size:11px}.pill.danger{background:#fff0f2;color:#c0263c}.status-dot{width:20px;height:20px;border-radius:50%;display:inline-block;background:#f59e0b}.status-dot.ok{background:#16a34a}.status-dot.warn{background:#f59e0b}.badge-wrap{position:relative}.badge-wrap em,.conversation .nav-badge{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;display:grid;place-items:center;font-style:normal;font-weight:800}.conversation{position:relative}.conversation .nav-badge{position:static;margin-left:auto}.account-section{margin-top:18px}.statement .review-grid{margin:18px 0}.public-profile{max-width:1200px;margin:auto}.role-admin .discover-filters select,.role-admin .discover-filters input,.role-admin .inline-actions input{background:#101827;border-color:#283348;color:#d8dce8}.role-admin .table-wrap table{color:#d8dce8}.role-admin .pill.danger{background:#351b24;color:#ff9aac}.video-placeholder,.no-media{height:100%;display:grid;place-items:center;color:#85899a;background:#f6f7fb}.post-thumb video{width:100%;height:100%;object-fit:cover}.notification-row{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #f0f0f4}.notification-row:last-child{border-bottom:0}.notification-row span:first-child{width:38px;height:38px;border-radius:12px;background:#f3edff;color:#7c3aed;display:grid;place-items:center}.notification-row p{margin:3px 0;color:#696b7d}.notification-row small{color:#9799a6}.secure-note{background:#f7f3ff;border:1px solid #e6dbff;border-radius:12px;padding:12px;color:#6b5c91;font-size:12px}.role-admin .secure-note{background:#151b2c;border-color:#26324b;color:#bfc4d5}@media(max-width:760px){.discover-filters{display:grid;grid-template-columns:1fr 1fr}.discover-filters .discover-search{grid-column:1/-1;width:100%;max-width:none}.discover-filters button{grid-column:1/-1}.inline-actions{gap:5px}.inline-actions input[type=text]{width:100%}.badge-wrap em{right:-2px;top:-4px}}