.product-form{display:flex;flex-direction:column;gap:18px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.form-grid label{display:flex;flex-direction:column;gap:7px;color:#5e5954;font-size:11px;font-weight:700}
.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);background:#fff;padding:11px;color:#111}
.form-grid .wide,.form-grid fieldset.wide{grid-column:1/-1}
.form-grid fieldset{border:1px solid var(--line);padding:15px}
.check-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}
.check-grid label{display:block}
.save-product{align-self:flex-end;border:0;background:var(--pink);color:#fff;padding:15px 24px;font-weight:800}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}.form-grid .wide,.form-grid fieldset.wide{grid-column:1}.check-grid{grid-template-columns:repeat(4,1fr)}}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#282025,#090909 55%);padding:25px}
.login-card{width:min(440px,100%);background:#fff;padding:38px;box-shadow:0 30px 80px #0008}
.login-brand{background:#080808;color:#fff;margin:-38px -38px 30px;padding:25px 38px;border:0}
.login-card h1{font:italic 34px Georgia;margin:0 0 8px}.login-card>p{color:#777;font-size:12px;line-height:1.5;margin-bottom:24px}
.login-card form{display:flex;flex-direction:column;gap:16px}.login-card form label{display:flex;flex-direction:column;gap:7px;color:#555;font-size:11px;font-weight:700}
.login-card form input{padding:12px;border:1px solid #ddd}.login-card form button{border:0;background:var(--pink);color:#fff;padding:13px;font-weight:800}
.login-card>a{display:block;margin-top:22px;color:#777;font-size:11px}.login-card.setup{width:min(520px,100%)}
.header-tools{display:flex;align-items:center;gap:10px}.header-tools form{margin:0}.logout-button{border:1px solid #ccc;background:#fff;padding:12px 15px;font-size:11px}
.two-panels{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.form-grid.one{grid-template-columns:1fr}.small-action{border:1px solid #ccc;background:#fff;padding:6px 8px;font-size:10px}
@media(max-width:1000px){.two-panels{grid-template-columns:1fr}}
.inline-check{flex-direction:row!important;align-items:center}.variants-panel{margin:22px 0}.variant-list{display:grid;gap:16px}.variant-card{border:1px solid var(--line);padding:18px}.variant-heading{display:flex;align-items:center;gap:14px}.variant-heading>form{margin-left:auto}.variant-heading h3{margin:0 0 5px}.variant-heading small{color:#777}.color-pair{display:flex}.color-pair i{width:30px;height:30px;border:1px solid #bbb;border-radius:50%}.color-pair i+i{margin-left:-8px}.image-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}.image-grid figure{margin:0;position:relative;height:120px;background:#eee}.image-grid img{width:100%;height:100%;object-fit:cover}.image-grid form{position:absolute;right:5px;bottom:5px}.image-grid button{border:0;background:#111;color:#fff;padding:5px 7px;font-size:9px}.upload-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.upload-row input{border:1px solid var(--line);padding:9px}.upload-row button{border:0;background:#111;color:#fff;padding:0 15px;font-weight:700}
@media(max-width:700px){.image-grid{grid-template-columns:repeat(2,1fr)}.upload-row{grid-template-columns:1fr}.upload-row button{padding:12px}}
.catalog-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.catalog-add{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:20px}.catalog-add input,.catalog-add select,.catalog-edit input,.catalog-edit select{border:1px solid var(--line);padding:9px;min-width:0}.catalog-add button{border:0;background:var(--pink);color:#fff;padding:0 14px;font-weight:800}.catalog-list{display:grid;gap:10px}.catalog-list article{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:10px}.catalog-edit{flex:1;display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center}.catalog-edit small{grid-column:1/3;color:#888}.brand-thumb{width:48px;height:48px;flex:0 0 48px;background:#f2efec;display:grid;place-items:center}.brand-thumb img{width:100%;height:100%;object-fit:contain}.brand-thumb b{font:24px Georgia;color:var(--pink)}
@media(max-width:1100px){.catalog-columns{grid-template-columns:1fr}}@media(max-width:700px){.catalog-add,.catalog-edit{grid-template-columns:1fr}.catalog-edit small{grid-column:1}.catalog-list article{align-items:flex-start}}