:root{--primary:#0877D8;--accent:#28B34B;--ink:#08234a;--muted:#64748b;--bg:#f6fbff;--card:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}
.top{height:84px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 4vw;position:sticky;top:0;z-index:20;border-bottom:1px solid #e6eef7}.brand{display:flex;align-items:center;gap:14px}.brand img{height:58px;max-width:230px;object-fit:contain}.brand span{font-size:12px;font-weight:700}.top nav{display:flex;gap:22px;font-weight:700}.countrybar{padding:9px 4vw;background:linear-gradient(90deg,var(--primary),#0752a4);color:#fff;display:flex;justify-content:space-between;align-items:center}.countrybar select{border:0;border-radius:9px;padding:7px;margin-left:8px}
.hero{min-height:420px;padding:60px 6vw;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;color:#fff;background:radial-gradient(circle at 80% 20%,#46bdf5,transparent 30%),linear-gradient(120deg,#063f86,var(--primary),#0a9c84)}.hero h1{font-size:58px;line-height:.98;margin:12px 0}.hero em{color:#7df19a;font-style:normal}.hero p{max-width:650px;font-size:18px;line-height:1.6}.hero-art{font-size:80px;text-align:center}.btn,.outline{display:inline-block;border:0;border-radius:14px;padding:13px 22px;font-weight:800;cursor:pointer}.btn{background:var(--accent);color:#fff}.outline{border:1px solid #c8d8ea;color:var(--primary);margin-top:10px}.features{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:22px 4vw;background:#fff}.features div{text-align:center;padding:15px;border-right:1px solid #edf2f7}.features b{display:block;margin-top:7px;font-size:12px}main{max-width:1280px;margin:auto;padding:28px 4vw 60px}.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.cat{background:#fff;border-radius:18px;text-align:center;padding:18px 8px;box-shadow:0 8px 30px #0c55900d}.cat span{font-size:36px;display:block}.products{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.product{background:#fff;border-radius:18px;padding:12px;box-shadow:0 10px 30px #0a4f8b12}.pic,.bigpic{background:linear-gradient(145deg,#f1f8ff,#fff);display:grid;place-items:center;border-radius:15px}.pic{height:145px;font-size:70px}.bigpic{height:420px;font-size:170px}.product h3{font-size:14px;min-height:34px}.price{font-size:22px;font-weight:900;color:var(--primary);margin:8px 0}.detail{display:grid;grid-template-columns:1fr 1fr;gap:40px}.panel,.notice,.rowcard{background:#fff;border-radius:16px;padding:18px;margin:12px 0}.notice{border-left:5px solid var(--accent)}.rowcard{display:flex;align-items:center;justify-content:space-between;gap:15px}.emoji{font-size:38px}.total{text-align:right;font-size:24px;font-weight:900;margin:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,select,textarea{width:100%;padding:12px;border:1px solid #d9e5f2;border-radius:10px;margin:7px 0;background:#fff}.narrow{max-width:520px}.error{background:#ffe4e6;color:#9f1239;padding:12px;border-radius:10px}.adminwrap{display:grid;grid-template-columns:230px 1fr;max-width:1500px;margin:auto}.adminnav{background:#071f43;color:#fff;min-height:calc(100vh - 84px);padding:24px;display:flex;flex-direction:column;gap:8px}.adminnav b{font-size:19px;margin-bottom:16px}.adminnav a{padding:11px;border-radius:10px}.adminnav a:hover{background:#ffffff18}.adminwrap main{width:100%;max-width:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.stats div{background:#fff;border-radius:18px;padding:22px}.stats strong{font-size:28px;display:block;color:var(--primary)}.stats span{color:var(--muted);text-transform:capitalize}table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf2f7}th{background:#eaf5ff}.themegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.themebox{background:#fff;border-radius:16px;padding:14px}.themebox div{height:80px;border-radius:12px;background:linear-gradient(120deg,var(--p),var(--a))}.themebox b,.themebox small{display:block;margin-top:8px}.check{display:inline-block;background:#edf6ff;border-radius:9px;padding:8px 12px;margin:4px}.check input{width:auto}footer{background:#061c3d;color:#dbeafe;padding:32px 4vw;display:flex;justify-content:space-between;gap:30px}
@media(max-width:900px){.brand span{display:none}.hero{grid-template-columns:1fr}.hero h1{font-size:40px}.hero-art{font-size:50px}.features{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(4,1fr)}.detail,.grid2{grid-template-columns:1fr}.adminwrap{grid-template-columns:1fr}.adminnav{min-height:auto;flex-direction:row;overflow:auto}.stats{grid-template-columns:repeat(2,1fr)}.themegrid{grid-template-columns:1fr 1fr}footer{flex-direction:column}}