*{box-sizing:border-box}body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.page{min-height:100vh;padding:22px}.center{display:flex;align-items:center;justify-content:center;text-align:center}.logo{width:190px;height:190px;margin:0 auto 25px;border-radius:55px;background:linear-gradient(135deg,#d946ef,#ec4899,#fb923c);padding:8px}.logo-inner{height:100%;border-radius:48px;background:#050505;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-fp{font-size:72px;font-weight:900}.logo-sub{font-size:12px;letter-spacing:4px;color:#f9a8d4;font-weight:900}h1{font-size:54px;margin:10px 0;font-weight:900}h2{font-size:28px;margin:0 0 18px;font-weight:900}h3{margin:18px 0 10px}.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:22px;margin:14px 0;box-shadow:0 14px 40px rgba(0,0,0,.35)}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.btn{border:0;border-radius:16px;padding:14px 16px;font-weight:900;color:#fff;background:rgba(255,255,255,.12);cursor:pointer;margin:3px}.btn.primary{background:linear-gradient(90deg,#d946ef,#fb923c)}.btn.white{background:#fff;color:#000}.btn.red{background:rgba(239,68,68,.25);color:#fecaca}.btn.yellow{background:rgba(234,179,8,.22);color:#fef3c7}.btn:disabled{opacity:.45;cursor:not-allowed}input,select{width:100%;border:0;border-radius:14px;background:rgba(0,0,0,.55);color:#fff;padding:13px;margin-top:6px}label{display:block;color:#d4d4d8;font-size:14px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:18px}.stat{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:18px;padding:14px;text-align:center}.stat small{display:block;color:#a1a1aa}.stat b{font-size:22px}.area,.person,.row{border-radius:18px;padding:14px;background:rgba(0,0,0,.35);margin:10px 0;border:2px solid rgba(255,255,255,.15)}.green{border-color:#22c55e;background:rgba(34,197,94,.10)}.red{border-color:#ef4444;background:rgba(239,68,68,.10)}.yellow{border-color:#eab308;background:rgba(234,179,8,.10)}.notice{border-radius:18px;padding:14px;margin:12px 0}.notice.yellow{background:rgba(234,179,8,.16);color:#fef3c7}.notice.red{background:rgba(239,68,68,.18);color:#fecaca}.notice.green{background:rgba(34,197,94,.18);color:#dcfce7}.footer{position:fixed;left:10px;right:10px;bottom:10px;background:rgba(0,0,0,.92);border-radius:18px;padding:8px;z-index:10}.product{min-height:100px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:24px;padding:10px;color:#fff;font-weight:900}.product .icon{height:50px;width:50px;border-radius:16px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 8px}@media(max-width:800px){.g2,.g3,.g4{grid-template-columns:1fr}h1{font-size:38px}.page{padding-bottom:90px}}