@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
:root{--color-ink-black:#000;--color-warm-orange:#e5b27c;--color-deep-bronze:#845b2b;--color-cloud-gray:#e5e5e5;--color-off-white:#f7f7f7;--color-bg:#f7f7f7;--color-bg-secondary:#e5e5e5;--color-bg-card:#fff;--color-bg-hover:#00000008;--color-surface:#fff;--color-border:#e5e5e5;--color-border-dark:#000;--color-text:#000;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-light:#fff;--color-accent:#e5b27c;--color-accent-hover:#d49a56;--color-accent-dark:#c48a3e;--color-accent-light:#e5b27c26;--color-success:#2e7d32;--color-success-bg:#2e7d321a;--color-warning:#e5b27c;--color-warning-bg:#e5b27c26;--color-error:#c62828;--color-error-bg:#c628281a;--color-danger:#c62828;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--font-size-2xl:2.5rem;--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;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--transition-fast:.15s ease;--transition-base:.25s ease;--header-height:64px;--container-max:1400px;--container-max-xl:1600px;--container-max-2xl:1800px;--container-max-3xl:2000px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);max-width:100vw;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-sans);letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}p{color:var(--color-text-secondary);line-height:1.6}.label{font-family:var(--font-sans);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}a{color:var(--color-text);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}input,select,textarea{font-family:inherit;font-size:inherit;border:1px solid var(--color-border);padding:var(--space-3)var(--space-4);background-color:var(--color-bg-card);color:var(--color-text);border-radius:var(--radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}input::placeholder{color:var(--color-text-tertiary)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--color-border)}th{font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);background-color:var(--color-bg);font-weight:500}.container{max-width:var(--container-max);width:100%;padding:0 var(--space-6);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-family:var(--font-sans);font-size:var(--font-size-sm);border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-accent);color:var(--color-text);border:1px solid var(--color-accent);box-shadow:0 1px 3px #0000001a}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-text-light);transform:translateY(-1px);box-shadow:0 4px 12px #e5b27c66}.btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border-dark);background-color:#0000}.btn-secondary:hover{background-color:var(--color-text);color:var(--color-text-light)}.btn-ghost{color:var(--color-text-secondary);padding:var(--space-2)var(--space-4);background-color:#0000;border:none}.btn-ghost:hover{color:var(--color-text)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--font-size-base)}.btn-loading{pointer-events:none;position:relative;color:#0000!important}.btn-loading:after{content:"";border:2px solid var(--color-text);border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.3s cubic-bezier(.4,0,.2,1) fadeIn}.animate-fade-in-up{animation:.4s cubic-bezier(.4,0,.2,1) fadeInUp}.animate-fade-in-down{animation:.4s cubic-bezier(.4,0,.2,1) fadeInDown}.animate-slide-in-right{animation:.4s cubic-bezier(.4,0,.2,1) slideInRight}.animate-scale-in{animation:.3s cubic-bezier(.4,0,.2,1) scaleIn}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-full);font-weight:500;display:inline-flex}.badge-in-stock{background-color:var(--color-success-bg);color:var(--color-success)}.badge-low-stock{background-color:var(--color-warning-bg);color:var(--color-deep-bronze)}.badge-out-of-stock{background-color:var(--color-bg-secondary);color:var(--color-text-tertiary)}.quantity-input{border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-bg-card);align-items:center;display:inline-flex;overflow:hidden}.quantity-input button{width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.quantity-input button:hover{background-color:var(--color-bg);color:var(--color-text)}.quantity-input input{border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);text-align:center;-moz-appearance:textfield;border-radius:0;width:48px;height:36px;padding:0;font-weight:500}.quantity-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input input:focus{box-shadow:none}.search-input{width:100%;max-width:320px;position:relative}.search-input input{width:100%;padding-left:var(--space-10)}.search-input svg{left:var(--space-3);color:var(--color-text-tertiary);width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}.empty-state{padding:var(--space-16)var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:48px;height:48px;margin-bottom:var(--space-4);color:var(--color-text-tertiary)}.empty-state-title{font-size:var(--font-size-lg);margin-bottom:var(--space-2);font-weight:600}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:280px}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.stat-card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.stat-card-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:500}.stat-card-value{font-size:var(--font-size-xl);color:var(--color-text);font-weight:600}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-group label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.settings-section{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.settings-section-title{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);font-weight:600}.settings-row{padding:var(--space-3)0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.settings-row:last-child{border-bottom:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border)transparent}@media (max-width:768px){.container{padding:0 var(--space-4)}.btn-sm{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs)}th,td{padding:var(--space-3)var(--space-4)}.settings-section{padding:var(--space-4)}.settings-row{align-items:flex-start;gap:var(--space-2);flex-direction:column}}@media (max-width:480px){.container{padding:0 var(--space-3)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}.btn{font-size:var(--font-size-xs);padding:var(--space-2)var(--space-4)}.btn-lg{padding:var(--space-3)var(--space-6);font-size:var(--font-size-sm)}.btn-sm{padding:var(--space-1)var(--space-2);font-size:11px}th,td{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs)}.card{padding:var(--space-4)}.settings-section{padding:var(--space-3)}}@media (min-width:1920px){.container{max-width:var(--container-max-2xl);padding:0 var(--space-8)}}@media (min-width:2560px){.container{max-width:var(--container-max-3xl);padding:0 var(--space-10)}}@media (min-width:3840px){:root{--font-size-xs:.875rem;--font-size-sm:1rem;--font-size-base:1.125rem;--font-size-md:1.25rem;--font-size-lg:1.5rem;--font-size-xl:2.25rem;--font-size-2xl:3rem;--header-height:80px}.container{max-width:2800px;padding:0 var(--space-16)}.card{padding:var(--space-8)}.stat-card{padding:var(--space-6)}.stat-card-value{font-size:var(--font-size-2xl)}.btn{padding:var(--space-4)var(--space-8);font-size:var(--font-size-base)}.btn-sm{padding:var(--space-3)var(--space-6);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-5)var(--space-10);font-size:var(--font-size-md)}.settings-section{padding:var(--space-8)}}.pac-container{border:1.5px solid var(--color-border);border-radius:0 0 var(--radius)var(--radius);z-index:10000;background:var(--color-bg-card);border-top:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 4px 16px #00000014}.pac-item{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;border-top:1px solid var(--color-border);padding:8px 14px;line-height:1.5}.pac-item:first-child{border-top:none}.pac-item:hover{background:var(--color-bg-hover)}.pac-item-selected{background:var(--color-accent-light)}.pac-item .pac-icon{display:none}.pac-item .pac-item-query{color:var(--color-text);font-weight:600;font-size:var(--font-size-sm)}.pac-matched{color:var(--color-accent-hover);font-weight:700}.pac-logo:after{display:none}