:root{--red:#c80012;--ink:#0c0c0d;--paper:#f2f1ee;--line:#d9d9dc;--display:"Barlow Condensed",Impact,sans-serif;--sans:"Inter",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#ececee;color:var(--ink);font-family:var(--sans)}button,input,textarea,select{font:inherit}button{cursor:pointer}.login{min-height:100vh;background:#0b0b0c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.login img{width:280px}.login>span,.heading span{color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-top:28px}.login h1,.heading h1{font:900 clamp(3.5rem,7vw,6rem)/.9 var(--display);margin:10px 0}.login p{color:#aaa}.login form{display:flex;gap:8px;margin:15px}.login input{min-width:280px;padding:13px}.login button,.new,.save{border:0;background:var(--red);color:#fff;padding:13px 22px;font-weight:800;text-transform:uppercase;font-size:.75rem;letter-spacing:.06em}.login a{color:#aaa;font-size:.8rem;margin-top:20px}.status{font-size:.78rem;font-weight:700}.status.error{color:#d90016}.status.success{color:#0d8b40}header{height:78px;background:#0b0b0c;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#fff;position:sticky;top:0;z-index:20}header img{width:210px}header nav{display:flex;gap:6px}header button{border:1px solid #333;background:#171719;color:#fff;padding:9px 14px;font-size:.72rem;font-weight:800;text-transform:uppercase}header button.active,header button:hover{background:var(--red);border-color:var(--red)}.content{width:min(1240px,calc(100% - 40px));margin:auto;padding:60px 0}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.heading span{display:block;margin:0}.heading h1{font-size:4.5rem}.workspace{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:start}.product-list{display:grid;gap:8px}.product-card{background:#fff;display:grid;grid-template-columns:78px 1fr auto auto;gap:12px;align-items:center;padding:10px;border-left:4px solid transparent}.product-card.inactive{opacity:.55}.product-card:hover{border-color:var(--red)}.product-card img,.placeholder{width:78px;height:78px;object-fit:cover;background:#ddd}.product-card strong{display:block}.product-card small{color:#777}.product-card button{border:0;background:#eee;width:34px;height:34px}.product-card button:hover{background:var(--red);color:#fff}.product-form{background:#fff;padding:30px;display:grid;gap:16px;position:sticky;top:98px}.product-form h2{font:800 2rem var(--display);margin:0}.product-form label{display:grid;gap:6px;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.product-form input,.product-form textarea,.product-form select{border:1px solid var(--line);padding:11px;background:#fff;outline:none;text-transform:none}.product-form input:focus,.product-form textarea:focus,.product-form select:focus{border-color:var(--red)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks{display:flex;gap:25px}.checks label{display:flex;align-items:center;grid-template-columns:auto 1fr}.upload{border:1px dashed #999;padding:18px;text-align:center;cursor:pointer}.upload input{display:none}.image-list{display:flex;flex-wrap:wrap;gap:7px}.image-list button{position:relative;border:0;padding:0;width:70px;height:70px}.image-list img{width:100%;height:100%;object-fit:cover}.image-list span{position:absolute;right:2px;top:2px;background:#000;color:#fff;width:19px;height:19px;border-radius:50%}.orders{display:grid;gap:12px}.order{background:#fff;padding:22px;display:grid;grid-template-columns:1fr auto;gap:10px;border-left:5px solid var(--red)}.order h2{font:800 1.7rem var(--display);margin:0}.order p,.order li{font-size:.82rem;color:#555}.order .total{font:800 1.5rem var(--display)}.empty{background:#fff;padding:60px;text-align:center;color:#777}@media(max-width:850px){.workspace{grid-template-columns:1fr}.product-form{position:static}.heading h1{font-size:3.5rem}}@media(max-width:600px){header{height:auto;padding:15px;display:grid;gap:12px}header img{width:170px}header nav{width:100%}header nav button{flex:1}.content{width:calc(100% - 24px);padding:35px 0}.heading{display:block}.heading .new{margin-top:15px}.row{grid-template-columns:1fr}.product-form{padding:20px}.product-card{grid-template-columns:60px 1fr auto}.product-card img,.placeholder{width:60px;height:60px}.product-card .delete{display:none}.order{grid-template-columns:1fr}}
