:root{--blue:#294f9f;--ink:#172952;--soft:#f3f6fe;--line:#d6e1fa;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:#1d2434;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:1000px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:12px;margin-bottom:40px;color:var(--ink)}header strong{font-size:1.35rem;display:block}header small{display:block}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--blue);color:white;font-weight:800;font-size:1.5rem}.badge{margin-left:auto;padding:6px 12px;border-radius:999px;background:#e5ecff;color:var(--blue);font-weight:700}.hero{max-width:650px;margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:800;color:var(--blue);margin:0 0 5px}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;color:var(--ink);margin:.1em 0}.card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 30px #1c3e7d0a}.login{max-width:520px;display:grid;gap:13px}h2,h3{color:var(--ink);margin:.1em 0 .6em}label{font-weight:700;color:var(--ink)}input{display:block;width:100%;padding:13px;margin-top:5px;border:1px solid #aabce7;border-radius:12px;font:inherit}button{border:0;border-radius:14px;padding:13px 18px;background:var(--blue);color:white;font:inherit;font-weight:750;cursor:pointer}.secondary{background:white;color:var(--blue);border:1px solid var(--line)}.hint{font-size:.9rem;color:#5c6578;margin:0}.hidden{display:none!important}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{border-radius:12px 12px 0 0;background:transparent;color:#59647b}.tabs button.active{background:#e4ecff;color:var(--blue)}#order{display:grid;grid-template-columns:1fr 300px;gap:20px}.products{display:grid;gap:10px}.product{display:flex;align-items:center;gap:14px;padding:16px;background:white;border:1px solid var(--line);border-radius:16px}.product strong{display:block;color:var(--ink)}.product .price{margin-left:auto}.quantity{display:flex;align-items:center;gap:8px}.quantity button{width:38px;height:38px;padding:0;border-radius:10px}.cart{height:max-content}.cart-items{min-height:90px}.cart-row,.total,li{display:flex;justify-content:space-between;gap:12px;padding:9px 0}.total{border-top:1px solid var(--line);font-size:1.1rem;margin:12px 0}.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.usage-grid strong{display:block;font-size:1.7rem;color:var(--ink)}.usage-grid small{display:block;color:#5b6477}ul{list-style:none;padding:0;margin:0}li+li{border-top:1px solid var(--line)}dialog{max-width:390px;border:0;border-radius:22px;padding:28px;box-shadow:0 15px 50px #0005}dialog::backdrop{background:#13234388}@media(max-width:700px){.shell{padding:16px}header{margin-bottom:24px}#order{grid-template-columns:1fr}.usage-grid{grid-template-columns:1fr}.product{flex-wrap:wrap}.product .price{margin-left:auto}.cart{position:sticky;bottom:8px}.badge{font-size:.8rem}}