:root{--bg:#f7fbff;--text:#102a43;--muted:#6b7c93;--blue:#2f80ed;--cyan:#22c8b6;--line:#dce8f4;--wa:#25d366}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;color:var(--text);background:linear-gradient(#fff,var(--bg));min-height:100vh}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{max-width:1180px;margin:auto;padding:0 18px}header{position:sticky;top:0;z-index:20;background:#fffffff0;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.bar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:27px;font-weight:950;letter-spacing:5px;display:flex;align-items:center}.brand i{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font-style:normal;letter-spacing:0;margin-right:9px}nav{display:flex;gap:18px;font-weight:800;align-items:center}.btn{border:0;border-radius:13px;padding:11px 15px;font-weight:850;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:6px}.primary{background:var(--blue);color:#fff}.wa{background:var(--wa);color:#063d1e}.light{background:#edf5fd;color:#17496f}.danger{background:#ffeaea;color:#922}.hero{padding:70px 0 50px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:900;color:var(--blue)}h1{font-size:clamp(48px,7vw,84px);line-height:.94;letter-spacing:-4px;margin:12px 0 20px}h1 b{color:var(--blue)}h2{font-size:40px;margin:8px 0 22px}.lead{font-size:18px;line-height:1.7;color:var(--muted)}.heroimg{padding:22px;background:linear-gradient(145deg,#eaf6ff,#f4fffc);border:1px solid var(--line);border-radius:32px}.heroimg img{width:100%;border-radius:22px;display:block}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.section{padding:50px 0}.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.benefit,.panel,.stat{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px}.benefit{font-weight:850}.tools{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:9px;margin:20px 0 12px}.input{width:100%;border:1px solid #cbdbea;border-radius:11px;padding:11px;background:#fff}.count,.muted{color:var(--muted)}.count{font-size:14px;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:#fff;border:1px solid var(--line);border-radius:21px;overflow:hidden;box-shadow:0 10px 25px #244e7012}.pic{position:relative;aspect-ratio:1;background:#eef7fc}.pic img{width:100%;height:100%;object-fit:cover}.badges{position:absolute;top:9px;left:9px;display:flex;gap:5px;flex-wrap:wrap}.badge{padding:5px 8px;border-radius:99px;font-size:11px;font-weight:900;background:#e8f1ff;color:#2262a8}.ok{background:#e7f8ef;color:#14734d}.low{background:#fff3d8;color:#94630a}.out{background:#eef0f3;color:#66707d}.sale{background:#fff1e4;color:#a45400}.body{padding:14px}.name{font-weight:900;line-height:1.25;min-height:42px;margin:5px 0}.price{font-size:22px;font-weight:950;margin:9px 0}.old{text-decoration:line-through;color:#8997a7;font-size:13px;margin-left:7px}.cardacts{display:grid;gap:7px;margin-top:11px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:50px 0}.detail img{width:100%;border-radius:28px;border:1px solid var(--line)}.specs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.spec{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}.float{position:fixed;right:18px;bottom:18px;z-index:25;background:var(--wa);padding:12px 15px;border-radius:99px;font-weight:900;box-shadow:0 12px 28px #126d3133}footer{margin-top:55px;background:#102a43;color:#cbd9e5;padding:40px 0}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px}.foot a{display:block;margin:7px 0}.admin{display:grid;grid-template-columns:230px 1fr;min-height:100vh;background:#f5f8fb}.side{background:#102a43;color:white;padding:22px 15px}.side a,.side button{width:100%;display:block;border:0;background:transparent;color:#dce8f3;padding:11px;border-radius:10px;text-align:left;margin:4px 0;cursor:pointer}.side .on,.side a:hover,.side button:hover{background:#193c5e}.main{padding:26px}.ahead{display:flex;align-items:center;justify-content:space-between;gap:12px}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.stat strong{font-size:27px;display:block;margin-top:5px}.panel{margin-top:17px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e7eef4;text-align:left;font-size:14px}.row{display:flex;gap:6px;flex-wrap:wrap}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#edf7ff,#f5fffd)}.loginbox{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:23px;padding:26px}.modal{position:fixed;inset:0;background:#102a4388;display:grid;place-items:center;padding:18px;z-index:50}.modalbox{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:19px;padding:19px}.form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.full{grid-column:1/-1}.notice{padding:11px;border-radius:11px;background:#eef7ff;border:1px solid #cae5f7;margin:11px 0}.err{background:#ffecec;border-color:#ffc8c8;color:#811}@media(max-width:980px){nav{display:none}.hero,.detail{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.tools{grid-template-columns:1fr 1fr}.admin{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hero{padding-top:38px}h1{font-size:52px}.grid{gap:9px}.tools{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.form{grid-template-columns:1fr}.full{grid-column:auto}.main{padding:15px}.row{flex-direction:column}}