:root{--navy:#061a3a;--blue:#0b3f7a;--red:#e10613;--paper:#f2f5f9;--line:#d7dee8}*{box-sizing:border-box}body{background:var(--paper);color:#10213a;margin:0;font-family:Arial,Helvetica,sans-serif}.admin-loading{place-items:center;min-height:100vh;display:grid}.admin-login{background-color:#04152f;background-image:linear-gradient(30deg,#2f629e3d 12%,#0000 12.5% 87%,#2f629e3d 87.5%),linear-gradient(150deg,#2f629e3d 12%,#0000 12.5% 87%,#2f629e3d 87.5%);background-size:86px 150px;place-items:center;min-height:100vh;padding:20px;display:grid}.admin-login form{width:min(440px,100%);box-shadow:12px 12px 0 var(--red);background:#fff;flex-direction:column;gap:16px;padding:34px;display:flex}.admin-login img{object-fit:contain;height:120px}.admin-login h1{text-align:center;margin:0}.admin-login p{text-align:center;color:#687386;margin:0 0 10px}.admin-login label,.modal-card label{flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.admin-login input,.modal-card input,.modal-card select,.password-card input{background:#fff;border:1px solid #bbc6d4;padding:13px}.admin-login button,.save,.password-card button{color:#fff;cursor:pointer;background:linear-gradient(#ff2735,#bd000c);border:0;padding:15px;font-weight:900}.admin-login a{text-align:center;color:var(--blue);font-weight:700}.admin-shell>header{background:var(--navy);border-bottom:4px solid var(--red);color:#fff;justify-content:space-between;align-items:center;height:88px;padding:0 clamp(18px,5vw,70px);display:flex}.admin-shell>header>div{align-items:center;gap:13px;display:flex}.admin-shell>header img{object-fit:contain;width:105px;height:72px}.admin-shell header strong,.admin-shell header small{display:block}.admin-shell header small{color:#b8c5d7;margin-top:4px}.admin-shell header nav{gap:10px;display:flex}.admin-shell header a,.admin-shell header button{color:#fff;background:0 0;border:1px solid #7690b0;padding:10px 14px;font-weight:800}.admin-summary{grid-template-columns:140px 140px 1fr 1fr;gap:12px;padding:28px clamp(18px,5vw,70px);display:grid}.admin-summary>div,.admin-summary>button{border:1px solid var(--line);background:#fff;padding:18px}.admin-summary b,.admin-summary span{display:block}.admin-summary b{font-size:28px}.admin-summary span{color:#6b7685;font-size:12px}.admin-summary button{background:var(--red);color:#fff;cursor:pointer;font-weight:900}.admin-summary button.secondary{background:var(--blue)}.admin-message{color:#14753f;background:#e7f7ed;border-left:4px solid #1c9a57;margin:0 clamp(18px,5vw,70px) 16px;padding:12px 16px}.admin-message.error{color:#a40009;border-color:var(--red);background:#ffe9ea;margin:0}.admin-content,.password-card{border:1px solid var(--line);background:#fff;margin:0 clamp(18px,5vw,70px) 28px;padding:24px}.admin-title span{color:var(--red);letter-spacing:.15em;font-size:10px;font-weight:900}.admin-title h1,.admin-title h2{margin:5px 0 20px}.admin-table article{border-top:1px solid var(--line);grid-template-columns:74px minmax(230px,1fr) 80px 90px 160px;align-items:center;gap:16px;padding:12px 0;display:grid}.thumb{background:#e3e9f0;place-items:center;width:70px;height:64px;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb span{color:var(--blue);font-weight:900}.product-main>*{display:block}.product-main>b{color:var(--red);font-size:10px}.product-main strong{margin:4px 0}.product-main small{color:#6b7685}.stock{text-align:center}.stock b,.stock small{display:block}.visible,.hidden{text-transform:uppercase;text-align:center;padding:8px;font-size:10px;font-weight:900}.visible{color:#08723b;background:#e2f5e9}.hidden{color:#6a7481;background:#edf0f4}.actions{gap:7px;display:flex}.actions button,.category-admin-grid button{cursor:pointer;background:#fff;border:1px solid #aeb9c7;padding:8px}.danger{color:#b1000a!important;border-color:#efb7ba!important}.category-admin-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.category-admin-grid article{border:1px solid var(--line);grid-template-columns:58px 1fr auto auto;align-items:center;gap:10px;padding:10px;display:grid;position:relative}.category-admin-grid img,.category-admin-grid article>span{object-fit:contain;background:#e7ecf2;place-items:center;width:58px;height:52px;font-weight:900;display:grid}.category-admin-grid b,.category-admin-grid strong{display:block}.category-admin-grid b{color:var(--red);font-size:10px}.password-card form{gap:10px;display:flex}.password-card input{flex:1}.modal{z-index:20;background:#020c1cc7;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.modal-card{width:min(700px,100%);max-height:95vh;box-shadow:10px 10px 0 var(--red);background:#fff;flex-direction:column;gap:15px;padding:24px;display:flex;overflow:auto}.modal-card.small{width:min(480px,100%)}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0}.modal-head button{cursor:pointer;background:0 0;border:0;font-size:30px}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check{align-items:center;flex-direction:row!important}.check input{width:20px;height:20px}.save{width:100%}.cancel{width:100%;color:var(--blue);cursor:pointer;background:#fff;border:1px solid #9dacbf;padding:14px;font-weight:900}@media (width<=800px){.admin-summary{grid-template-columns:1fr 1fr}.admin-table article{grid-template-columns:64px 1fr 60px}.admin-table article>.visible,.admin-table article>.hidden{display:none}.actions{grid-column:2/-1}.category-admin-grid{grid-template-columns:1fr}.password-card form{flex-direction:column}}@media (width<=520px){.admin-shell>header{height:auto;padding:10px 15px}.admin-shell header strong{font-size:13px}.admin-shell header small{display:none}.admin-shell>header img{width:76px;height:58px}.admin-shell header a{display:none}.admin-summary{padding:18px}.admin-content,.password-card{margin:0 18px 20px;padding:16px}.two{grid-template-columns:1fr}.admin-table article{gap:9px}.product-main strong{font-size:14px}.category-admin-grid article{grid-template-columns:52px 1fr auto auto}}.field-help{color:#687386;font-weight:400}.edit-gallery{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.edit-gallery div{border:1px solid var(--line);background:#edf1f5;position:relative}.edit-gallery img{object-fit:cover;width:100%;height:90px}.edit-gallery button{color:#a60009;cursor:pointer;background:#fff0f1;border:0;width:100%;padding:7px;font-size:11px;font-weight:800}@media (width<=520px){.edit-gallery{grid-template-columns:repeat(2,1fr)}}.modal-card textarea{resize:vertical;background:#fff;border:1px solid #bbc6d4;width:100%;padding:13px;font-family:Arial,Helvetica,sans-serif}
