*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fa;color:#172033}a{color:#1457c2;text-decoration:none}button,.button,input,select,textarea{font:inherit}.admin-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:#111827;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:20px}.brand{font-size:20px;font-weight:700}.brand small{font-size:12px;font-weight:400;opacity:.7}.sidebar nav{display:grid;gap:6px}.sidebar a{color:#e5e7eb;padding:10px 12px;border-radius:8px}.sidebar a:hover{background:#1f2937}.logout{margin-top:auto}.logout button{width:100%}.admin-main{padding:24px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-head h1{margin:0}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;margin-bottom:18px}.two-col{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid label{display:grid;gap:7px;font-weight:600;font-size:14px}.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select,.inline-edit input,.inline-edit select,.inline-edit textarea{padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.wide{grid-column:1/-1}.check{display:flex!important;align-items:center;grid-auto-flow:column;justify-content:start}.check input{width:auto}.primary{background:#1457c2!important;color:#fff!important;border-color:#1457c2!important}.danger,.link-danger{color:#b42318}.button,button{display:inline-block;padding:9px 13px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;cursor:pointer}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.toolbar form{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:11px;border-bottom:1px solid #e5e7eb;vertical-align:top}th{font-size:12px;text-transform:uppercase;color:#64748b}.thumb{width:48px;height:48px;object-fit:contain;border:1px solid #e5e7eb;border-radius:6px}.preview{display:block;margin-top:8px;width:150px;height:150px;object-fit:contain;border:1px solid #e5e7eb}.notice{padding:12px;border-radius:8px;margin-bottom:15px}.notice.success{background:#ecfdf3;color:#067647}.notice.error,.alert{background:#fef3f2;color:#b42318;padding:10px;border-radius:8px}.badge{background:#eef2ff;padding:4px 7px;border-radius:999px;font-size:12px}.inline{display:inline}.link-danger{background:none;border:0;padding:0}.inline-edit{display:grid;gap:7px;margin:10px 0}.mode-note{padding:12px;background:#eff6ff;border-radius:8px;margin-bottom:18px;display:flex;gap:10px;flex-wrap:wrap}.mode-note span{color:#475569}.auth-card{max-width:420px;margin:10vh auto;background:#fff;padding:30px;border-radius:12px;border:1px solid #e5e7eb}.auth-card form{display:grid;gap:15px}.auth-card label{display:grid;gap:6px}.auth-card input{padding:11px;border:1px solid #cbd5e1;border-radius:8px}.container{max-width:1100px;margin:30px auto;padding:0 16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#fff;padding:20px;border-radius:12px}.card strong{font-size:28px;display:block}.topbar{display:flex;justify-content:space-between}@media(max-width:850px){.admin-shell{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.two-col,.form-grid{grid-template-columns:1fr}.wide{grid-column:1}.admin-main{padding:16px}.toolbar{align-items:stretch;flex-direction:column}.grid{grid-template-columns:1fr}}

.subpanel,.variant-card,.advanced-box{border:1px solid #e5e7eb;border-radius:10px;padding:14px;margin:12px 0;background:#fff}.row-between,.price-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #cbd5e1;border-radius:999px;padding:5px 9px;background:#f8fafc}.chip-x{border:0;background:transparent;padding:0 2px}.mini-form,.inventory-edit{display:flex;gap:7px;flex-wrap:wrap}.mini-form input,.inventory-edit input{padding:7px;border:1px solid #cbd5e1;border-radius:7px;max-width:170px}.muted{color:#64748b;font-size:13px}.spaced{margin-top:14px}.variant-card summary{cursor:pointer}.attribute-picker fieldset{border:1px solid #e5e7eb;border-radius:8px;margin-top:10px}.attribute-picker legend{padding:0 6px}.price-row{padding:10px 0;border-bottom:1px solid #e5e7eb}.advanced-box summary{cursor:pointer;font-weight:700}.advanced-box[open] summary{margin-bottom:12px}
.public-wrap{max-width:1180px;margin:0 auto;padding:24px}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:20px}.product-img{width:100%;height:180px;object-fit:contain;background:#fff}.product-img.detail{max-width:420px;height:auto}.form-grid{display:grid;gap:14px;max-width:700px}.form-grid label{display:grid;gap:6px}.form-grid input,.form-grid textarea,.form-grid select,form input,form select,form textarea{padding:9px;border:1px solid #bbb;border-radius:5px}.button-link{display:inline-block;padding:9px 14px;border:1px solid #888;border-radius:5px;text-decoration:none}table{width:100%;border-collapse:collapse;margin:15px 0}th,td{padding:9px;border-bottom:1px solid #ddd;text-align:left}form{margin:8px 0}@media(max-width:700px){.public-wrap{padding:14px}table{display:block;overflow:auto}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site-header{border-bottom:1px solid #ddd;padding:14px 0}.site-header .container{display:flex;gap:20px;justify-content:space-between;align-items:center}.site-header nav{display:flex;gap:14px;flex-wrap:wrap}.hero,.cta{padding:56px 0;background:#f3f4f6}.section{padding:32px 0}.grid.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.grid.cards .card{display:block;text-decoration:none}.button{display:inline-block;padding:10px 15px;border:1px solid #333;border-radius:6px;text-decoration:none}.site-footer{padding:28px 0;border-top:1px solid #ddd;margin-top:30px}.traditional-catalogue .hero{padding:28px 0}.traditional-catalogue .grid.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media(max-width:720px){.site-header .container{align-items:flex-start;flex-direction:column}.hero,.cta{padding:32px 0}}

/* Release-candidate responsive hardening */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.auth-wrap{max-width:520px;margin:48px auto;padding:16px}.btn.small{padding:.35rem .55rem}.admin-main{min-width:0}
@media(max-width:900px){.admin-shell{display:block}.sidebar{position:relative;width:auto;min-height:auto}.sidebar nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px}.sidebar nav a{white-space:nowrap}.admin-main{padding:14px}.form-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}.toolbar,.page-head{align-items:flex-start;gap:10px}.card{padding:14px}input,select,textarea,button{max-width:100%}}