:root{--bg:#07110c;--surface:#0d1e16;--surface2:#11271b;--text:#f4f8f5;--muted:#a3b2a9;--green:#35e982;--red:#ff5252;--line:rgba(255,255,255,.1);--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin-top:0}.eyebrow{margin-bottom:8px;color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.auth-shell{min-height:calc(100vh - 60px);display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 75% 20%,rgba(53,233,130,.12),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.auth-card{width:min(440px,100%);padding:34px;border:1px solid var(--line);border-radius:24px;background:rgba(13,30,22,.96);box-shadow:var(--shadow)}.auth-logo{display:block;width:160px;height:auto;margin:0 0 22px}.auth-card h1{font-size:2rem;line-height:1.1}.subtitle,.help{color:var(--muted)}.help{margin:18px 0 0;font-size:.78rem}.back{display:inline-block;margin-top:18px;color:var(--green);font-size:.82rem}.logo{width:48px;height:48px;display:grid;place-items:center;margin-bottom:20px;border-radius:13px;background:var(--green);color:#041008;font-weight:900}form{display:grid;gap:14px}label{display:grid;gap:6px;color:#dbe5df;font-size:.82rem;font-weight:700}input,textarea,select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#07140d;color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(53,233,130,.1)}.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:11px 18px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--green),#17bf62);color:#041008;font-weight:800;cursor:pointer}.alert{margin:16px 0;padding:12px 14px;border:1px solid rgba(53,233,130,.24);border-radius:10px;background:rgba(53,233,130,.08);font-size:.84rem}.alert.error{border-color:rgba(255,82,82,.28);background:rgba(255,82,82,.08)}.site-footer{padding:20px;color:#64736a;text-align:center;font-size:.7rem}.member-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(20px,calc((100% - 1160px)/2));border-bottom:1px solid var(--line);background:rgba(7,17,12,.94);backdrop-filter:blur(15px)}.member-brand{display:flex;align-items:center;gap:8px;font-weight:800}.member-brand img{width:58px;height:42px;object-fit:contain}.member-brand strong{color:var(--green)}.member-header nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.8rem}.member-header nav a:hover{color:var(--green)}.member-main,.admin-main{width:min(1160px,calc(100% - 40px));margin:auto;padding:58px 0}.welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px;border:1px solid rgba(53,233,130,.2);border-radius:25px;background:radial-gradient(circle at 85% 20%,rgba(53,233,130,.12),transparent 35%),var(--surface)}.welcome h1,.admin-title h1{margin-bottom:12px;font-size:clamp(2.2rem,5vw,4rem);line-height:1}.welcome p{max-width:650px;color:var(--muted)}.whatsapp{white-space:nowrap}.content-section{padding-top:65px}.section-title h2{font-size:2rem}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card{min-height:230px;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--surface2),var(--surface))}.content-type{color:var(--green);font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.content-card h3{margin:12px 0 10px}.content-card p{color:var(--muted);font-size:.85rem}.card-link{display:inline-block;margin-top:14px;color:var(--green);font-weight:800;font-size:.82rem}.empty{margin-top:35px;padding:30px;border:1px dashed var(--line);border-radius:18px;text-align:center}.empty p{color:var(--muted)}.admin-title{margin-bottom:30px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.admin-card{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.admin-card>p{color:var(--muted);font-size:.82rem}.admin-card.wide{margin-top:18px}.content-form{grid-template-columns:repeat(3,1fr);align-items:end}.content-form .full{grid-column:1/-1}.invite-result{margin-bottom:22px;padding:18px;border:1px solid rgba(53,233,130,.28);border-radius:14px;background:rgba(53,233,130,.07)}.invite-result input{margin:10px 0}.invite-result small{display:block;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.8rem}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.status{padding:4px 8px;border-radius:20px;background:rgba(53,233,130,.1);color:var(--green)}.status.blocked{background:rgba(255,82,82,.1);color:var(--red)}.mini-btn{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#0a1710;color:var(--text);cursor:pointer}.mini-btn.danger{color:var(--red)}.content-admin-list{display:grid;gap:9px}.content-admin-list article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px;border:1px solid var(--line);border-radius:11px}.content-admin-list article>div:first-child{display:grid}.content-admin-list small{color:var(--green)}.content-admin-list span{color:var(--muted);font-size:.7rem}.row-actions{display:flex;gap:7px}.row-actions form{display:block}
@media(max-width:800px){.member-header{align-items:flex-start}.member-header nav span{display:none}.member-main,.admin-main{width:min(100% - 28px,1160px);padding:35px 0}.welcome{align-items:stretch;flex-direction:column;padding:25px 20px}.content-grid,.admin-grid,.content-form{grid-template-columns:1fr}.content-form .full{grid-column:auto}.member-header nav{gap:10px}.content-admin-list article{align-items:flex-start;flex-direction:column}.auth-card{padding:27px 20px}}@media(max-width:520px){.member-brand span{display:none}.content-grid{grid-template-columns:1fr}.welcome .btn{width:100%}.member-header nav{font-size:.72rem}.auth-shell{padding:14px}}
.upgrade-box{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:24px;padding:30px;border:1px solid rgba(53,233,130,.25);border-radius:20px;background:linear-gradient(135deg,rgba(53,233,130,.09),rgba(255,82,82,.045))}.upgrade-box h2{margin-bottom:9px;font-size:2rem}.upgrade-box p{max-width:680px;color:var(--muted)}.upgrade-box ul{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:17px 0 0;list-style:none;color:#dce7e1;font-size:.78rem}.upgrade-box li::before{content:"✓";margin-right:7px;color:var(--green)}.upgrade-box .btn{white-space:nowrap}.content-card.locked{position:relative;border-color:rgba(255,255,255,.075);background:linear-gradient(180deg,#0e1d16,#09150f)}.content-card.locked p{max-height:4.1em;overflow:hidden;mask-image:linear-gradient(#000 55%,transparent)}.lock-badge{float:right;padding:4px 7px;border-radius:20px;background:rgba(255,255,255,.06);color:var(--muted);font-size:.58rem}.subscription.free{background:rgba(255,190,70,.1);color:#ffc766}.subscription.paid{background:rgba(53,233,130,.1);color:var(--green)}
@media(max-width:800px){.upgrade-box{align-items:stretch;flex-direction:column;padding:25px 20px}.upgrade-box .btn{width:100%}}
.forgot-link{justify-self:end;margin-top:-6px;color:var(--green);font-size:.75rem;font-weight:700}
.editor-actions{display:flex;align-items:center;gap:10px}.editor-actions .mini-btn{display:inline-flex;align-items:center;justify-content:center}.video-frame{position:relative;overflow:hidden;margin:16px 0;border-radius:12px;background:#040b08;aspect-ratio:16/9}.video-frame iframe{width:100%;height:100%;border:0}
[hidden]{display:none!important}.upgrade-box{display:grid;grid-template-columns:1fr auto;align-items:center}.plan-actions{display:grid;gap:10px;min-width:250px}.plan-actions .btn{width:100%;white-space:nowrap}.upgrade-box.paid-plan{background:linear-gradient(135deg,rgba(53,233,130,.12),rgba(53,233,130,.025))}@media(max-width:800px){.upgrade-box{grid-template-columns:1fr}.plan-actions{min-width:0}}
.paid-welcome{background:radial-gradient(circle at 85% 20%,rgba(53,233,130,.17),transparent 35%),var(--surface)}.access-benefits{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:20px;color:#dce7e1;font-size:.78rem}.access-benefits span{white-space:nowrap}.paid-welcome .whatsapp{min-width:270px}@media(max-width:800px){.paid-welcome .whatsapp{min-width:0;width:100%}}
.admin-body{background:#06100b}.admin-layout{width:min(1380px,calc(100% - 32px));display:grid;grid-template-columns:210px 1fr;gap:24px;margin:24px auto 0}.admin-sidebar{position:sticky;top:92px;align-self:start;display:grid;gap:7px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.side-link{padding:12px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.side-link:hover,.side-link.active{border-color:rgba(53,233,130,.2);background:rgba(53,233,130,.08);color:var(--text)}.admin-workspace{min-width:0;padding-bottom:50px}.admin-title p:last-child,.admin-toolbar p,.library-head p{color:var(--muted);font-size:.82rem}.admin-tab{display:none}.admin-tab.active{display:block}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 15px}.admin-toolbar h2,.library-head h2{margin-bottom:4px}.publisher-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start}.publisher-card{padding:27px}.preview-panel{position:sticky;top:92px}.preview-panel>small{display:block;margin-top:12px;color:var(--muted)}.step-label{margin:2px 0 13px;color:var(--green);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.category-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:25px}.category-choice{min-height:70px;display:grid;place-items:center;gap:4px;padding:9px;border:1px solid var(--line);border-radius:11px;background:#08150e;color:var(--muted);cursor:pointer}.category-choice span{font-size:.66rem}.category-choice:hover,.category-choice.active{border-color:var(--green);background:rgba(53,233,130,.08);color:var(--green)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.publish-actions{display:flex;align-items:center;gap:10px}.preview-card{min-height:330px}.preview-video{height:120px;display:grid;place-items:center;margin:15px 0;border:1px dashed var(--line);border-radius:11px;background:#07130d;color:var(--muted);font-size:.75rem}.preview-video.has-video{border-color:rgba(53,233,130,.3);color:var(--green)}.library{margin-top:18px}.library-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.library-head input{max-width:300px}.library-list{display:grid;gap:9px}.library-item{display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:#09170f}.library-item.is-hidden{opacity:.48}.library-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(53,233,130,.08);color:var(--green)}.library-item>div:nth-child(2){display:grid}.library-item small{color:var(--green)}.library-item span{color:var(--muted);font-size:.7rem}
@media(max-width:1000px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;display:flex;overflow:auto}.side-link{white-space:nowrap}.publisher-grid{grid-template-columns:1fr}.preview-panel{position:static}.category-picker{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.admin-layout{width:min(100% - 20px,1380px)}.admin-toolbar,.library-head{align-items:stretch;flex-direction:column}.admin-toolbar .btn,.library-head input{width:100%;max-width:none}.form-row{grid-template-columns:1fr}.category-picker{grid-template-columns:repeat(2,1fr)}.library-item{grid-template-columns:38px 1fr}.library-item .row-actions{grid-column:1/-1;flex-wrap:wrap}.publisher-card,.preview-panel,.library{padding:18px}}
.publisher-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.publisher-heading h2{margin-bottom:6px}.publisher-heading p:not(.step-label){margin-bottom:0;color:var(--muted);font-size:.82rem}.publisher-status,.preview-label{color:var(--green);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.publisher-status{padding:7px 10px;border:1px solid rgba(53,233,130,.25);border-radius:20px;background:rgba(53,233,130,.07);white-space:nowrap}.real-publisher .publisher-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}.real-publisher .content-form{grid-template-columns:repeat(2,minmax(0,1fr))}.real-publisher .editor-actions{grid-column:1/-1}.real-publisher .preview-panel{padding:20px;border:1px solid var(--line);border-radius:15px;background:#08160f}.real-publisher .preview-card{min-height:0}.real-publisher .preview-card h3{margin:10px 0 7px}.real-publisher .preview-card p{color:var(--muted);font-size:.8rem}.preview-button{display:inline-flex;margin-top:8px;padding:8px 11px;border-radius:8px;background:rgba(53,233,130,.12);color:var(--green);font-size:.72rem;font-weight:800}.real-publisher .preview-video{height:145px}.real-publisher .preview-video span{font-size:1.4rem}.real-publisher .preview-video small{display:block}.library-tools{display:grid;grid-template-columns:minmax(190px,1fr) minmax(170px,.7fr);gap:9px;width:min(520px,100%)}.library-tools input,.library-tools select{padding:10px 11px}.content-library .library-head{margin-bottom:15px}.content-library .content-admin-list article{transition:opacity .2s,border-color .2s,transform .2s}.content-library .content-admin-list article:hover{border-color:rgba(53,233,130,.28);transform:translateY(-1px)}.empty-search{padding:18px;border:1px dashed var(--line);border-radius:11px;color:var(--muted);text-align:center}
@media(max-width:900px){.real-publisher .publisher-grid{grid-template-columns:1fr}.real-publisher .preview-panel{position:static}}@media(max-width:650px){.publisher-heading{align-items:stretch;flex-direction:column}.publisher-status{align-self:flex-start}.real-publisher .content-form,.library-tools{grid-template-columns:1fr}.real-publisher .content-form .full,.real-publisher .editor-actions{grid-column:auto}.real-publisher .editor-actions{align-items:stretch;flex-direction:column}.real-publisher .editor-actions>*{width:100%}.content-library .library-head{align-items:stretch}.content-library .row-actions{width:100%;flex-wrap:wrap}.content-library .row-actions .mini-btn{display:inline-flex;justify-content:center}}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-title h2{margin:0}.section-title p{margin:0;color:var(--muted);font-size:.78rem}.content-card{display:flex;flex-direction:column}.content-card h3{margin-top:0;font-size:1.12rem}.content-card .card-link{margin-top:auto;padding-top:15px}.field-help{display:block;color:var(--muted);font-size:.66rem;font-weight:500;line-height:1.35}@media(max-width:650px){.content-section{padding-top:45px}.section-title{align-items:flex-start;flex-direction:column;gap:3px}.content-card{padding:18px}.video-frame{margin:12px 0}.content-card h3{font-size:1.05rem}}
.subscription-panel{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.subscription-panel h2{margin-bottom:5px}.subscription-panel p{margin-bottom:0;color:var(--muted);font-size:.82rem}.subscription-panel .plan-actions{display:flex;min-width:0;flex-direction:row}.subscription-panel form{display:block}@media(max-width:700px){.subscription-panel{align-items:stretch;flex-direction:column}.subscription-panel .plan-actions{flex-direction:column}.subscription-panel button{width:100%}}
.billing-actions{width:min(285px,100%);gap:8px}.billing-actions form{display:block}.billing-actions .mini-btn{width:100%;min-height:42px}.billing-status{padding:8px 11px;border-radius:9px;background:rgba(53,233,130,.07);color:var(--muted);font-size:.72rem;text-align:center}.billing-status strong{color:var(--green);text-transform:capitalize}.billing-cancel{width:100%;padding:5px;border:0;background:transparent;color:#8b9990;font-size:.68rem;cursor:pointer}.billing-cancel:hover{color:var(--red)}.billing-actions small{color:var(--muted);font-size:.67rem;text-align:center}@media(max-width:800px){.billing-actions{width:100%}}
.account-menu-link{padding:8px 12px;border:1px solid rgba(53,233,130,.22);border-radius:9px;background:rgba(53,233,130,.07);color:var(--text)!important;font-weight:800}.manage-plan-link{color:var(--muted);font-size:.72rem;text-align:center}.manage-plan-link:hover{color:var(--green)}.account-main{width:min(1060px,calc(100% - 40px));margin:auto;padding:52px 0 75px}.account-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:26px}.account-heading h1{margin-bottom:9px;font-size:clamp(2.4rem,6vw,4.3rem);line-height:1}.account-heading p:last-child{margin:0;color:var(--muted)}.account-badge{padding:9px 13px;border:1px solid var(--line);border-radius:30px;font-size:.72rem;font-weight:800;white-space:nowrap}.account-badge.paid{border-color:rgba(53,233,130,.28);background:rgba(53,233,130,.09);color:var(--green)}.account-badge.pending{border-color:rgba(255,199,102,.28);background:rgba(255,199,102,.08);color:#ffc766}.account-badge.free{color:var(--muted)}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.account-card{padding:25px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(155deg,var(--surface2),var(--surface));box-shadow:0 16px 45px rgba(0,0,0,.16)}.account-card-wide{grid-column:1/-1}.account-card-title{display:flex;align-items:center;gap:13px;margin-bottom:20px}.account-card-title h2{margin:0;font-size:1.35rem}.account-card-title .eyebrow{margin-bottom:2px}.account-icon{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border:1px solid rgba(53,233,130,.25);border-radius:12px;background:rgba(53,233,130,.08);color:var(--green);font-size:.7rem;font-weight:900}.account-details{overflow:hidden;border:1px solid var(--line);border-radius:12px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:.8rem}.account-row:last-child{border-bottom:0}.account-row span{color:var(--muted)}.account-row strong{text-align:right;overflow-wrap:anywhere}.status-text.paid{color:var(--green)}.status-text.pending{color:#ffc766}.status-text.free{color:var(--muted)}.account-description,.account-note{color:var(--muted);font-size:.78rem}.account-note{margin:14px 0 0}.account-actions{display:grid;gap:9px;margin-top:17px}.account-actions form{display:block}.account-actions .mini-btn{width:100%;min-height:43px}.cancel-menu{border:1px solid var(--line);border-radius:10px;background:#08150e}.cancel-menu summary{padding:11px 13px;color:var(--muted);font-size:.74rem;font-weight:800;cursor:pointer}.cancel-menu>div{padding:0 13px 13px}.cancel-menu p{color:var(--muted);font-size:.72rem}.cancel-menu .danger{border-color:rgba(255,82,82,.2);color:var(--red)}.account-password-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px}.account-password-form small{color:var(--muted);font-size:.65rem;font-weight:500}.account-password-form .btn{white-space:nowrap}@media(max-width:800px){.account-main{width:min(100% - 28px,1060px);padding:35px 0 55px}.account-heading{align-items:flex-start;flex-direction:column}.account-grid{grid-template-columns:1fr}.account-card-wide{grid-column:auto}.account-password-form{grid-template-columns:1fr}.account-password-form .btn{width:100%}}@media(max-width:560px){.account-card{padding:19px}.account-row{align-items:flex-start;flex-direction:column;gap:3px}.account-row strong{text-align:left}.account-menu-link{padding:7px 9px}.member-header nav{gap:7px}}
