:root{--n:#102b52;--g:#b58a35;--c:#f6f3ec;--i:#172337;--m:#6d7888;--l:#e6e0d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:var(--i);line-height:1.8}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}header{position:sticky;top:0;z-index:10;background:#fffffff2;border-bottom:1px solid var(--l)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:var(--n);font-weight:900}.brand img{width:52px;height:52px;object-fit:contain;border-radius:8px}.brand small,.adminbrand small{display:block;color:var(--g);font-size:9px;letter-spacing:2px}nav{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:800}.hamb{display:none}.btn{display:inline-block;padding:10px 18px;border-radius:11px;border:0;font:inherit;font-weight:800;cursor:pointer}.dark{background:var(--n);color:#fff}.gold{background:var(--g);color:#fff}.outline{border:1px solid var(--n);color:var(--n)}.hero{padding:70px 0;background:linear-gradient(135deg,var(--c),#fff,#eef3f8)}.heroGrid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.eyebrow{color:var(--g);font-weight:900;font-size:12px;letter-spacing:1px}h1{font-size:clamp(36px,5vw,60px);line-height:1.25;color:var(--n);margin:10px 0}h2{font-size:34px;color:var(--n);margin:6px 0 25px}.hero p{font-size:17px;color:var(--m)}.actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.heroPic{background:#fff;border:1px solid var(--l);border-radius:28px;padding:14px;box-shadow:0 20px 55px #102b5214;position:relative}.heroPic img{width:100%;height:470px;object-fit:cover;border-radius:20px}.heroPic b{position:absolute;right:28px;bottom:28px;background:#102b52ed;color:#fff;padding:9px 15px;border-radius:11px;font-size:12px}.section{padding:80px 0}.cream{background:var(--c)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards>div,.contactbox,.form,.panel{background:#fff;border:1px solid var(--l);border-radius:19px;padding:22px}.cards b{color:var(--n)}.cards p{font-size:13px;color:var(--m)}.products{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.products article{background:#fff;border:1px solid var(--l);border-radius:22px;overflow:hidden}.products article>img{width:100%;height:390px;object-fit:cover}.products article>div{padding:21px}.code{color:var(--g);font-weight:900;font-size:13px}.products p{color:var(--m);font-size:13px}.chip{display:inline-block;background:#f0f3f6;border-radius:20px;padding:4px 10px;font-size:11px;margin-bottom:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.split>img{width:100%;height:440px;object-fit:cover;border-radius:23px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats div{background:var(--c);border-radius:14px;text-align:center;padding:13px}.stats strong{display:block;color:var(--n);font-size:25px}.gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:230px 230px;gap:15px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:17px}.gallery img:first-child{grid-row:1/3}.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px}.form{display:grid;gap:12px}input,textarea,select{width:100%;padding:12px;border:1px solid #ddd6ca;border-radius:10px;font:inherit;margin-top:4px}textarea{min-height:120px}footer{background:var(--n);color:#d5dfeb;padding:45px 0}.login{min-height:100vh;background:var(--c);display:grid;place-items:center}.loginbox{width:min(410px,90%);background:#fff;padding:30px;border:1px solid var(--l);border-radius:20px;display:grid;gap:12px}.error{background:#fee;color:#922;padding:8px;border-radius:8px}.admin{background:#f4f6f8}.admin aside{position:fixed;right:0;top:0;height:100vh;width:230px;background:var(--n);padding:24px 15px;display:grid;align-content:start;gap:6px}.admin aside>a{color:#cbd7e5;padding:11px;border-radius:9px;font-size:13px}.adminbrand{color:#fff;font-weight:900;margin-bottom:15px}.admin main{margin-right:230px;padding:30px}.adminhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.adminhead h1{font-size:31px;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metrics>div{background:#fff;border:1px solid #e6eaf0;border-radius:17px;padding:18px}.metrics b{display:block;color:var(--n);font-size:26px}.panel{margin-top:18px}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:11px;border-bottom:1px solid #eef0f4;text-align:right;font-size:12px}.thumb{width:55px;height:55px;object-fit:cover;border-radius:8px}.mini{border:1px solid #ccd4df;background:#fff;border-radius:8px;padding:6px 9px;font:inherit;font-size:11px}.admin .form{border:0;padding:0;box-shadow:none}@media(max-width:850px){nav{display:none}.hamb{display:block}.heroGrid,.split,.contact{grid-template-columns:1fr}.cards,.metrics{grid-template-columns:1fr 1fr}.products{grid-template-columns:1fr}.gallery{grid-template-columns:1fr;grid-template-rows:220px 170px 170px}.gallery img:first-child{grid-row:auto}.admin aside{position:static;width:auto;height:auto;display:flex;flex-wrap:wrap}.admin main{margin:0;padding:18px}}@media(max-width:520px){.cards,.metrics{grid-template-columns:1fr}.hero{padding:45px 0}.heroPic img{height:330px}.section{padding:60px 0}}

.image-upload{display:grid;gap:8px;padding:12px;background:#f8fafc;border:1px dashed #cfd7e2;border-radius:12px;margin-top:4px}.preview{width:110px;height:110px;object-fit:contain;background:#fff;border-radius:10px;border:1px solid #e6eaf0}.image-upload small,.muted{color:#687587;font-size:11px}.inlinecheck{display:flex;align-items:center;gap:7px;font-size:12px}.inlinecheck input{width:auto;margin:0}