*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,Tahoma,Arial,sans-serif;background:#070410;color:#fff}button,a,input,select{font-family:inherit}.loading{height:100vh;display:grid;place-items:center;font-size:42px;font-weight:900;background:radial-gradient(circle,#28114e,#070410)}.publicPage{min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(168,85,247,.35),transparent 30%),radial-gradient(circle at 80% 20%,rgba(34,211,238,.22),transparent 28%),linear-gradient(135deg,#05030b,#17072d 65%,#060410)}.publicNav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#05030bb3;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.publicBrand,.sideBrand,.loginBrand{display:flex;align-items:center;gap:10px;font-weight:900;color:#67e8f9}.publicBrand b,.sideBrand b{font-size:25px}.publicBrand small,.sideBrand small{display:block;color:#a78bfa}.publicNav>div:last-child{display:flex;gap:10px}.hero{max-width:1120px;margin:0 auto;padding:88px 22px 58px;text-align:center}.hero span{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(103,232,249,.28);background:#67e8f917;border-radius:999px;padding:9px 15px;color:#67e8f9;font-weight:800}.hero h1{font-size:clamp(38px,6vw,76px);line-height:1.05;margin:24px auto 20px;max-width:950px}.hero p{max-width:760px;margin:0 auto 30px;color:#d8c8f6;font-size:20px;line-height:1.8}.hero>div{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.publicCards{max-width:1120px;margin:0 auto;padding:20px 22px 80px}.publicCards h2{text-align:center;font-size:34px}.publicCards>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.publicCards article,.panelCard,.statCard{border:1px solid #30234a;background:linear-gradient(145deg,#0f0b19f2,#161026db);border-radius:26px;box-shadow:0 18px 55px #00000038}.publicCards article{padding:24px;display:grid;gap:10px}.publicCards svg,.statIcon,.panelCard header svg{color:#67e8f9}.publicCards b{font-size:20px}.publicCards small{color:#c7b6e9}.primaryBtn,.ghostBtn,.dangerBtn,.ghostLink{border:0;border-radius:14px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;color:#fff;font-weight:800}.primaryBtn{background:linear-gradient(90deg,#a855f7,#38bdf8);box-shadow:0 14px 36px #a855f740}.primaryBtn.big{font-size:18px;padding:15px 25px}.primaryBtn.full{width:100%;margin-top:12px}.ghostBtn,.ghostLink{border:1px solid #34264e;background:#141020}.dangerBtn{background:#3b0d16;border:1px solid #7f1d1d}.ghostBtn:hover,.ghostLink:hover{border-color:#67e8f9}.loginPage{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(168,85,247,.3),transparent 40%),#070410;padding:24px}.loginCard{width:min(470px,94vw);text-align:center;border:1px solid #33234d;background:#0e0a18f0;border-radius:30px;padding:42px;box-shadow:0 25px 90px #0000004d}.loginBrand{justify-content:center;font-size:25px}.loginCard h1{font-size:34px}.loginCard p{color:#d8c8f6;line-height:1.8}.appShell{min-height:100vh;display:flex;background:linear-gradient(90deg,#05030b,#10061e 60%,#21083e)}.sidebar{width:292px;flex:0 0 292px;height:100vh;position:sticky;top:0;border-inline-start:1px solid #30234a;background:#080512eb;padding:24px 18px;display:flex;flex-direction:column;gap:22px;order:2}.sidebar nav{display:grid;gap:9px}.sidebar button{border:1px solid #30234a;background:#141020;color:#fff;border-radius:14px;padding:13px 15px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:start}.sidebar button:hover,.sidebar button.active{border-color:#67e8f9;background:linear-gradient(90deg,#a855f738,#22d3ee1a);transform:translateY(-1px)}.content{flex:1;min-width:0;order:1;padding:30px}.topHeader{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1220px;margin:0 auto 24px}.topHeader h1{margin:0;font-size:34px}.topHeader p{margin:6px 0 0;color:#c7b6e9}.topActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.userPill{border:1px solid #30234a;background:#0f0b19;border-radius:15px;padding:10px 14px}.userPill small{display:block;color:#a78bfa}.contentInner{max-width:1220px;margin:0 auto}.pageStack{display:grid;gap:20px}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.statCard{padding:22px;display:grid;gap:9px}.statCard small{color:#c7b6e9}.statCard strong{font-size:32px}.statIcon{width:48px;height:48px;border-radius:16px;background:#67e8f91a;display:grid;place-items:center}.panelCard{padding:24px}.panelCard.wide{grid-column:1/-1}.panelCard header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.panelCard h3{margin:0;font-size:23px}.tileGrid,.productGrid,.analyticsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.featureTile{border:1px solid #30234a;border-radius:20px;background:#0f0b19;color:#fff;display:grid;gap:10px;text-align:start;padding:20px;cursor:pointer}.featureTile:hover{border-color:#a855f7}.featureTile svg{color:#67e8f9}.featureTile small{color:#c7b6e9}.formGrid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;align-items:center}input,select{width:100%;border:1px solid #35264f;background:#0d0916;border-radius:13px;color:#fff;padding:13px;outline:none}input:focus,select:focus{border-color:#67e8f9}.dataTable{display:grid;gap:10px}.dataRow{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:12px;align-items:center;border:1px solid #30234a;background:#0d0916;border-radius:14px;padding:13px}code{color:#67e8f9;white-space:normal}.empty,.errorBox{border:1px solid #45325f;background:#0d0916;border-radius:16px;padding:16px;color:#d8c8f6}.errorBox{border-color:#7f1d1d;background:#2a0b10;color:#fecaca}.productCard{border:1px solid #30234a;background:#0d0916;border-radius:18px;padding:14px;display:grid;gap:8px}.productCard img,.placeholder{height:120px;width:100%;border-radius:14px;object-fit:cover;background:linear-gradient(135deg,#301458,#0e7490);display:grid;place-items:center}.inviteBox{text-align:center;display:grid;gap:15px}.actionRow{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.steps{display:grid;gap:10px}.steps>div{border:1px solid #30234a;border-radius:14px;background:#0d0916;padding:13px;display:flex;gap:12px}.steps b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#a855f7}.settingsList,.profileBox{display:grid;gap:12px}.settingsList>div,.profileBox{border:1px solid #30234a;border-radius:15px;background:#0d0916;padding:16px}@media(max-width:1100px){.statsGrid,.formGrid,.publicCards>div{grid-template-columns:repeat(2,minmax(0,1fr))}.topHeader{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.appShell{display:block}.sidebar{position:relative;width:100%;height:auto;order:0}.sidebar nav{grid-template-columns:1fr 1fr}.content{padding:18px}.statsGrid,.formGrid,.publicCards>div,.dataRow{grid-template-columns:1fr}.topActions{width:100%}.hero h1{font-size:36px}}.usersToolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.searchBox{display:flex;align-items:center;gap:10px;border:1px solid #35264f;background:#0d0916;border-radius:14px;padding:0 12px;min-width:min(420px,100%)}.searchBox input{border:0;background:transparent}.roleLegend{display:flex;gap:10px;align-items:center;color:#c7b6e9;font-size:13px}.roleLegend span{border:1px solid #30234a;background:#0d0916;border-radius:999px;padding:8px 10px;display:flex;gap:6px;align-items:center}.usersTable{display:grid;gap:10px}.usersHead,.usersRow{display:grid;grid-template-columns:1.2fr 1.1fr .8fr .7fr .9fr;gap:12px;align-items:center}.usersHead{color:#a78bfa;font-size:13px;padding:0 12px}.usersRow{border:1px solid #30234a;background:#0d0916;border-radius:16px;padding:13px}.usersRow small{display:block;color:#c7b6e9}.roleBadge{display:inline-flex;justify-content:center;border:1px solid #334155;background:#111827;color:#cbd5e1;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.roleBadge.admin{border-color:#a855f7;background:#a855f729;color:#e9d5ff}@media(max-width:900px){.usersHead{display:none}.usersRow{grid-template-columns:1fr}.usersRow select{width:100%}}