:root{--bg:#02030a;--bg-soft:#070a17;--panel:#070b19eb;--card:#0d1329eb;--card-strong:#121a38f5;--line:#94a3b829;--line-strong:#00d4ff47;--text:#f8fafc;--muted:#94a3b8;--blue:#00d4ff;--purple:#8b5cf6;--pink:#ff2bd6;--red:#ff304f;--green:#22c55e;--yellow:#facc15}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 12% 8%,#00d4ff47,#0000 28%),radial-gradient(circle at 88% 0,#ff2bd638,#0000 32%),radial-gradient(circle at 55% 100%,#8b5cf647,#0000 38%),linear-gradient(135deg,#02030a 0%,#080b18 48%,#02030a 100%);font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0000);mask-image:linear-gradient(#000000d9,#0000)}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(120deg,#00d4ff0d,#0000 35%,#ff2bd60d);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:300px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(#060916fa,#03050ef2);border-right:1px solid #00d4ff2e;flex-direction:column;gap:22px;height:100vh;padding:24px;display:flex;position:sticky;top:0;box-shadow:20px 0 70px #00000061}.brand{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:20px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--blue), var(--purple) 52%, var(--pink));border-radius:21px;place-items:center;width:58px;height:58px;font-size:29px;font-weight:950;display:grid;box-shadow:0 0 28px #00d4ff6b,0 0 62px #8b5cf640}.brand strong{letter-spacing:-.5px;font-size:20px;display:block}.brand span{color:#bae6fd;background:#00d4ff1f;border:1px solid #00d4ff3d;border-radius:999px;margin-top:6px;padding:5px 10px;font-size:11px;display:inline-flex}.sidebar nav{flex-direction:column;gap:9px;display:flex}.sidebar nav a{color:#cbd5e1;border:1px solid #0000;border-radius:17px;align-items:center;gap:12px;padding:14px 15px;transition:all .22s;display:flex;position:relative}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:linear-gradient(135deg,#00d4ff2b,#8b5cf62b);border-color:#00d4ff33;transform:translate(4px);box-shadow:0 14px 34px #00d4ff17}.sidebar nav a.active:before{content:"";background:linear-gradient(var(--blue), var(--pink));width:4px;height:30px;box-shadow:0 0 20px var(--blue);border-radius:999px;position:absolute;left:-8px}.legal-card{color:#bbf7d0;background:linear-gradient(135deg,#22c55e26,#00d4ff0f);border:1px solid #22c55e47;border-radius:22px;gap:10px;margin-top:auto;padding:16px;font-size:13px;display:flex}.logout{color:#fecaca;background:#ff304f1a;border:1px solid #ff304f42;border-radius:17px;align-items:center;gap:10px;padding:13px 15px;display:flex}.logout:hover{background:#ff304f2e}.main{padding:28px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#0d1224e6,#141b3abd);border:1px solid #00d4ff26;border-radius:30px;justify-content:space-between;align-items:center;gap:18px;min-height:84px;margin-bottom:28px;padding:18px 24px;display:flex;box-shadow:0 26px 78px #0000005c,inset 0 1px #ffffff0f}.topbar strong{font-size:17px;display:block}.topbar span{color:var(--muted);margin-top:5px;font-size:13px;display:block}.topbar input{color:#fff;background:#020617c2;border:1px solid #00d4ff33;border-radius:999px;outline:none;width:min(470px,100%);padding:14px 18px}.page-title{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.page-title h1{letter-spacing:-1.5px;background:linear-gradient(135deg,#fff,#bae6fd 42%,#d8b4fe);color:#0000;-webkit-background-clip:text;margin:0;font-size:clamp(32px,4vw,48px)}.page-title p{color:var(--muted);margin:9px 0 0}.grid{gap:18px;display:grid}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:radial-gradient(circle at top right, #00d4ff24, transparent 35%), linear-gradient(180deg, #ffffff0f, #ffffff04), var(--card);border:1px solid var(--line);border-radius:30px;padding:22px;position:relative;overflow:hidden;box-shadow:0 26px 86px #0000005c,inset 0 1px #ffffff0f}.card:after{content:"";pointer-events:none;border-radius:inherit;opacity:.48;background:linear-gradient(135deg,#00d4ff24,#0000 35%,#ff2bd61f);position:absolute;inset:0}.card>*{z-index:1;position:relative}.stat small{color:var(--muted);margin-bottom:12px;font-size:13px;display:block}.stat strong{letter-spacing:-1.2px;font-size:38px;display:block}.stat span{color:#cbd5e1;background:#94a3b81a;border-radius:999px;margin-top:11px;padding:5px 10px;font-size:12px;display:inline-flex}.btn{color:#fff;background:linear-gradient(135deg, var(--blue), var(--purple) 54%, var(--pink));border:0;border-radius:17px;padding:13px 18px;font-weight:850;transition:all .2s;box-shadow:0 18px 38px #00d4ff3b,0 0 30px #8b5cf62b}.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn.secondary{box-shadow:none;color:#e2e8f0;background:#94a3b81c;border:1px solid #94a3b82e}.actions{flex-wrap:wrap;gap:10px;display:flex}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:15px 12px;font-size:12px}.table td{color:#e2e8f0;border-bottom:1px solid #94a3b817;padding:16px 12px}.table tr:hover td{background:#ffffff09}.badge{border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;display:inline-flex}.badge.green{color:#bbf7d0;background:#22c55e29}.badge.red{color:#fecaca;background:#ff304f29}.badge.blue{color:#bae6fd;background:#00d4ff29}.badge.yellow{color:#fef3c7;background:#facc1529}input,select,textarea{color:#fff;background:#020617bd;border:1px solid #94a3b829;border-radius:17px;outline:none;width:100%;padding:14px 15px}input:focus,select:focus,textarea:focus{border-color:#00d4ffb8;box-shadow:0 0 0 4px #00d4ff1a}textarea{resize:vertical;min-height:115px}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-box{width:min(500px,100%)}.login-box h1{letter-spacing:-1.2px;margin-bottom:8px;font-size:40px}.alert-error{color:#fecaca;background:#ff304f24;border:1px solid #ff304f42;border-radius:16px;margin:14px 0;padding:13px 15px}.hero-premium{background:radial-gradient(circle at 100% 0,#ff2bd629,#0000 34%),linear-gradient(135deg,#00d4ff24,#8b5cf61f),#090d1ceb;border:1px solid #00d4ff33;border-radius:34px;grid-template-columns:1.5fr .8fr;gap:20px;margin-bottom:22px;padding:26px;display:grid;box-shadow:0 28px 90px #00000061}.hero-premium h2{letter-spacing:-1.8px;margin:0;font-size:clamp(30px,4vw,52px);line-height:1}.hero-premium p{color:#cbd5e1;max-width:660px;line-height:1.6}.hero-kpis{gap:12px;display:grid}.hero-kpi{background:#02061775;border:1px solid #94a3b824;border-radius:22px;padding:16px}.hero-kpi strong{font-size:26px;display:block}.hero-kpi span{color:var(--muted);font-size:13px}.chart-fake{align-items:end;gap:10px;height:230px;padding-top:18px;display:flex}.chart-fake i{background:linear-gradient(180deg, var(--blue), var(--purple), var(--pink));border-radius:999px 999px 10px 10px;flex:1;box-shadow:0 0 20px #00d4ff2e}@media (width<=1100px){.cards{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:235px 1fr}.hero-premium{grid-template-columns:1fr}}@media (width<=760px){.app-shell{display:block}.sidebar{height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(2,1fr);display:grid}.main{padding:16px}.topbar,.page-title{flex-direction:column;align-items:stretch}.cards,.form-grid{grid-template-columns:1fr}.card{overflow-x:auto}}.check-line{color:#cbd5e1;background:#94a3b814;border:1px solid #94a3b824;border-radius:17px;align-items:center;gap:10px;padding:14px 15px;display:flex}.check-line input{width:auto}.pix-box{grid-template-columns:1fr 260px;align-items:center;gap:18px;display:grid}.pix-box p{color:#cbd5e1}.pix-copy{gap:12px;display:grid}.pix-copy textarea{min-height:120px}.pix-qr{background:#fff;border-radius:24px;place-items:center;padding:18px;display:grid}.pix-qr img{border-radius:12px;width:220px;max-width:100%}.qr-placeholder{color:#111827;text-align:center;background:#e5e7eb;border-radius:18px;place-items:center;width:220px;height:220px;font-weight:700;display:grid}@media (width<=760px){.pix-box{grid-template-columns:1fr}}.table-toolbar{justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;display:flex}.table-toolbar h3{margin-bottom:6px}.table-toolbar p{color:var(--muted);margin:0}.filters{gap:10px;min-width:min(520px,100%);display:flex}.filters input,.filters select{min-width:180px}.table small{color:var(--muted)}@media (width<=760px){.table-toolbar{flex-direction:column;align-items:stretch}.filters{flex-direction:column;min-width:100%}}.dashboard-grid{grid-template-columns:1.25fr .85fr}@media (width<=1000px){.dashboard-grid{grid-template-columns:1fr}}.ultra-sales{padding:22px}.ultra-hero{background:radial-gradient(circle at 12% 12%,#00d4ff3d,#0000 32%),radial-gradient(circle at 88% 8%,#ff2bd638,#0000 34%),linear-gradient(135deg,#070b19f0,#0e142ac7);border:1px solid #00d4ff3d;border-radius:44px;grid-template-columns:1.05fr .95fr;align-items:center;gap:34px;min-height:720px;padding:46px;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 110px #0000007a}.ultra-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000);mask-image:linear-gradient(#000c,#0000)}.ultra-hero-content,.ultra-device{z-index:1;position:relative}.glow-badge{box-shadow:0 0 28px #00d4ff2e}.ultra-hero h1{letter-spacing:-4px;background:linear-gradient(135deg,#fff,#bae6fd 34%,#f0abfc 68%,#fff);color:#0000;-webkit-background-clip:text;max-width:860px;margin:0;font-size:clamp(44px,6.8vw,86px);line-height:.9}.ultra-hero p{color:#cbd5e1;max-width:650px;margin:24px 0;font-size:18px;line-height:1.75}.mega-btn{text-transform:uppercase;letter-spacing:.04em;border-radius:18px;padding:16px 22px;font-size:15px}.ultra-proof{grid-template-columns:repeat(3,minmax(0,150px));gap:12px;margin-top:28px;display:grid}.ultra-proof div{background:#02061775;border:1px solid #94a3b824;border-radius:22px;padding:16px}.ultra-proof strong{font-size:26px;display:block}.ultra-proof span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.ultra-device{place-items:center;min-height:560px;display:grid}.device-glow{filter:blur(55px);background:linear-gradient(135deg,#00d4ff40,#ff2bd638);border-radius:50%;width:72%;height:72%;position:absolute}.device-card{background:linear-gradient(#ffffff12,#ffffff05),#020617d1;border:1px solid #00d4ff3d;border-radius:34px;width:min(520px,100%);padding:18px;position:relative;transform:rotate(2deg);box-shadow:0 35px 100px #00000080}.featured-movie{background:radial-gradient(circle at 100% 0,#ff2bd652,#0000 34%),linear-gradient(135deg,#00d4ff3d,#8b5cf62e),#08111f;border:1px solid #ffffff14;border-radius:28px;align-items:end;min-height:190px;margin-bottom:14px;padding:22px;display:flex}.featured-movie h3{margin:12px 0 6px;font-size:30px}.featured-movie p{color:#cbd5e1;margin:0}.ultra-movies .movie-card{min-height:112px}.center-title{text-align:center;max-width:760px;margin:0 auto 24px}.center-title h2{margin-top:14px}.premium-pricing{align-items:stretch}.ultra-price{padding:28px;transition:all .22s;position:relative}.ultra-price:hover{border-color:#00d4ff57;transform:translateY(-8px)}.ultra-price.featured{transform:translateY(-12px)scale(1.02)}.ultra-price.featured:hover{transform:translateY(-16px)scale(1.02)}.popular-ribbon{color:#bbf7d0;background:#22c55e29;border:1px solid #22c55e47;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;position:absolute;top:18px;right:18px}.price-line{align-items:end;gap:8px;margin:12px 0;display:flex}.price-line strong{font-size:46px}.price-line small{color:var(--muted);margin-bottom:8px}.full-btn{justify-content:center;width:100%;margin-top:8px;display:inline-flex}.ultra-benefits .benefit-card{transition:all .22s}.ultra-benefits .benefit-card:hover{border-color:#00d4ff47;transform:translateY(-6px)}.benefit-icon{background:linear-gradient(135deg,#00d4ff2e,#ff2bd629);border:1px solid #ffffff14;border-radius:18px;place-items:center;width:54px;height:54px;margin-bottom:16px;font-size:26px;display:grid}.ultra-cta{text-align:center;background:radial-gradient(circle at top,#00d4ff38,#0000 36%),radial-gradient(circle at bottom,#ff2bd62e,#0000 38%),#070b19eb;border:1px solid #00d4ff38;border-radius:40px;margin-top:30px;padding:54px 24px;box-shadow:0 30px 100px #0000006b}.ultra-cta h2{letter-spacing:-2px;max-width:760px;margin:16px auto 10px;font-size:clamp(36px,5vw,64px);line-height:1}.ultra-cta p{color:#cbd5e1;margin-bottom:24px}.loading-card{text-align:center;max-width:700px;margin:0 auto}@media (width<=1050px){.ultra-hero{grid-template-columns:1fr;min-height:auto}.ultra-device{min-height:auto}.device-card,.ultra-price.featured,.ultra-price.featured:hover{transform:none}}@media (width<=700px){.ultra-sales{padding:14px}.ultra-hero{border-radius:30px;padding:24px}.ultra-hero h1{letter-spacing:-2px}.ultra-proof{grid-template-columns:1fr}.price-line{flex-direction:column;align-items:start}}.payment-landing{padding:20px}.payment-topbar{background:#070b19db;border:1px solid #00d4ff33;border-radius:28px;justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:0 auto 18px;padding:16px 18px;display:flex;box-shadow:0 24px 80px #00000047}.payment-logo{align-items:center;gap:12px;display:flex}.payment-logo strong{font-size:18px;display:block}.payment-logo span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.payment-main-hero{background:radial-gradient(circle at 12% 12%,#00d4ff3d,#0000 32%),radial-gradient(circle at 88% 8%,#ff2bd638,#0000 34%),linear-gradient(135deg,#070b19f0,#0e142ac7);border:1px solid #00d4ff3d;border-radius:42px;grid-template-columns:1.2fr .8fr;align-items:center;gap:26px;max-width:1440px;min-height:560px;margin:0 auto 22px;padding:44px;display:grid;box-shadow:0 34px 110px #0000007a}.payment-main-hero h1{letter-spacing:-3px;background:linear-gradient(135deg,#fff,#bae6fd 40%,#f0abfc);color:#0000;-webkit-background-clip:text;max-width:900px;margin:18px 0;font-size:clamp(42px,6vw,78px);line-height:.92}.payment-main-hero p{color:#cbd5e1;max-width:660px;font-size:18px;line-height:1.7}.payment-highlight-card{background:radial-gradient(circle at 100% 0,#00d4ff2e,#0000 36%),#02061794;border:1px solid #00d4ff3d;border-radius:34px;padding:28px;box-shadow:0 28px 90px #00000059}.payment-highlight-card h3{margin:18px 0 10px;font-size:34px}.highlight-list{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}.highlight-list span{color:#e2e8f0;background:#94a3b81a;border:1px solid #94a3b824;border-radius:16px;padding:13px;font-size:13px}.payment-plans-section{max-width:1440px;margin:0 auto 22px;padding:34px 0}.payment-plan-selector{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.payment-plan-option{text-align:left;color:#fff;background:linear-gradient(#ffffff0e,#ffffff04),#0d1329eb;border:1px solid #94a3b829;border-radius:28px;padding:22px;transition:all .2s;box-shadow:0 24px 80px #0000004d}.payment-plan-option:hover,.payment-plan-option.active{border-color:#00d4ff6b;transform:translateY(-6px);box-shadow:0 28px 90px #00000061,0 0 38px #00d4ff24}.payment-plan-option span{color:#bae6fd;background:#00d4ff24;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.payment-plan-option strong{margin-top:16px;font-size:24px;display:block}.payment-plan-option b{letter-spacing:-1px;margin-top:8px;font-size:34px;display:block}.payment-plan-option small{color:var(--muted);margin-top:8px;display:block}.payment-shell-clean{max-width:1440px;min-height:auto;margin:0 auto}.payment-info-box{background:#0206177a;border:1px solid #94a3b824;border-radius:26px;max-width:420px;margin-top:18px;padding:22px}.payment-info-box p{color:#cbd5e1;line-height:1.6}.payment-support-cta{text-align:center;background:radial-gradient(circle at top,#00d4ff33,#0000 36%),radial-gradient(circle at bottom,#ff2bd629,#0000 36%),#070b19e6;border:1px solid #00d4ff38;border-radius:38px;max-width:1440px;margin:22px auto 0;padding:44px 24px;box-shadow:0 30px 100px #00000061}.payment-support-cta h2{letter-spacing:-2px;margin:0;font-size:clamp(32px,5vw,58px)}.payment-support-cta p{color:#cbd5e1;margin-bottom:22px}@media (width<=1100px){.payment-main-hero,.payment-shell-clean{grid-template-columns:1fr}.payment-plan-selector{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.payment-landing{padding:12px}.payment-topbar{flex-direction:column;align-items:stretch}.payment-main-hero{border-radius:30px;padding:24px}.payment-main-hero h1{letter-spacing:-2px}.payment-plan-selector,.highlight-list{grid-template-columns:1fr}}