:root{--color-cream: #FAF8F5;--color-cream-dark: #F2EDE6;--color-sand: #E8DFD5;--color-terracotta: #C4876B;--color-terracotta-dark: #A86B4F;--color-sage: #8B9A7B;--color-sage-muted: #A5B396;--color-clay: #D4A5A0;--color-text: #3D3427;--color-text-muted: #6B5E4F;--color-text-light: #8A7D6D;--color-white: #FFFFFF;--color-black: #1A1612;--font-display: "Playfair Display", Georgia, serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 10rem;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--transition-fast: .2s var(--ease-out-quart);--transition-medium: .4s var(--ease-out-expo);--transition-slow: .8s var(--ease-out-expo);--radius-sm: 4px;--radius-md: 12px;--radius-lg: 24px;--radius-xl: 40px;--radius-pill: 100px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none;width:0;height:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:400;font-size:1rem;line-height:1.7;color:var(--color-text);background-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}ul{list-style:none}::selection{background-color:var(--color-terracotta);color:var(--color-white)}html{scroll-padding-top:100px}@media(max-width:768px){:root{--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem}}@media(max-width:480px){:root{--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 3rem;--space-3xl: 4rem}html{font-size:15px;scroll-padding-top:80px}}@media(pointer:coarse){a,button{min-height:44px;min-width:44px}.hero-product:hover .hero-image{transform:perspective(1000px) rotateX(2deg) rotateY(0)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gentlePulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.8}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotateGentle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{width:100%;min-height:100vh;position:relative}main{width:100%;position:relative}.route-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(196,135,107,.12),transparent 20rem),var(--color-cream);color:var(--color-text-muted);text-align:center}.route-loading-mark{color:var(--color-sage);font-family:var(--font-display);font-size:3rem;font-style:italic;line-height:1}.route-loading-line{width:92px;height:1px;overflow:hidden;background:var(--color-sand)}.route-loading-line:after{content:"";display:block;width:45%;height:100%;background:var(--color-terracotta);animation:routeLoading 1.2s ease-in-out infinite}.route-loading p{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}@keyframes routeLoading{0%{transform:translate(-110%)}to{transform:translate(230%)}}@media(prefers-reduced-motion:reduce){.route-loading-line:after{width:100%;animation:none}}.admin-loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-cream);gap:var(--space-md)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-sand);border-top-color:var(--color-terracotta);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-loading-screen p{color:var(--color-text-muted)}.admin-loading-screen button{padding:.7rem 1.25rem;border:1px solid var(--color-terracotta);border-radius:var(--radius-pill);background:transparent;color:var(--color-terracotta-dark);cursor:pointer;font:inherit}.admin-loading-screen button:focus-visible{outline:2px solid var(--color-terracotta-dark);outline-offset:3px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-md)}.page-header h1{font-family:var(--font-display);font-size:1.75rem;color:var(--color-text);margin-bottom:var(--space-2xs)}.page-header p{color:var(--color-text-muted)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-terracotta);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-primary:hover:not(:disabled){background:var(--color-terracotta-dark)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{padding:var(--space-sm) var(--space-md);background:transparent;color:var(--color-text);border:1px solid var(--color-sand);border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-secondary:hover{background:var(--color-cream)}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-cream);border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background:var(--color-sand);color:var(--color-text)}.btn-icon--danger:hover{background:#f7dfdc;color:#a65f58}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:1000}.modal{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;min-width:0;overflow-x:hidden;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-sand)}.modal-header h2{font-family:var(--font-display);font-size:1.25rem}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.modal-close:hover{background:var(--color-cream);color:var(--color-text)}.modal-form{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.form-error{padding:var(--space-sm);background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:var(--radius-sm);font-size:.9rem}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:.85rem;font-weight:500;color:var(--color-text)}.form-group input,.form-group textarea{padding:var(--space-sm);border:1px solid var(--color-sand);border-radius:var(--radius-md);font-size:.95rem;font-family:var(--font-body);transition:var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-terracotta)}.form-group textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-row>*{min-width:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-sand)}.modal--small{max-width:420px;background:linear-gradient(180deg,var(--color-white) 0%,var(--color-cream) 100%);box-shadow:0 24px 60px #3d34272e,0 8px 24px #3d34271f}.confirm-content{padding:30px 34px 18px;text-align:center}.confirm-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);color:#a65f58;background:linear-gradient(145deg,#f8e5e2,#f1d3cf);border:1px solid rgba(166,95,88,.18);border-radius:50%;box-shadow:inset 0 1px #ffffffb3,0 12px 28px #a65f5824;line-height:1}.confirm-icon svg{width:42px;height:42px;display:block;overflow:visible;stroke-linecap:round;stroke-linejoin:round}.confirm-content p{color:var(--color-text);margin-bottom:var(--space-xs)}.confirm-content p strong{color:#8f514b}.confirm-hint{font-size:.85rem;color:var(--color-text-muted)!important;line-height:1.6}.modal--small .modal-actions{padding:24px 34px 34px;border-top:1px solid rgba(196,135,107,.18);background:#faf8f5b8;gap:var(--space-sm)}.modal--small .btn-secondary{background:#ffffffb8;border-color:var(--color-sand)}.modal--small .btn-secondary:hover:not(:disabled){background:var(--color-white);border-color:var(--color-terracotta);color:var(--color-terracotta-dark)}.btn-danger{padding:var(--space-sm) var(--space-md);background:#a65f58;color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-danger:hover:not(:disabled){background:#8f514b;box-shadow:0 8px 18px #8f514b38}.btn-danger:disabled{opacity:.7;cursor:not-allowed}.toast{position:fixed;bottom:var(--space-lg);right:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-white);border-radius:var(--radius-md);box-shadow:0 4px 20px #00000026;z-index:2000;animation:slideInUp .3s var(--ease-out-expo)}.toast--success{border-left:4px solid #22c55e}.toast--success .toast-icon{color:#22c55e}.toast--error{border-left:4px solid #dc2626}.toast--error .toast-icon{color:#dc2626}.toast-icon{display:flex;align-items:center;justify-content:center}.toast span{font-size:.95rem;color:var(--color-text)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.page-header{flex-direction:column;gap:var(--space-sm)}.page-header h1{font-size:1.5rem}.btn-primary{width:100%;justify-content:center;padding:var(--space-md);font-size:1rem}.form-row{grid-template-columns:1fr}.btn-icon{width:40px;height:40px}.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUpModal .3s var(--ease-out-expo)}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:var(--space-md);position:sticky;top:0;background:var(--color-white);z-index:10}.modal-header h2{font-size:1.1rem}.modal-form{padding:var(--space-md);padding-bottom:var(--space-xl)}.form-group input,.form-group textarea{padding:var(--space-md);font-size:16px}.form-group label{font-size:.9rem}.modal-actions{flex-direction:column;gap:var(--space-sm)}.modal-actions .btn-primary,.modal-actions .btn-secondary,.modal-actions .btn-danger{width:100%;justify-content:center;padding:var(--space-md)}.modal--small{max-width:100%}.confirm-content{padding:var(--space-lg) var(--space-md) var(--space-md)}.confirm-content p{font-size:.95rem}.toast{left:var(--space-sm);right:var(--space-sm);bottom:var(--space-sm)}}@media(max-width:480px){.page-header h1{font-size:1.25rem}.modal-header h2{font-size:1rem}.confirm-icon svg{width:36px;height:36px}.confirm-icon{width:64px;height:64px}.modal--small .modal-actions{padding:var(--space-md) var(--space-md) var(--space-xl)}}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-muted)}.status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;text-transform:capitalize}.status-pending{background:#fef3c7;color:#92400e}.status-confirmed{background:#dbeafe;color:#1e40af}.status-shipped{background:#e0e7ff;color:#3730a3}.status-delivered{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.status-returned{background:#f3e8ff;color:#6b21a8}