:root{
  --bg:#030306;--panel:#0b0b14;--panel-2:#0e0d18;--panel-3:#11101d;--line:#1a1727;--line-soft:rgba(255,255,255,.055);
  --text:#f7f5ff;--muted:#8f8aa3;--muted-2:#6f6a82;--purple:#7c2cff;--purple-2:#b21cff;--blue:#00c8ff;--blue-2:#1d6dff;--green:#24dc74;--yellow:#f8b12a;--red:#ff4358;
  --radius:18px;--shadow:0 26px 80px rgba(0,0,0,.45);--glow:0 0 32px rgba(124,44,255,.32),0 0 56px rgba(0,200,255,.12);
  --sidebar:216px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 15%,rgba(125,44,255,.15),transparent 25%),radial-gradient(circle at 80% 20%,rgba(0,200,255,.11),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 36%);z-index:-2}body::after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.3),transparent 70%);pointer-events:none;z-index:-1}.text-gradient{background:linear-gradient(135deg,#fff,#d7ccff 35%,#32d8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em}.brand img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(124,44,255,.5))}.brand span{font-size:25px}.landing{overflow:hidden}.landing-header{position:fixed;top:0;left:0;right:0;z-index:50;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;background:linear-gradient(180deg,rgba(3,3,6,.82),rgba(3,3,6,.48));backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.landing-nav{display:flex;align-items:center;gap:30px;color:#bcb6cf;font-size:14px}.landing-actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.1);color:#fff;background:rgba(255,255,255,.045);border-radius:14px;height:46px;padding:0 18px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:rgba(130,70,255,.55);box-shadow:var(--glow)}.btn-primary{border:0;background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 14px 42px rgba(93,54,255,.32)}.btn-ghost{background:transparent}.hero{min-height:100vh;padding:150px 7vw 80px;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr);gap:50px;align-items:center}.hero-orb{position:absolute;border-radius:999px;filter:blur(28px);opacity:.45;animation:floatOrb 10s ease-in-out infinite alternate}.orb-a{width:330px;height:330px;background:#7c2cff;left:-110px;top:150px}.orb-b{width:260px;height:260px;background:#00c8ff;right:-60px;top:280px;animation-delay:-2s}.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(124,44,255,.35);border-radius:999px;background:rgba(124,44,255,.09);color:#d7c8ff;font-size:13px}.hero h1{font-size:clamp(44px,5.2vw,82px);line-height:.94;margin:22px 0 20px;letter-spacing:-.075em}.hero p{font-size:18px;line-height:1.7;color:#bcb6cf;max-width:620px}.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.hero-stats{display:flex;gap:16px;margin-top:35px;flex-wrap:wrap}.hero-stat{min-width:145px;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(255,255,255,.035);backdrop-filter:blur(14px)}.hero-stat strong{display:block;font-size:26px;letter-spacing:-.04em}.hero-stat span{color:var(--muted);font-size:13px}.hero-visual{position:relative;height:620px}.floating-dashboard{position:absolute;inset:20px 0 auto auto;width:670px;max-width:100%;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(15,14,28,.82),rgba(6,6,12,.95));border-radius:28px;box-shadow:0 40px 120px rgba(0,0,0,.55),0 0 70px rgba(124,44,255,.18);overflow:hidden;transform:perspective(900px) rotateY(-9deg) rotateX(5deg);animation:panelFloat 6s ease-in-out infinite}.floating-top{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.06)}.traffic{display:flex;gap:8px}.traffic i{width:10px;height:10px;border-radius:50%;background:var(--purple)}.traffic i:nth-child(2){background:var(--blue)}.traffic i:nth-child(3){background:var(--green)}.floating-grid{padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mini-card,.feature-card,.price-card,.step-card{border:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border-radius:20px}.mini-card{padding:16px;min-height:110px}.mini-card span{font-size:12px;color:var(--muted)}.mini-card strong{display:block;margin-top:12px;font-size:24px}.mini-chart{grid-column:span 3;height:260px;padding:16px;position:relative;overflow:hidden}.mini-list{grid-column:span 1;padding:16px}.chart-bars{position:absolute;left:16px;right:16px;bottom:18px;height:190px;display:flex;align-items:end;gap:12px}.chart-bars i{flex:1;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,var(--blue),var(--purple));box-shadow:0 0 18px rgba(0,200,255,.18);animation:barPulse 2.8s ease-in-out infinite alternate}.chart-bars i:nth-child(2){height:48%;animation-delay:-.3s}.chart-bars i:nth-child(3){height:78%;animation-delay:-.6s}.chart-bars i:nth-child(4){height:60%;animation-delay:-.9s}.chart-bars i:nth-child(5){height:92%;animation-delay:-1.2s}.chart-bars i:nth-child(6){height:70%;animation-delay:-1.5s}.chart-bars i:nth-child(1){height:36%}.mini-list-line{height:46px;border-radius:14px;margin-top:12px;background:rgba(255,255,255,.04);position:relative;overflow:hidden}.mini-list-line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shine 2.3s infinite}.section{padding:90px 7vw}.section-head{max-width:760px;margin-bottom:36px}.section-head h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.06em;line-height:1;margin:0 0 14px}.section-head p{color:#bcb6cf;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card,.step-card{padding:26px;position:relative;overflow:hidden}.feature-card::before,.step-card::before,.price-card::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 10% 0,rgba(124,44,255,.22),transparent 32%),radial-gradient(circle at 92% 12%,rgba(0,200,255,.15),transparent 30%);opacity:.85;pointer-events:none}.feature-card>*{position:relative}.feature-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(124,44,255,.9),rgba(0,200,255,.9));box-shadow:var(--glow);font-size:22px}.feature-card h3{margin:18px 0 8px}.feature-card p,.step-card p,.price-card p{color:#aaa4bd;line-height:1.65}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.step-num{font-size:42px;font-weight:900;color:rgba(255,255,255,.1)}.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.price-card{position:relative;padding:28px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border-radius:24px;overflow:hidden}.price-card.is-hot{border-color:rgba(124,44,255,.48);box-shadow:var(--glow)}.price-card>*{position:relative}.price{font-size:42px;font-weight:900;letter-spacing:-.06em;margin:16px 0}.price small{font-size:14px;color:var(--muted);font-weight:600}.check-list{display:grid;gap:12px;color:#c8c2d9;padding:0;margin:20px 0;list-style:none}.check-list li::before{content:"✓";color:var(--green);margin-right:9px}.footer{padding:36px 7vw;border-top:1px solid rgba(255,255,255,.06);color:#8d879e;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px}.login-shell{width:min(980px,100%);display:grid;grid-template-columns:1fr 430px;border:1px solid rgba(255,255,255,.09);background:rgba(10,9,18,.82);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.login-art{padding:46px;position:relative;background:radial-gradient(circle at 20% 20%,rgba(124,44,255,.25),transparent 30%),radial-gradient(circle at 90% 70%,rgba(0,200,255,.17),transparent 35%)}.login-art h1{font-size:56px;letter-spacing:-.07em;line-height:1;margin:30px 0 16px}.login-art p{color:#b9b3cc;line-height:1.7}.login-card{padding:42px;background:rgba(0,0,0,.18)}.login-card h2{font-size:30px;margin:0 0 8px;letter-spacing:-.04em}.login-card p{color:var(--muted);line-height:1.6}.field{display:grid;gap:8px;margin:22px 0}.field label{font-size:13px;color:#c4bed2}.input{height:50px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(0,0,0,.28);color:#fff;padding:0 15px;outline:0}.input:focus{border-color:rgba(124,44,255,.75);box-shadow:0 0 0 4px rgba(124,44,255,.15)}.debug-box{font-size:13px;color:#a99fc1;border:1px dashed rgba(124,44,255,.4);background:rgba(124,44,255,.08);border-radius:14px;padding:12px;margin-top:18px}.app-layout{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr;background:#030306}.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,#07070c 0%,#030306 75%);padding:28px 16px;display:flex;flex-direction:column}.sidebar .brand{height:42px;margin:0 12px 38px}.sidebar .brand img{width:34px;height:34px}.sidebar .brand span{font-size:24px}.nav{display:grid;gap:7px}.nav-link{height:46px;border-radius:11px;display:flex;align-items:center;gap:13px;color:#d7d3e4;padding:0 15px;font-size:14px;position:relative;transition:.18s}.nav-link svg{width:18px;height:18px;stroke-width:2}.nav-link:hover{background:rgba(255,255,255,.04);color:#fff}.nav-link.is-active{color:#b865ff;background:linear-gradient(90deg,rgba(124,44,255,.35),rgba(124,44,255,.07));box-shadow:inset 0 0 0 1px rgba(124,44,255,.08)}.nav-badge{margin-left:auto;background:linear-gradient(135deg,#8a2cff,#133fff);color:#fff;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.sidebar-spacer{flex:1}.plan-card{margin:26px 4px 18px;padding:18px;border-radius:15px;border:1px solid rgba(124,44,255,.18);background:linear-gradient(135deg,rgba(124,44,255,.18),rgba(124,44,255,.04));box-shadow:0 14px 50px rgba(124,44,255,.08)}.plan-card h4{margin:0 0 8px;display:flex;gap:8px;align-items:center;font-size:15px}.plan-card p{font-size:12px;color:var(--muted);margin:0 0 12px}.plan-card a{font-size:12px;color:#9d6bff}.user-card{min-height:72px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.025);display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#f7c4c4,#7947ff)}.user-meta{min-width:0}.user-meta strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta span{display:block;font-size:12px;color:var(--muted)}.main{min-width:0;padding:31px 40px 22px}.topbar{height:52px;display:grid;grid-template-columns:1fr auto;align-items:start;gap:22px;margin-bottom:27px}.hello h1{margin:5px 0 2px;font-size:23px;line-height:1;letter-spacing:-.04em}.hello p{margin:0;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:14px}.search{width:252px;height:39px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.25);display:flex;align-items:center;gap:9px;color:var(--muted);padding:0 12px}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.kbd{border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:1px 6px;font-size:11px;color:#8c879b}.icon-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,.07);border-radius:50%;background:rgba(255,255,255,.025);display:grid;place-items:center;color:#fff;position:relative}.dot-badge{position:absolute;top:-3px;right:-2px;min-width:17px;height:17px;border-radius:999px;background:#442cff;border:2px solid #030306;font-size:10px;display:grid;place-items:center}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:12px}.metric-card{height:124px;border:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(16,15,28,.95),rgba(8,8,13,.96));border-radius:8px;padding:22px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:start;box-shadow:0 16px 42px rgba(0,0,0,.16);position:relative;overflow:hidden}.metric-card::after,.dash-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(124,44,255,.08),transparent 40%);pointer-events:none}.metric-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),#302cff);box-shadow:0 0 26px rgba(124,44,255,.3)}.metric-icon.blue{background:linear-gradient(135deg,#00beff,#265aff)}.metric-icon.cyan{background:linear-gradient(135deg,#15d7ff,#1784e8)}.metric-icon svg{width:20px;height:20px}.metric-body{position:relative;z-index:1}.metric-label{font-size:12px;color:#b8b3c9;display:block;margin-bottom:6px}.metric-value{font-size:20px;font-weight:800;letter-spacing:-.04em}.metric-sub{font-size:12px;color:var(--muted);margin-top:3px}.metric-sub .up{color:var(--green);font-weight:700}.spark{width:73px;height:45px;align-self:end;margin-bottom:2px;opacity:.9}.spark path{fill:none;stroke:url(#sparkGrad);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(124,44,255,.6))}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 382px;gap:11px}.dash-panel{border:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(15,14,25,.96),rgba(8,8,13,.98));border-radius:10px;position:relative;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.16)}.panel-pad{padding:20px 18px}.revenue-panel{height:293px}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:start;position:relative;z-index:1}.panel-title{font-size:14px;font-weight:800;margin:0 0 8px}.period-total{font-size:20px;font-weight:800;margin-right:8px}.period-up{color:var(--green);font-size:13px;font-weight:700}.panel-muted{font-size:12px;color:var(--muted)}.select-dark{height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:#090912;color:#d7d2e6;padding:0 12px;font-size:12px}.revenue-chart{height:200px;margin-top:10px;position:relative}.chart-grid-line{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.06)}.chart-grid-line span{position:absolute;left:0;top:-9px;color:#8b8598;font-size:11px}.chart-grid-line.l1{top:22px}.chart-grid-line.l2{top:67px}.chart-grid-line.l3{top:112px}.chart-grid-line.l4{top:157px}.chart-grid-line.l5{top:195px}.chart-svg{position:absolute;left:40px;right:0;top:5px;width:calc(100% - 48px);height:178px;overflow:visible}.chart-svg .area{fill:url(#areaGrad);opacity:.65}.chart-svg .line{fill:none;stroke:url(#lineGrad);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(124,44,255,.8))}.chart-svg .point{fill:#12caff;filter:drop-shadow(0 0 7px #12caff)}.months{position:absolute;left:40px;right:0;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);color:#a7a1b5;font-size:12px;text-align:center}.notifications{height:293px}.notification-list{display:grid;gap:16px;margin-top:15px;position:relative;z-index:1}.note-item{display:grid;grid-template-columns:37px 1fr auto;gap:12px;align-items:center}.note-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#12bd66,#0e7f4d);box-shadow:0 0 22px rgba(30,220,115,.16)}.note-icon.member{background:linear-gradient(135deg,#9836ff,#601ea1)}.note-icon.warning{background:linear-gradient(135deg,#f0a32c,#815217)}.note-icon.money{background:linear-gradient(135deg,#198dff,#1734a7)}.note-text strong{font-size:12px;display:block;margin-bottom:3px}.note-text span,.note-time{font-size:11px;color:var(--muted)}.see-all{color:#8c5cff;font-size:12px}.charges-panel{height:279px;margin-top:12px}.table{width:100%;border-collapse:collapse;position:relative;z-index:1}.table th{color:#8d879d;font-weight:500;text-align:left;font-size:12px;padding:10px 0}.table td{font-size:12px;border-top:1px solid rgba(255,255,255,.045);padding:9px 0;color:#e8e5f2}.member-cell{display:flex;align-items:center;gap:9px}.mini-avatar{width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,#fac1a8,#8a41ff)}.member-cell strong{display:block;font-size:12px}.member-cell span{font-size:10px;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;font-size:11px}.status::before{content:"";width:6px;height:6px;border-radius:50%}.status.paid{color:#50dc7a;background:rgba(35,220,116,.12)}.status.paid::before{background:#28e175}.status.pending{color:#ffbd52;background:rgba(248,177,42,.13)}.status.pending::before{background:#ffbd52}.status.overdue{color:#ff5969;background:rgba(255,67,88,.13)}.status.overdue::before{background:#ff5969}.summary-panel{height:279px;margin-top:12px}.summary-wrap{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;margin-top:12px;position:relative;z-index:1}.donut{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 63.9%,var(--yellow) 63.9% 84.9%,var(--red) 84.9% 100%);position:relative;box-shadow:0 0 35px rgba(35,220,116,.09)}.donut::before{content:"";position:absolute;inset:22px;border-radius:50%;background:#0b0b13;border:1px solid rgba(255,255,255,.06)}.donut-center{position:relative;text-align:center}.donut-center span{font-size:12px;color:var(--muted)}.donut-center strong{display:block;font-size:24px;letter-spacing:-.04em}.legend{display:grid;gap:14px}.legend-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;font-size:12px}.legend-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.legend-dot.pending{background:var(--yellow)}.legend-dot.overdue{background:var(--red)}.legend-dot.cancelled{background:#2a2935}.legend-row span{color:#dcd8e8}.legend-row strong{font-size:12px}.report-btn{height:34px;border-radius:7px;border:1px solid rgba(255,255,255,.07);margin-top:18px;width:100%;background:rgba(255,255,255,.025);color:#e7e2f5;font-size:12px}.section-page{display:grid;gap:18px}.section-hero{border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(124,44,255,.16),rgba(0,200,255,.06),rgba(255,255,255,.025));border-radius:22px;padding:28px;position:relative;overflow:hidden}.section-hero h1{margin:0 0 8px;font-size:34px;letter-spacing:-.05em}.section-hero p{margin:0;color:#b9b3c7;line-height:1.6}.section-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-box{border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(16,15,28,.92),rgba(8,8,13,.95));border-radius:16px;padding:18px}.stat-box span{color:#958fa6;font-size:12px}.stat-box strong{display:block;font-size:27px;margin-top:8px;letter-spacing:-.05em}.content-grid{display:grid;grid-template-columns:1fr 360px;gap:14px}.glass-card{border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(16,15,28,.93),rgba(8,8,13,.97));border-radius:18px;padding:20px}.glass-card h3{margin:0 0 14px}.task-list{display:grid;gap:10px}.task{display:flex;justify-content:space-between;gap:14px;padding:13px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.045)}.task span{color:#a8a1b8;font-size:13px}.mobile-menu{display:none}@keyframes floatOrb{to{transform:translate(34px,22px) scale(1.08)}}@keyframes panelFloat{0%,100%{transform:perspective(900px) rotateY(-9deg) rotateX(5deg) translateY(0)}50%{transform:perspective(900px) rotateY(-6deg) rotateX(3deg) translateY(-12px)}}@keyframes barPulse{to{transform:scaleY(.86);filter:hue-rotate(16deg)}}@keyframes shine{to{transform:translateX(120%)}}@media(max-width:1180px){.hero{grid-template-columns:1fr}.hero-visual{height:520px}.floating-dashboard{left:0;margin:auto}.feature-grid,.pricing{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.content-grid{grid-template-columns:1fr}.notifications,.summary-panel{height:auto}.main{padding:24px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){:root{--sidebar:0px}.landing-header{padding:0 20px}.landing-nav{display:none}.hero{padding:120px 20px 50px}.hero h1{font-size:46px}.floating-dashboard{position:relative;transform:none;animation:none;width:100%}.hero-visual{height:auto}.floating-grid{grid-template-columns:1fr 1fr}.mini-chart,.mini-list{grid-column:span 2}.feature-grid,.pricing,.steps{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-art{display:none}.app-layout{display:block}.sidebar{position:fixed;z-index:80;width:270px;left:-280px;transition:.2s}.sidebar.open{left:0}.mobile-menu{display:grid}.topbar{grid-template-columns:1fr}.top-actions{justify-content:space-between}.search{width:100%;max-width:320px}.metrics{grid-template-columns:1fr}.main{padding:20px}.summary-wrap{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.footer{display:block}.table{min-width:650px}.table-scroll{overflow:auto}}
.alert{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:13px 15px;margin:0 0 14px;background:rgba(255,255,255,.045);color:#efeaff}.alert-success{border-color:rgba(35,220,116,.35);background:rgba(35,220,116,.09)}.alert-error{border-color:rgba(255,67,88,.35);background:rgba(255,67,88,.09)}.alert-info{border-color:rgba(0,200,255,.28);background:rgba(0,200,255,.07)}.form-card{border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(18,17,31,.95),rgba(8,8,13,.98));border-radius:18px;padding:20px;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{margin:0}.field span,.field label{font-size:12px;color:#bdb6cf}.textarea{min-height:92px;padding:12px 15px;resize:vertical}.input,.textarea,select.input{width:100%}.full{grid-column:1/-1}.mini-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mini-actions form{display:inline-flex;margin:0}.btn-sm{height:34px;border-radius:9px;padding:0 10px;font-size:12px}.btn-danger{background:rgba(255,67,88,.12);border-color:rgba(255,67,88,.28);color:#ffb3bb}.btn-success{background:rgba(35,220,116,.12);border-color:rgba(35,220,116,.28);color:#aaffc9}.btn-warning{background:rgba(248,177,42,.12);border-color:rgba(248,177,42,.28);color:#ffd28a}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.filters .input{height:40px;max-width:240px}.pagination{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:14px;color:#9c96ad}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:999px;padding:7px 10px;color:#c7c0d8;font-size:12px}.muted{color:var(--muted)}.subtle{color:#90899e;font-size:12px}.table td,.table th{padding-left:8px;padding-right:8px}.table .right{text-align:right}.table .nowrap{white-space:nowrap}.avatar-letter{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--blue));font-weight:800}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stack{display:grid;gap:14px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.code-box{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#bcd7ff;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;word-break:break-all}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wide-card{grid-column:span 2}.check-row{display:flex;align-items:center;gap:8px}.check-row input{accent-color:#7c2cff}.theme-soft{--bg:#080710;--panel:#121120;--panel-2:#17152a}.theme-soft body::before{opacity:.9}.report-btn{display:inline-flex;align-items:center;justify-content:center}.empty-state{text-align:center;color:#9d96ac;padding:28px;border:1px dashed rgba(255,255,255,.09);border-radius:14px}.badge-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.kbd-btn{border:0;background:transparent;color:#8c5cff;cursor:pointer}.logo-preview{width:56px;height:56px;border-radius:16px;object-fit:contain;background:#050507;border:1px solid rgba(255,255,255,.08);padding:7px}.install-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.install-choice .glass-card{display:grid;gap:12px}.copy-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}@media(max-width:1180px){.form-grid,.form-grid.three,.form-grid.two,.report-grid,.split-grid{grid-template-columns:1fr 1fr}.wide-card{grid-column:span 1}}@media(max-width:760px){.form-grid,.form-grid.three,.form-grid.two,.report-grid,.split-grid,.install-choice{grid-template-columns:1fr}.toolbar{align-items:stretch}.filters .input{max-width:none}.mini-actions{display:grid;grid-template-columns:1fr 1fr}.mini-actions .btn,.mini-actions form{width:100%}.mini-actions form .btn{width:100%}}
.section-actions form{display:inline-flex}.top-actions form.search{margin:0}.top-actions .search input{border:0;background:transparent;color:#fff;outline:0;width:100%}.top-actions .search button{display:none}

/* Refinamento final: landing mobile, dashboard viva e responsiva */
.landing{overflow-x:hidden;overflow-y:auto;min-height:100vh}.dashboard-live-bar{border:1px solid rgba(255,255,255,.065);background:linear-gradient(135deg,rgba(124,44,255,.11),rgba(0,200,255,.045),rgba(255,255,255,.025));border-radius:14px;padding:12px 14px;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 16px 42px rgba(0,0,0,.14)}.live-left,.live-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.live-left{color:#dcd7eb;font-size:12px}.live-left strong{color:#8c5cff;font-weight:800}.live-left strong[data-state="error"]{color:#ff6878}.live-left strong[data-state="loading"]{color:#00c8ff}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(35,220,116,.85);animation:livePulse 1.9s ease-in-out infinite}.btn:disabled{opacity:.7;cursor:wait;transform:none}.sidebar-backdrop{display:none;position:fixed;inset:0;border:0;background:rgba(0,0,0,.58);backdrop-filter:blur(6px);z-index:70}.sidebar-backdrop.show{display:block}body.menu-open{overflow:hidden}.chart-svg .line,.chart-svg .area,.chart-svg .point{transition:.35s ease}.dash-panel,.metric-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dash-panel:hover,.metric-card:hover{border-color:rgba(124,44,255,.22);box-shadow:0 20px 52px rgba(0,0,0,.22),0 0 28px rgba(124,44,255,.08)}@keyframes livePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.6}}
@media(max-width:1180px){.revenue-panel,.charges-panel{height:auto}.revenue-chart{min-height:215px}.dashboard-live-bar{align-items:flex-start}.live-actions{justify-content:flex-start}.chart-svg{height:180px}.charges-panel .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.landing-header{height:70px;padding:0 14px}.landing-header .brand{gap:8px}.landing-header .brand img{width:31px;height:31px}.landing-header .brand span{font-size:21px}.landing-actions{gap:0}.landing-actions .btn-ghost{display:none}.landing-actions .btn-primary{height:39px;border-radius:11px;padding:0 11px;font-size:12px;white-space:nowrap}.hero{min-height:auto;padding:102px 16px 42px;gap:26px}.hero-kicker{font-size:11px;line-height:1.35;padding:7px 10px}.hero h1{font-size:clamp(34px,10.5vw,42px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 14px}.hero p{font-size:15px;line-height:1.55}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}.hero-actions .btn{width:100%;height:45px}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.hero-stat{min-width:0;padding:14px;border-radius:15px}.hero-stat strong{font-size:21px}.hero-stat span{font-size:11px}.hero-visual{height:auto;min-height:0}.floating-dashboard{position:relative;inset:auto;width:100%;max-width:100%;border-radius:20px;transform:none!important;animation:none!important}.floating-top{height:54px;padding:0 14px}.floating-top .brand img{width:28px;height:28px}.floating-top .brand span{font-size:18px}.floating-grid{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.mini-card{min-height:84px;padding:12px;border-radius:15px}.mini-card strong{font-size:19px}.mini-chart{height:164px}.mini-list{min-height:160px}.chart-bars{height:108px;left:12px;right:12px;gap:8px}.section{padding:52px 16px}.section-head{margin-bottom:22px}.section-head h2{font-size:32px;line-height:1.05}.feature-card,.step-card,.price-card{padding:20px;border-radius:18px}.footer{padding:28px 16px;font-size:12px}.app-layout{display:block;min-height:100dvh}.main{width:100%;min-width:0;padding:16px 14px 30px;overflow-x:hidden}.topbar{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}.hello{display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center}.hello h1{font-size:23px;line-height:1.1;margin:0}.hello p{grid-column:2;color:#918aa2;font-size:12px;line-height:1.35;margin-top:3px}.mobile-menu{width:40px;height:40px;display:grid}.top-actions{display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;gap:8px;align-items:center}.search{width:100%;max-width:none;height:40px}.kbd{display:none}.dashboard-live-bar{display:grid;grid-template-columns:1fr;padding:12px;margin-bottom:12px}.live-actions{display:grid;grid-template-columns:1fr;gap:8px}.live-actions .btn{width:100%;height:38px}.metrics{grid-template-columns:1fr;gap:10px}.metric-card{height:auto;min-height:106px;border-radius:13px;padding:18px 14px;grid-template-columns:auto 1fr}.spark{display:none}.metric-value{font-size:23px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.dash-panel{border-radius:14px}.panel-pad{padding:16px 14px}.panel-head{gap:10px}.panel-title{font-size:14px}.select-dark{max-width:130px}.revenue-panel,.charges-panel,.notifications,.summary-panel{height:auto;margin-top:0}.revenue-chart{height:224px;min-height:224px;margin-top:12px}.chart-grid-line span{font-size:10px}.chart-svg{left:34px;width:calc(100% - 38px);height:184px}.months{left:34px;font-size:10px;gap:2px}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.table{min-width:620px}.notification-list{gap:12px}.note-item{grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:10px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.025)}.note-icon{width:34px;height:34px}.note-time{grid-column:2;justify-self:start}.summary-wrap{grid-template-columns:1fr;place-items:center}.legend{width:100%}.sidebar{position:fixed;z-index:80;width:min(292px,86vw);left:-306px;top:0;height:100dvh;max-height:100dvh;overflow-y:auto;transition:left .22s ease;padding-bottom:18px}.sidebar.open{left:0}.sidebar .brand{margin-bottom:22px}.plan-card{display:none}.user-card{margin-top:18px}.section-hero{padding:22px;border-radius:18px}.section-hero h1{font-size:28px;line-height:1.05}.section-actions{display:grid;grid-template-columns:1fr}.section-actions .btn,.section-actions form,.section-actions form .btn{width:100%}.content-grid{grid-template-columns:1fr}.mini-actions{grid-template-columns:1fr}.mini-actions .btn,.mini-actions form,.mini-actions form .btn{width:100%}}
@media(max-width:420px){.hero-stats{grid-template-columns:1fr}.floating-grid{grid-template-columns:1fr}.mini-chart,.mini-list{grid-column:span 1}.landing-actions .btn-primary{font-size:11px;padding:0 9px}.brand span{font-size:20px}.top-actions{grid-template-columns:1fr 38px 38px}.icon-btn{width:38px;height:38px}.metric-card{grid-template-columns:auto 1fr;gap:10px}.table{min-width:590px}}

/* Correção definitiva da dashboard */
.search svg,.icon-btn svg,.mobile-menu svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;display:block;stroke-width:2;overflow:visible}.metric-icon svg{width:24px!important;height:24px!important;display:block}.spark{width:84px;height:48px;align-self:center}.dashboard-main{padding:32px 38px 44px}.topbar{min-height:58px;height:auto}.top-actions .search{overflow:hidden}.top-actions .search svg{color:#8f8aa3}.dashboard-live-bar{margin-bottom:16px}.dashboard-empty-guide{margin:0 0 16px;border:1px solid rgba(124,44,255,.28);background:linear-gradient(135deg,rgba(124,44,255,.16),rgba(0,200,255,.06));border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-empty-guide strong{display:block;font-size:14px;margin-bottom:4px}.dashboard-empty-guide span{display:block;color:#aaa4bd;font-size:13px;line-height:1.45}.guide-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.metric-card{border-radius:14px;min-height:134px}.dashboard-grid{align-items:start}.dashboard-left-col,.dashboard-right-col{display:grid;gap:12px}.revenue-panel{height:336px}.revenue-chart{height:242px}.charges-panel{min-height:220px}.notifications{height:228px}.summary-panel{height:auto;min-height:248px}.chart-empty-message{display:none;position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);z-index:3;color:#aaa4bd;background:rgba(3,3,6,.72);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:9px 14px;font-size:12px;backdrop-filter:blur(10px);text-align:center;white-space:nowrap}.revenue-chart.is-empty .chart-empty-message{display:block}.revenue-chart.is-empty .chart-svg{opacity:.45}.chart-grid-line span{background:#0b0b14;padding-right:8px}.period-up[data-trend="down"],.metric-sub .up[data-trend="down"]{color:var(--red)}.period-up[data-trend="flat"],.metric-sub .up[data-trend="flat"]{color:var(--muted)}.table td,.table th{vertical-align:middle}.empty-state{line-height:1.45}.select-dark{cursor:pointer}.dashboard-live-bar .btn{white-space:nowrap}@media(min-width:1500px){:root{--sidebar:246px}.sidebar{padding-left:22px;padding-right:22px}.main.dashboard-main{padding-left:42px;padding-right:42px}.metric-card{min-height:142px;padding:24px 18px}.revenue-panel{height:360px}.revenue-chart{height:264px}.notifications{height:252px}.summary-panel{min-height:276px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 420px}.search{width:310px}}@media(max-width:1180px){.dashboard-empty-guide{align-items:flex-start;display:grid}.guide-actions{justify-content:flex-start}.revenue-panel,.notifications,.summary-panel{height:auto}.revenue-chart{height:244px}.dashboard-main{padding:24px}}@media(max-width:760px){.dashboard-main{padding:16px 14px 30px}.dashboard-empty-guide{padding:14px;border-radius:14px}.guide-actions{display:grid;grid-template-columns:1fr;width:100%}.guide-actions .btn{width:100%}.top-actions .search svg{width:16px!important;height:16px!important;min-width:16px!important}.topbar{min-height:0}.metric-icon svg{width:22px!important;height:22px!important}.revenue-chart{height:236px}.chart-empty-message{white-space:normal;width:min(260px,80%);border-radius:14px}.notifications{min-height:150px}.summary-panel{min-height:0}.dashboard-live-bar .live-actions{grid-template-columns:1fr}.dashboard-live-bar .btn{width:100%}}