:root{--color-primary:#2d2926;--color-primary-light:#4a413c;--color-primary-dark:#1a1714;--color-accent:#c9a96e;--color-accent-light:#d4ba85;--color-accent-dark:#b08d4a;--color-accent-hover:#dcc690;--color-bg:#fafaf8;--color-bg-alt:#f5f3f0;--color-surface:#fff;--color-surface-hover:#f9f8f6;--color-border:#e8e4df;--color-border-light:#f0ece8;--color-border-dark:#d1cbc4;--color-text:#1a1a1a;--color-text-secondary:#4a4540;--color-text-muted:#8a8480;--color-text-light:#b0aaa4;--color-text-inverse:#fff;--color-success:#2e7d32;--color-success-light:#e8f5e9;--color-error:#c62828;--color-error-light:#ffebee;--color-warning:#f57f17;--color-warning-light:#fff8e1;--color-info:#1565c0;--color-info-light:#e3f2fd;--font-heading:"Playfair Display","Georgia",serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.05em;--tracking-wider:.1em;--tracking-widest:.2em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:50%;--radius-pill:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-inner:inset 0 2px 4px #0000000a;--shadow-accent:0 4px 14px #c9a96e40;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.16,1,.3,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--header-height:72px;--admin-sidebar-width:280px;--container-max:1280px;--container-narrow:960px}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);max-width:100vw;min-height:100vh;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);font-weight:600}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.container--narrow{max-width:var(--container-narrow)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--transition-normal);cursor:pointer;white-space:nowrap;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse);border:1px solid var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--accent{background-color:var(--color-accent);color:var(--color-primary-dark);border:1px solid var(--color-accent);font-weight:600}.btn--accent:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn--outline{color:var(--color-primary);border:1px solid var(--color-border-dark);background-color:#0000}.btn--outline:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-text-inverse)}.btn--ghost{color:var(--color-text-secondary);background-color:#0000;border:1px solid #0000}.btn--ghost:hover{background-color:var(--color-bg-alt);color:var(--color-text)}.btn--danger{background-color:var(--color-error);color:var(--color-text-inverse);border:1px solid var(--color-error)}.btn--danger:hover{background-color:#b71c1c}.btn--sm{padding:var(--space-2)var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base)}.btn--full{width:100%}.btn--icon{padding:var(--space-2);border-radius:var(--radius-full);width:40px;height:40px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn--loading{pointer-events:none}.btn--loading .btn__text{visibility:hidden}.btn--loading:before{content:"";border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:18px;height:18px;animation:.6s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.form-group{margin-bottom:var(--space-5);min-width:0;max-width:100%}.form-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);letter-spacing:var(--tracking-wide);font-weight:500;display:block}.form-input{width:100%;min-width:0;max-width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);box-sizing:border-box;outline:none}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #c9a96e26}.form-input::placeholder{color:var(--color-text-light)}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:0 0 0 3px #c6282826}.form-error{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-1);display:block}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);display:block}.form-textarea{resize:vertical;min-height:120px}.form-select{appearance:none;color:var(--color-text);background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A8480' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4)center;padding-right:var(--space-10)}.form-select option{color:var(--color-text);background-color:var(--color-surface)}.form-checkbox{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:flex}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0;margin-top:2px}.badge{padding:var(--space-1)var(--space-3);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;font-weight:600;display:inline-flex}.badge--new{background-color:var(--color-primary);color:var(--color-text-inverse)}.badge--sale{background-color:var(--color-error);color:var(--color-text-inverse)}.badge--success{background-color:var(--color-success-light);color:var(--color-success)}.badge--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge--error{background-color:var(--color-error-light);color:var(--color-error)}.badge--info{background-color:var(--color-info-light);color:var(--color-info)}.badge--accent{color:var(--color-accent-dark);background-color:#c9a96e26}.card{background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border)}.card__body{padding:var(--space-5)}.card__header{padding:var(--space-5)var(--space-5)0}.card__footer{padding:0 var(--space-5)var(--space-5)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);background-color:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:600px;max-height:90vh;animation:slideUp .3s var(--transition-slow);overflow-y:auto}.modal--lg{max-width:900px}.modal--full{max-width:95vw;max-height:95vh}.modal__header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-lg);font-weight:600}.modal__close{border-radius:var(--radius-full);width:36px;height:36px;transition:background-color var(--transition-fast);font-size:var(--text-xl);justify-content:center;align-items:center;display:flex}.modal__close:hover{background-color:var(--color-bg-alt)}.modal__body{padding:var(--space-6)}.modal__footer{gap:var(--space-3);padding:var(--space-5)var(--space-6);border-top:1px solid var(--color-border-light);justify-content:flex-end;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.toast-container{top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-5);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border-left:4px solid var(--color-accent);min-width:300px;animation:.3s slideInRight;display:flex}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-error)}.toast--warning{border-left-color:var(--color-warning)}.table-wrapper{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;padding:var(--space-3)var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted);background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border);font-weight:600}.table td{padding:var(--space-3)var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--color-surface-hover)}.pagination{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6)0;display:flex}.pagination__btn{border-radius:var(--radius-md);width:40px;height:40px;font-size:var(--text-sm);transition:all var(--transition-fast);border:1px solid var(--color-border);justify-content:center;align-items:center;font-weight:500;display:flex}.pagination__btn:hover{background-color:var(--color-bg-alt);border-color:var(--color-border-dark)}.pagination__btn--active{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:24px;height:24px;animation:.7s linear infinite spin;display:inline-block}.spinner--lg{border-width:4px;width:40px;height:40px}.spinner--sm{border-width:2px;width:16px;height:16px}.hide-mobile{display:none}.hide-desktop{display:block}@media (min-width:768px){.hide-mobile{display:block}.hide-desktop{display:none}}@media (max-width:600px){.container{padding:0 var(--space-4)}.modal-overlay{padding:var(--space-2)}.modal{border-radius:var(--radius-lg);max-width:100%;max-height:95vh}.modal--full{border-radius:0;max-width:100vw;max-height:100vh}.modal__header,.modal__body{padding:var(--space-4)}.modal__footer{padding:var(--space-3)var(--space-4)}.modal__title{font-size:var(--text-base)}.toast-container{right:var(--space-3);left:var(--space-3)}.toast{min-width:auto}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.font-heading{font-family:var(--font-heading)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mr-2{margin-right:var(--space-2)}.ml-auto{margin-left:auto}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.w-full{width:100%}.relative{position:relative}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.page-enter{animation:.3s fadeIn}.skeleton{background:linear-gradient(90deg,var(--color-bg-alt)25%,var(--color-border-light)50%,var(--color-bg-alt)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}