@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#f7f7fb;color:#17172a;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.logo{font-size:25px;font-weight:800;letter-spacing:-1px}.logo span{color:#7548ee}.navlinks{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6d43ed,#9a63ff);color:white;border:0;border-radius:12px;padding:13px 18px;font-weight:700;cursor:pointer;box-shadow:0 8px 25px rgba(108,67,237,.18)}.btn.small{padding:10px 15px}.btn.full{width:100%}.hero{max-width:1050px;margin:90px auto 100px;text-align:center;padding:0 20px}.pill,.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#7650df}.pill{display:inline-block;padding:9px 13px;border:1px solid #e4ddff;border-radius:999px;background:#fff}.hero h1{font-size:clamp(42px,7vw,76px);line-height:1.02;letter-spacing:-4px;margin:20px auto;max-width:900px}.hero h1 span{background:linear-gradient(90deg,#6b43e8,#b15cff);-webkit-background-clip:text;color:transparent}.hero p{max-width:680px;margin:0 auto 30px;color:#74758a;font-size:18px;line-height:1.7}.shortbox{display:flex;max-width:780px;margin:auto;background:rgba(255,255,255,.8);border:1px solid #e8e5f2;border-radius:18px;padding:8px;box-shadow:0 20px 60px rgba(54,35,110,.12)}input,select{border:1px solid #e1e1eb;background:#fff;border-radius:11px;height:45px;padding:0 13px;outline:none;font:inherit}.shortbox input{flex:1;border:0;height:52px}.shortbox button{border:0;border-radius:13px;background:#17172a;color:#fff;padding:0 24px;font-weight:700}.hero-note{margin-top:15px;font-size:12px;color:#9293a1}.feature-grid{max-width:1180px;margin:0 auto 100px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.glass,.panel,.stat,.price,.auth-card{background:rgba(255,255,255,.85);border:1px solid #e9e7f0;box-shadow:0 12px 45px rgba(40,30,80,.06);border-radius:20px}.glass{padding:26px}.glass b{font-size:17px}.glass p{color:#77798b;line-height:1.6}.preview{max-width:1180px;margin:auto;padding:50px 24px 100px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.preview h2{font-size:42px;letter-spacing:-2px}.preview p{color:#77798b;line-height:1.7}.mock{border-radius:22px;background:#fff;border:1px solid #e8e6ef;padding:18px;box-shadow:0 25px 70px rgba(40,30,80,.12)}.mockbar{height:18px;width:45%;background:#eeeafa;border-radius:10px}.mockcards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.mockcards i{height:70px;border-radius:12px;background:#f0edff}.mockchart{height:170px;border-radius:14px;background:linear-gradient(160deg,#f5f2ff,#fff)}footer{text-align:center;padding:35px;color:#888;font-size:13px}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#eee8ff,#f7f7fb 50%)}.auth-card{width:min(440px,100%);padding:34px}.auth-card.wide{width:min(520px,100%)}.auth-card h1{margin-bottom:8px}.auth-card p{color:#77798b}.auth-card form{display:grid;gap:8px}.auth-card label{font-size:12px;font-weight:700;margin-top:9px}.auth-card input{width:100%}.center{text-align:center}.alert,.success{padding:12px;border-radius:10px;margin:14px 0;background:#fff0f0;color:#a42c2c}.success{background:#ecfbf1;color:#14753e}.layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{padding:25px 16px;background:#17172a;color:#fff;display:flex;flex-direction:column;gap:8px}aside .logo{margin:0 10px 25px}aside>a:not(.logo){padding:12px 14px;border-radius:10px;color:#c9c9d8;font-size:14px}aside>a.active,aside>a:hover{background:#28283f;color:#fff}.dash{padding:42px;max-width:1500px;width:100%;margin:auto}.dashhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.dash h1{font-size:38px;letter-spacing:-1.5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:22px}.stat span{display:block;color:#888a9a;font-size:12px}.stat b{display:block;font-size:30px;margin-top:9px}.two{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}.panel{padding:22px}.chart{height:250px;display:flex;align-items:end;gap:12px;padding:20px 5px}.chart div{flex:1;background:linear-gradient(#8d63f4,#d8c8ff);border-radius:8px 8px 2px 2px}.mini{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #eee;color:#444}.mini span,.muted{color:#8b8c99}.filters{display:flex;gap:10px;margin-bottom:16px}.filters input{flex:1}.tablewrap{overflow:auto;padding:0}.tablewrap table{width:100%;border-collapse:collapse;min-width:900px}.tablewrap th,.tablewrap td{text-align:left;padding:15px;border-bottom:1px solid #eee;font-size:13px}.tablewrap th{font-size:11px;color:#858695;text-transform:uppercase}.share{display:inline-block;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6940df}.badge{padding:6px 9px;border-radius:99px;font-size:11px;font-weight:700;background:#eee}.badge.active{background:#e9f9ef;color:#16733f}.badge.disabled{background:#f1f1f3;color:#777}.empty{text-align:center;padding:50px}.profile{text-align:center;max-width:520px}.avatar{width:70px;height:70px;margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6d43ed,#ae64ff);color:#fff;font-size:28px;font-weight:800}.pricing{max-width:1100px;margin:70px auto;padding:20px;text-align:center}.pricing h1{font-size:48px;letter-spacing:-2px}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left;margin-top:45px}.price{padding:28px}.price b{font-size:36px;display:block;margin:18px 0}.price span{font-size:13px;color:#888}.featured{border:2px solid #8053ef}.price p{color:#777;min-height:45px}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{position:relative;flex-direction:row;overflow:auto;align-items:center}aside .logo{margin:0}.stats,.prices,.feature-grid{grid-template-columns:1fr 1fr}.two,.preview{grid-template-columns:1fr}.dash{padding:22px}.shortbox{flex-direction:column}.shortbox input{width:100%}.hero h1{letter-spacing:-2px}}@media(max-width:560px){.navlinks a:not(.btn){display:none}.stats,.prices,.feature-grid{grid-template-columns:1fr}.hero{margin-top:55px}.preview h2,.pricing h1{font-size:34px}}