:root{--navy:#3c4154;--border:#565656;--placeholder:#b3b3b3;--image-bg:#e7edff;--page-bg:#f5f6f8;--topbar-bg:#e9eaee;color:#1c1f2a;font-family:Montserrat,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page-bg);min-height:100vh}.wordmark{letter-spacing:.18em;color:var(--navy);font-size:28px;font-weight:800}.wordmark-sm{font-size:20px}.field-label{color:#3a3f4c;margin:14px 0 6px;font-size:13px;font-weight:600;display:block}.field-label.mt{margin-top:14px}.text-input{border:1.5px solid var(--border);color:#1c1f2a;background:#fff;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px}.text-input::placeholder{color:var(--placeholder)}.text-input:focus{border-color:var(--navy)}select.text-input:disabled{color:#7b8090;cursor:not-allowed;background:#f0f1f4}.btn{cursor:pointer;border:1.5px solid #0000;border-radius:10px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .15s}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--navy);color:#fff}.btn-outline{color:var(--navy);border-color:var(--navy);background:#fff}.btn-block{width:100%;margin-top:20px}.error-line{color:#d13b3b;margin-top:6px;font-size:13px}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{text-align:left;background:#fff;border-radius:16px;width:100%;max-width:380px;padding:36px 32px 40px;box-shadow:0 10px 40px #1418281a}.login-card .wordmark{text-align:center;margin-bottom:8px}.login-title{text-align:center;color:#3a3f4c;margin:0 0 20px;font-size:18px;font-weight:600}.admin-shell{min-height:100vh}.topbar{background:var(--topbar-bg);border-bottom:1px solid #dcdee4;align-items:center;padding:16px 32px;display:flex}.page{max-width:1080px;margin:0 auto;padding:28px 24px 60px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-title{color:#1c1f2a;margin:0;font-size:24px;font-weight:700}.header-actions{gap:12px;display:flex}.toast{border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.toast-success{color:#1c7a3f;background:#e6f6ec;border:1px solid #b7e3c6}.toast-error{color:#b12b2b;background:#fdecec;border:1px solid #f3c2c2}.toast-action{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:600}.form-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:24px;display:grid}.col{flex-direction:column;gap:20px;display:flex}.panel{background:#fff;border:1.5px solid #d9dbe1;border-radius:14px;padding:18px}.panel-title{color:#2a2e3a;margin:0 0 14px;font-size:15px;font-weight:700}.panel-images{background:var(--image-bg);border-color:#d3ddff}.thumb-row{flex-wrap:wrap;gap:12px;display:flex}.thumb{background:#fff;border:1px solid #cdd7f5;border-radius:10px;width:84px;height:84px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-remove{color:#fff;cursor:pointer;background:#141828b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:flex;position:absolute;top:3px;right:3px}.add-image{border:1.5px dashed var(--navy);width:84px;height:84px;color:var(--navy);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.add-image-icon{font-size:16px}.size-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.size-btn{border:1.5px solid var(--border);color:#2a2e3a;cursor:pointer;background:#fff;border-radius:10px;padding:12px 0;font-family:inherit;font-size:14px;font-weight:600}.size-btn.selected{background:var(--navy);color:#fff;border-color:var(--navy)}.color-row{align-items:center;gap:14px;display:flex}.color-input{flex:1}.color-swatch{border:1.5px solid #cbd0da;border-radius:50%;flex:none;width:40px;height:40px}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.toggle-row{color:#3a3f4c;cursor:pointer;align-items:center;gap:10px;margin-top:20px;font-size:14px;font-weight:600;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--navy);cursor:pointer}@media (width<=860px){.form-grid{grid-template-columns:1fr}}@media (width<=480px){.two-col{grid-template-columns:1fr}.size-grid{grid-template-columns:repeat(3,1fr)}}