@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Cormorant+SC:wght@400;600&family=DM+Sans:wght@400;500&display=swap";:root{--cream: #FAF7F0;--linen: #F5F0E8;--linen-dark: #EDE8DC;--border: #D9CEBD;--border-light: #E8E2D5;--brown-dark: #2E2824;--brown-ink: #1C1714;--brown-mid: #4A4440;--brown-light: #7A726A;--orange: #C4622D;--orange-hover: #A8521F;--orange-light: #F0C9A8;--orange-subtle: #FBF0E8;--green: #3D7A5A;--green-subtle: #EBF5EF;--red: #B03030;--red-subtle: #FBF0EF;--font-serif: "Cormorant Garamond", serif;--font-serif-sc: "Cormorant SC", serif;--font-sans: "DM Sans", sans-serif;--radius: 3px;--radius-md: 6px;--sidebar-w: 240px;--header-h: 64px;--shadow-sm: 0 1px 3px rgba(28, 23, 20, .08);--shadow-md: 0 4px 16px rgba(28, 23, 20, .1);--shadow-lg: 0 12px 40px rgba(28, 23, 20, .14);--transition: .18s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--cream);color:var(--brown-dark);font-family:var(--font-sans);font-size:.9375rem;line-height:1.6}h1,h2,h3,h4{margin:0;line-height:1.2}p{margin:0}button{font-family:var(--font-sans);cursor:pointer}input,select,textarea{font-family:var(--font-sans);font-size:.9375rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cream)}.boot-screen__inner{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.boot-screen__label{font-family:var(--font-serif-sc);font-size:.875rem;letter-spacing:.12em;color:var(--brown-light);text-transform:uppercase}.boot-screen__error{color:var(--red);font-size:.9375rem;max-width:340px}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner--lg{width:36px;height:36px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{display:inline-block;width:14px;height:14px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;opacity:.7;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:500;letter-spacing:.02em;border-radius:var(--radius);border:1px solid transparent;text-decoration:none;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn--primary{background:var(--orange);color:#fff;border-color:var(--orange)}.btn--primary:hover:not(:disabled){background:var(--orange-hover);border-color:var(--orange-hover);transform:translateY(-1px);box-shadow:0 4px 12px #c4622d47}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn--secondary{background:var(--linen);color:var(--brown-mid);border-color:var(--border)}.btn--secondary:hover:not(:disabled){background:var(--linen-dark);border-color:var(--border);color:var(--brown-dark)}.btn--outline{background:transparent;color:var(--brown-mid);border-color:var(--border)}.btn--outline:hover:not(:disabled){background:var(--linen);color:var(--brown-dark);border-color:var(--brown-light)}.btn--ghost{background:transparent;color:var(--brown-light);border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--linen);color:var(--brown-dark)}.btn--danger{background:var(--red);color:#fff;border-color:var(--red)}.btn--danger:hover:not(:disabled){background:#951f1f;border-color:#951f1f;transform:translateY(-1px)}.btn--full{width:100%;justify-content:center}.btn--saved{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--brown-light);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.icon-btn--edit:hover{background:var(--linen);color:var(--brown-dark);border-color:var(--border-light)}.icon-btn--delete:hover{background:var(--red-subtle);color:var(--red);border-color:transparent}.field{display:flex;flex-direction:column;gap:.375rem}.field__label{font-size:.8125rem;font-weight:500;color:var(--brown-mid);letter-spacing:.02em}.field__required{color:var(--orange);margin-left:2px}.field__input,.field__select,.field__textarea{width:100%;padding:.625rem .875rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);color:var(--brown-dark);font-size:.9375rem;transition:border-color var(--transition),box-shadow var(--transition);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field__input::placeholder,.field__textarea::placeholder{color:var(--brown-light);opacity:.7}.field__input:focus,.field__select:focus,.field__textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #c4622d1f}.field__input--error,.field__input--error:focus{border-color:var(--red);box-shadow:0 0 0 3px #b030301a}.field__textarea{resize:vertical;min-height:100px;line-height:1.6}.field__error{font-size:.8125rem;color:var(--red);min-height:1.2em}.field__select-wrap{position:relative}.field__select-wrap .field__select{padding-right:2.25rem}.field__select-arrow{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--brown-light)}.field__prefix-wrap{position:relative}.field__prefix{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--brown-light);font-size:.9375rem;pointer-events:none}.field__input--prefixed{padding-left:1.75rem}.field__eye{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--brown-light);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:color var(--transition)}.field__eye:hover{color:var(--brown-dark)}.field__input-wrap{position:relative}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.toggle{display:inline-flex;align-items:center;gap:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle__input{position:absolute;opacity:0;width:0;height:0}.toggle__track{position:relative;display:inline-block;width:40px;height:22px;background:var(--border);border-radius:11px;transition:background var(--transition);flex-shrink:0}.toggle__track:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform var(--transition);box-shadow:var(--shadow-sm)}.toggle__input:checked+.toggle__track{background:var(--orange)}.toggle__input:checked+.toggle__track:after{transform:translate(18px)}.toggle__input:focus-visible+.toggle__track{outline:2px solid var(--orange);outline-offset:2px}.toggle--sm .toggle__track{width:34px;height:18px;border-radius:9px}.toggle--sm .toggle__track:after{width:12px;height:12px;top:3px;left:3px}.toggle--sm .toggle__input:checked+.toggle__track:after{transform:translate(16px)}.toggle__label-text{font-size:.875rem;color:var(--brown-mid)}.toggle-row{display:flex;align-items:center;padding-top:.5rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--cream);background-image:radial-gradient(ellipse at 20% 80%,rgba(196,98,45,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(196,98,45,.03) 0%,transparent 50%)}.login-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:2.5rem;box-shadow:var(--shadow-lg);position:relative;animation:cardIn .4s cubic-bezier(.22,1,.36,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card__corner{position:absolute;width:20px;height:20px}.login-card__corner--tl{top:14px;left:14px;border-top:1.5px solid var(--orange);border-left:1.5px solid var(--orange);opacity:.4}.login-card__corner--br{bottom:14px;right:14px;border-bottom:1.5px solid var(--orange);border-right:1.5px solid var(--orange);opacity:.4}.login-card__header{text-align:center;margin-bottom:2rem}.login-card__eyebrow{font-family:var(--font-serif-sc);font-size:.6875rem;letter-spacing:.2em;color:var(--orange);text-transform:uppercase;margin-bottom:.5rem}.login-card__wordmark{font-family:var(--font-serif);font-size:2.25rem;font-weight:600;color:var(--brown-dark);letter-spacing:-.02em;line-height:1;margin-bottom:.625rem}.login-card__subtitle{font-size:.875rem;color:var(--brown-light)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-card__footer{text-align:center;font-size:.8125rem;color:var(--brown-light);margin-top:2rem;opacity:.6}.admin-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);min-height:100vh;background:var(--brown-dark);display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:40;border-right:1px solid rgba(255,255,255,.05)}.sidebar__brand{padding:1.75rem 1.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar__eyebrow{font-family:var(--font-serif-sc);font-size:.625rem;letter-spacing:.22em;color:var(--orange);text-transform:uppercase;margin-bottom:.375rem}.sidebar__wordmark{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--cream);letter-spacing:-.01em}.sidebar__nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.sidebar__nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:#faf7f08c;text-decoration:none;transition:background var(--transition),color var(--transition)}.sidebar__nav-item:hover{background:#ffffff0f;color:var(--cream)}.sidebar__nav-item--active{background:#c4622d26;color:var(--orange-light)}.sidebar__nav-item--active:hover{background:#c4622d33}.sidebar__footer{padding:1rem .75rem 1.5rem;border-top:1px solid rgba(255,255,255,.06)}.sidebar__logout{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;width:100%;background:none;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:#faf7f073;cursor:pointer;transition:background var(--transition),color var(--transition);text-align:left}.sidebar__logout:hover{background:#ffffff0f;color:var(--cream)}.admin-main{flex:1;margin-left:var(--sidebar-w);min-height:100vh;background:var(--cream)}.admin-main__inner{max-width:1100px;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-header__title{font-family:var(--font-serif);font-size:1.875rem;font-weight:600;color:var(--brown-dark);letter-spacing:-.02em}.page-header__meta{font-size:.8125rem;color:var(--brown-light);margin-top:.25rem}.page-header__actions{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.filter-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-bar__search-wrap{position:relative;flex:1;min-width:200px;max-width:360px}.filter-bar__search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--brown-light);pointer-events:none}.filter-bar__search{width:100%;padding:.5rem .875rem .5rem 2.5rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;color:var(--brown-dark);outline:none;transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-bar__search::placeholder{color:var(--brown-light)}.filter-bar__search:focus{border-color:var(--orange);box-shadow:0 0 0 3px #c4622d1a}.filter-bar__filters{display:flex;gap:.5rem}.filter-bar__select{padding:.5rem 2rem .5rem .75rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%237A726A' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .6rem center;background-size:12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;font-family:var(--font-sans);color:var(--brown-mid);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--transition),box-shadow var(--transition)}.filter-bar__select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #c4622d1a}.table-wrap{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.catalog-table{width:100%;border-collapse:collapse;font-size:.9rem}.catalog-table thead{background:var(--linen);border-bottom:1px solid var(--border)}.catalog-table th{padding:.75rem 1rem;font-size:.75rem;font-weight:500;letter-spacing:.06em;color:var(--brown-light);text-transform:uppercase;text-align:left;white-space:nowrap}.catalog-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-light);vertical-align:middle}.catalog-row:last-child td{border-bottom:none}.catalog-row:hover{background:var(--cream)}.col-image{width:56px}.col-name{min-width:180px}.col-category{white-space:nowrap}.col-price{white-space:nowrap;font-variant-numeric:tabular-nums}.col-avail{width:80px}.col-actions{width:88px}.row-thumb{width:44px;height:44px;border-radius:var(--radius);object-fit:cover;display:block;border:1px solid var(--border-light)}.row-thumb--empty{display:flex;align-items:center;justify-content:center;background:var(--linen);color:var(--border)}.row-name{display:block;font-weight:500;color:var(--brown-dark);line-height:1.3}.row-tag{display:block;font-size:.78rem;color:var(--brown-light);margin-top:1px}.badge{display:inline-flex;padding:.25rem .625rem;border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.02em;white-space:nowrap}.badge--guitars{background:#f5efe8;color:#7a4a2a}.badge--keyboards{background:#ebf0f7;color:#2a4a7a}.badge--drums{background:#f7f0eb;color:#7a5a2a}.badge--brass{background:#f5f2e8;color:#6a6a2a}.badge--strings{background:#ebf5ef;color:#2a6a4a}.badge--electronics{background:#eef0f7;color:#3a3a7a}.row-actions{display:flex;align-items:center;gap:.25rem}.table-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--brown-light);font-size:.9rem}.table-loading-row td{padding:0}.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;padding:4rem 2rem;text-align:center;color:var(--border)}.table-empty__title{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;color:var(--brown-light)}.table-empty__body{font-size:.875rem;color:var(--brown-light);opacity:.8;margin-bottom:.75rem}.item-count{font-size:.8125rem;color:var(--brown-light);text-align:right}.editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:stretch;justify-content:flex-end}.editor-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c171473;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.editor-panel{position:relative;width:100%;max-width:560px;background:var(--cream);display:flex;flex-direction:column;height:100vh;overflow:hidden;transform:translate(100%);transition:transform .35s cubic-bezier(.22,1,.36,1);box-shadow:-8px 0 40px #1c171426}.editor-overlay--open .editor-backdrop{opacity:1}.editor-overlay--open .editor-panel{transform:translate(0)}.editor-panel__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.75rem 2rem 1.25rem;border-bottom:1px solid var(--border-light);background:#fff;flex-shrink:0}.editor-panel__eyebrow{font-family:var(--font-serif-sc);font-size:.625rem;letter-spacing:.2em;color:var(--orange);text-transform:uppercase;margin-bottom:.375rem}.editor-panel__title{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--brown-dark);letter-spacing:-.02em;max-width:380px;line-height:1.25}.editor-panel__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-light);border-radius:var(--radius);color:var(--brown-light);cursor:pointer;transition:background var(--transition),color var(--transition);flex-shrink:0;margin-top:2px}.editor-panel__close:hover{background:var(--linen);color:var(--brown-dark)}.editor-panel__body{flex:1;overflow-y:auto;padding:1.75rem 2rem}.editor-panel__body::-webkit-scrollbar{width:5px}.editor-panel__body::-webkit-scrollbar-track{background:var(--linen)}.editor-panel__body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}#editor-form{display:flex;flex-direction:column;gap:1.25rem}.editor-panel__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 2rem;border-top:1px solid var(--border-light);background:#fff;flex-shrink:0}.editor-image-row{display:flex;align-items:flex-start;gap:1.25rem}.editor-thumb{width:80px;height:80px;border-radius:var(--radius);object-fit:cover;border:1px solid var(--border-light);flex-shrink:0}.editor-thumb--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;background:var(--linen);color:var(--border);font-size:.75rem}.editor-image-actions{display:flex;flex-direction:column;gap:.5rem}.upload-status{font-size:.8125rem;min-height:1.2em}.upload-status--loading{color:var(--brown-light)}.upload-status--success{color:var(--green)}.upload-status--error{color:var(--red)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.confirm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c171480;opacity:0;transition:opacity .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg);transform:scale(.96);opacity:0;transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .25s ease;text-align:center}.confirm-overlay--open .confirm-backdrop{opacity:1}.confirm-overlay--open .confirm-card{transform:scale(1);opacity:1}.confirm-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fef4ed;color:var(--orange);margin:0 auto 1.25rem}.confirm-card__title{font-family:var(--font-serif);font-size:1.375rem;font-weight:600;color:var(--brown-dark);margin-bottom:.75rem;letter-spacing:-.02em}.confirm-card__body{font-size:.9rem;color:var(--brown-light);line-height:1.6;margin-bottom:1.75rem}.confirm-card__body strong{color:var(--brown-dark);font-weight:500}.confirm-card__actions{display:flex;justify-content:center;gap:.75rem}#toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:300;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:var(--brown-dark);color:var(--cream);border-radius:var(--radius-md);font-size:.875rem;font-weight:400;box-shadow:var(--shadow-md);pointer-events:all;max-width:360px;transform:translateY(12px);opacity:0}.toast--in{animation:toastIn .28s cubic-bezier(.22,1,.36,1) forwards}.toast--out{animation:toastOut .22s ease-in forwards}@keyframes toastIn{to{transform:translateY(0);opacity:1}}@keyframes toastOut{to{transform:translateY(8px);opacity:0}}.toast--success .toast__icon{color:#6fcf97}.toast--error .toast__icon{color:#eb8585}.toast--info .toast__icon{color:var(--orange-light)}.toast__icon{display:flex;align-items:center;flex-shrink:0}.toast__message{flex:1;line-height:1.4}.toast__close{background:none;border:none;color:#faf7f066;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:color var(--transition);flex-shrink:0}.toast__close:hover{color:var(--cream)}@media (max-width: 1024px){:root{--sidebar-w: 200px}.admin-main__inner{padding:2rem 1.75rem}}@media (max-width: 767px){:root{--sidebar-w: 0px}.admin-layout{flex-direction:column}.sidebar{position:fixed;width:100%;min-height:auto;height:auto;flex-direction:row;align-items:center;padding:0 1rem;top:0;left:0;right:0;z-index:40;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__brand{padding:.875rem 1rem .875rem 0;border-bottom:none;border-right:1px solid rgba(255,255,255,.06);margin-right:1rem}.sidebar__eyebrow{display:none}.sidebar__wordmark{font-size:1.25rem}.sidebar__nav{flex:1;flex-direction:row;padding:0;gap:0}.sidebar__nav-item{padding:.875rem .75rem;font-size:.8125rem}.sidebar__footer{padding:0;border-top:none;border-left:1px solid rgba(255,255,255,.06);padding-left:1rem;margin-left:.5rem}.sidebar__logout{padding:.875rem .5rem;font-size:.8125rem;white-space:nowrap}.admin-main{margin-left:0;margin-top:52px}.admin-main__inner{padding:1.5rem 1rem;gap:1.25rem}.page-header{flex-direction:column;align-items:stretch}.page-header__actions{justify-content:flex-end}.field-row{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar__search-wrap{max-width:100%}.filter-bar__filters{flex-wrap:wrap}.filter-bar__select{flex:1}.col-category,.col-price{display:none}.editor-panel{max-width:100%}.editor-panel__body{padding:1.25rem}.editor-panel__header{padding:1.25rem 1.25rem 1rem}.editor-panel__footer{padding:1rem 1.25rem}#toast-container{left:1rem;right:1rem;bottom:1rem}.toast{max-width:100%}}@media (min-width: 1440px){.admin-main__inner{max-width:1200px}}