:root{--bg:#f7f4ef;--paper:#fff;--ink:#211e1a;--muted:#786f63;--line:#e7dfd4;--gold:#b58c53;--dark:#26231f;--soft:#f0e8dc;--green:#2f6f4e;--red:#9f3f3f;--shadow:0 16px 50px rgba(38,35,31,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.w{max-width:1240px;margin:auto;padding:0 20px}.notice{background:var(--dark);color:#fff;text-align:center;font-size:12px;padding:9px 14px}.header{position:sticky;top:0;z-index:25;background:rgba(247,244,239,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.head{height:76px;display:flex;align-items:center;gap:14px}.logo{width:50px;height:50px;border:1px solid #d8c6ac;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--gold);font:700 23px Georgia}.brand strong{display:block;font:600 18px Georgia;letter-spacing:.05em}.brand span{font-size:9px;color:var(--muted);letter-spacing:.12em}.headActions{margin-left:auto;display:flex;align-items:center;gap:8px}.chip,.outline{border:1px solid var(--gold);border-radius:999px;padding:9px 13px;background:transparent;color:var(--ink);text-decoration:none;font-size:12px;cursor:pointer}.hero{padding:38px 0 25px}.heroBox{background:linear-gradient(135deg,#fff,#efe6d9);border:1px solid var(--line);border-radius:26px;padding:32px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--gold)}h1{font:500 clamp(38px,6vw,68px)/1 Georgia;margin:10px 0 14px}.hero p{color:var(--muted);max-width:750px;line-height:1.6;margin:0}.tools{display:grid;grid-template-columns:1fr 220px;gap:10px;margin:22px 0 12px}.input,.select,.textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);outline:none}.textarea{min-height:84px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(181,140,83,.12)}.bar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 16px}.bar span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:55px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.pic{aspect-ratio:1/1;background:#f0ece6;overflow:hidden;display:grid;place-items:center}.pic img{width:100%;height:100%;object-fit:cover}.ph{color:#baa98f;font:700 23px Georgia}.info{padding:13px}.bn{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700}.model{font:500 16px Georgia;margin:5px 0}.color{font-size:11px;color:var(--muted);min-height:27px}.price{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.normal{font-size:13px;font-weight:700}.pix{font-size:14px;color:var(--green);font-weight:800;margin-top:3px}.pix small{font-size:10px;font-weight:600}.btn{border:0;border-radius:999px;background:var(--dark);color:#fff;padding:11px 16px;font-size:11px;font-weight:700;cursor:pointer}.btn.gold{background:var(--gold)}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:var(--red)}.btn.wide{width:100%}.modal{display:none;position:fixed;inset:0;background:#0009;z-index:60;align-items:center;justify-content:center;padding:14px}.modal.open{display:flex}.modalBox{width:min(920px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;position:relative}.modalClose{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;box-shadow:0 3px 14px #0002;font-size:22px;z-index:3}.productImg{min-height:520px;background:#f1eee9;display:grid;place-items:center}.productImg img{width:100%;height:100%;object-fit:cover}.side{padding:32px 28px}.side h2{font:500 31px Georgia;margin:7px 0}.desc{font-size:12px;color:var(--muted)}.modalPrice{margin:18px 0;padding:15px;border-radius:14px;background:var(--soft)}.label{font-size:10px;font-weight:700;margin:20px 0 8px}.sizes{display:flex;gap:7px;flex-wrap:wrap}.size{min-width:44px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px}.size.active{background:var(--dark);color:#fff}.stock{margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:12px;font-size:11px;color:var(--muted)}.field{margin-top:10px}.field label{display:block;font-size:10px;font-weight:700;margin-bottom:5px}.hidden{display:none!important}.loading,.empty{text-align:center;padding:55px 15px;color:var(--muted);grid-column:1/-1}.foot{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);font-size:11px}
/* admin */
.adminBody{background:#f3efe9}.adminShell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:var(--dark);color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh}.sideBrand{display:flex;align-items:center;gap:10px;padding:4px 6px 24px}.sideBrand .logo{background:#302c27;color:#d8b77f}.sideBrand strong{font:600 18px Georgia}.nav{display:grid;gap:7px}.nav button{width:100%;text-align:left;padding:12px;border-radius:12px;border:0;background:transparent;color:#d9d2c8;cursor:pointer}.nav button.active,.nav button:hover{background:#ffffff12;color:#fff}.sidebarFoot{position:absolute;bottom:18px;left:16px;right:16px;font-size:11px;color:#aaa096}.adminMain{padding:25px}.adminTop{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.adminTop h1{font-size:31px;margin:0}.who{font-size:12px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 32px #00000008}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stat b{display:block;font:500 28px Georgia;margin-top:7px}.tableWrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#fbfaf8}.thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#eee}.tag{display:inline-block;padding:5px 8px;border-radius:999px;background:var(--soft);font-size:10px}.tag.green{background:#e8f3ed;color:#276347}.tag.red{background:#f6e8e8;color:#8f3838}.tag.dark{background:#e9e7e4;color:#302d29}.adminActions{display:flex;gap:6px;flex-wrap:wrap}.smallBtn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 9px;font-size:10px;cursor:pointer}.smallBtn.primary{background:var(--dark);color:#fff;border-color:var(--dark)}.smallBtn.danger{color:var(--red)}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sectionHead h2{font:500 23px Georgia;margin:0}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.formGrid .full{grid-column:1/-1}.checkRow{display:flex;align-items:center;gap:8px;font-size:12px}.inventoryGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.inventoryCell{border:1px solid var(--line);border-radius:10px;padding:8px;background:#faf8f5}.inventoryCell label{font-size:10px;color:var(--muted);display:block;margin-bottom:4px}.inventoryCell input{width:100%;border:0;background:transparent;font-weight:700;outline:none}.dialogActions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.loginPage{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top right,#efe0ca,transparent 40%),var(--bg)}.loginCard{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.loginCard h1{font-size:34px}.loginCard p{color:var(--muted);font-size:12px;line-height:1.5}.error{padding:10px 12px;border-radius:10px;background:#f8e9e9;color:#8b3434;font-size:11px;margin-top:10px}.successBox{padding:10px 12px;border-radius:10px;background:#e8f3ed;color:#276347;font-size:11px;margin-top:10px}.mobileMenu{display:none}.adminOverlay{display:none}
@media(max-width:960px){.grid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.adminShell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;z-index:70;width:245px;transition:.2s}.sidebar.open{left:0}.adminOverlay.open{display:block;position:fixed;inset:0;background:#0008;z-index:65}.mobileMenu{display:inline-flex}.adminMain{padding:16px}.modalBox{grid-template-columns:1fr}.productImg{min-height:350px}}
@media(max-width:650px){.w{padding:0 12px}.tools{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr);gap:9px}.heroBox{padding:23px}.model{font-size:14px}.info{padding:10px}.side{padding:26px 18px}.productImg{min-height:300px}.formGrid{grid-template-columns:1fr}.inventoryGrid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:1fr 1fr}.adminTop h1{font-size:25px}.sectionHead{align-items:flex-start;flex-direction:column}.headActions .chip{display:none}}
@media(max-width:370px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.inventoryGrid{grid-template-columns:repeat(2,1fr)}}
