:root{--cream: #fdf6ee;--blush: #f7c5c5;--rose: #e8839a;--mauve: #c4607a;--dark: #2b1a22;--mid: #6b3f52;--gold: #e8c87a;--mint: #a8d8c8;--sky: #a8c8e8;--lilac: #c8a8e8;--card: #fff9f4;--border: #f0ddd0;--shadow: 0 4px 24px rgba(43, 26, 34, .08)}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;background:var(--cream)}body{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--dark);min-height:100%}#root{min-height:100vh;display:flex;flex-direction:column}header{background:var(--dark);padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:72px;position:sticky;top:0;z-index:100}.logo{font-family:Playfair Display,serif;font-size:1.5rem;color:var(--cream);display:flex;align-items:center;gap:10px}.logo-img{width:44px;height:44px;border-radius:50%;object-fit:cover}.logo-text em{color:var(--gold);font-style:normal}.header-right{display:flex;align-items:center;gap:16px}.btn-add{background:var(--rose);color:#fff;border:none;border-radius:10px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s,transform .1s}.btn-add:hover{background:var(--mauve);transform:translateY(-1px)}.stats-bar{background:#fff;border-bottom:1px solid var(--border);padding:16px 40px;display:flex;gap:40px}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;color:var(--dark);line-height:1}.stat-label{font-size:.75rem;color:var(--mid);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.stat-divider{width:1px;background:var(--border);align-self:stretch}.main{display:flex;gap:0;flex:1}.sidebar{position:relative;flex-shrink:0;width:260px;overflow:visible;transition:width .3s ease}.sidebar--collapsed{width:0}.sidebar-content{width:260px;min-width:260px;height:100%;overflow:hidden;background:#fff;border-right:1px solid var(--border);padding:28px 24px;display:flex;flex-direction:column;gap:28px;opacity:1;pointer-events:auto;transition:opacity .2s ease .15s}.sidebar--collapsed .sidebar-content{opacity:0;pointer-events:none;transition:opacity .1s ease}.sidebar-toggle-btn{position:absolute;right:-16px;top:20px;width:32px;height:32px;border-radius:50%;background:#fff;border:1.5px solid var(--border);box-shadow:0 2px 8px #2b1a221f;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--mid);z-index:10;transition:right .3s ease,box-shadow .2s,color .15s;-webkit-user-select:none;user-select:none}.sidebar--collapsed .sidebar-toggle-btn{right:-32px}.sidebar-toggle-btn:hover{box-shadow:0 4px 12px #2b1a222e;color:var(--rose)}.toggle-mobile{display:none}.filter-section h3{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--mid);margin-bottom:12px}.search-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--dark);background:var(--cream);outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--rose)}.color-swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2.5px solid transparent;transition:transform .15s,border-color .15s;position:relative}.swatch:hover{transform:scale(1.15)}.swatch.active{border-color:var(--dark)}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:500;border:1.5px solid var(--border);background:var(--cream);cursor:pointer;transition:all .15s;color:var(--mid)}.chip:hover{border-color:var(--rose);color:var(--rose)}.chip.active{background:var(--rose);color:#fff;border-color:var(--rose)}.low-stock-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff3f5;border:1.5px solid var(--blush);border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label{font-size:.85rem;font-weight:500;color:var(--mauve);display:flex;align-items:center;gap:8px}.toggle-switch{width:38px;height:22px;background:#ddd;border-radius:11px;position:relative;transition:background .2s}.toggle-switch.on{background:var(--rose)}.toggle-switch:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:3px;left:3px;transition:left .2s}.toggle-switch.on:after{left:19px}.content{flex:1;padding:28px 32px;overflow:auto}.content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.results-count{font-size:.85rem;color:var(--mid)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--mid);font-size:1rem}.item-card{background:var(--card);border:1.5px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s,transform .15s;cursor:pointer;position:relative;overflow:hidden}.item-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.item-card.low-stock{border-color:#f4a88a;background:#fff8f5}.low-stock-badge{position:absolute;top:12px;right:12px;background:#f4a88a;color:#7a3010;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:6px}.item-visual{width:56px;height:76px;display:flex;align-items:center;justify-content:center}.item-info h4{font-weight:600;font-size:.95rem;color:var(--dark);margin-bottom:4px}.item-meta{display:flex;flex-wrap:wrap;gap:6px}.meta-tag{font-size:.72rem;color:var(--mid);background:#fff;border:1px solid var(--border);padding:2px 8px;border-radius:6px;font-weight:500}.item-qty-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.qty-display{display:flex;flex-direction:column}.qty-number{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700;color:var(--dark);line-height:1}.qty-number.low{color:#e85a30}.qty-label{font-size:.7rem;color:var(--mid);text-transform:uppercase;letter-spacing:.05em}.qty-controls{display:flex;align-items:center;gap:6px}.qty-btn{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--border);background:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:var(--dark);line-height:1}.qty-btn:hover{border-color:var(--rose);color:var(--rose)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b1a2280;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:#fff;border-radius:20px;padding:36px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #2b1a2233;scrollbar-width:none}.modal::-webkit-scrollbar{display:none}.modal h2{font-family:Playfair Display,serif;font-size:1.5rem;color:var(--dark);margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mid)}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--dark);background:var(--cream);outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--rose)}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:20px;border-top:1px solid var(--border)}.modal-actions-with-delete{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:20px;border-top:1px solid var(--border)}.btn-cancel{padding:10px 22px;border:1.5px solid var(--border);border-radius:10px;background:#fff;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;color:var(--mid);cursor:pointer;transition:all .15s}.btn-cancel:hover{border-color:var(--mid);color:var(--dark)}.btn-save{padding:10px 22px;border:none;border-radius:10px;background:var(--rose);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:background .2s}.btn-save:hover{background:var(--mauve)}.btn-delete{padding:10px 22px;border:1.5px solid #f4a88a;border-radius:10px;background:#fff;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;color:#e85a30;cursor:pointer;transition:all .15s}.btn-delete:hover{background:#fff0eb}.color-preview-row{display:flex;align-items:center;gap:16px}.color-preview-balloon{flex-shrink:0;width:56px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px dashed var(--border);border-radius:12px;padding:4px;transition:border-color .2s}.color-preview-balloon:hover{border-color:var(--rose)}.color-preview-inputs{flex:1;display:flex;flex-direction:column;gap:8px}.color-hex-row{display:flex;align-items:center;gap:10px}.color-picker-input{width:36px;height:36px;border:1.5px solid var(--border);border-radius:8px;padding:2px;cursor:pointer;background:none}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:6px}.color-hex-label{font-size:.8rem;font-family:monospace;color:var(--mid)}.scan-section{margin-bottom:8px}.scan-box{width:100%;border:2px dashed var(--blush);border-radius:12px;background:var(--cream);padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:border-color .2s,background .2s;font-family:DM Sans,sans-serif}.scan-box:hover{border-color:var(--rose);background:#fef0f3}.scan-icon{font-size:2rem}.scan-title{font-weight:600;color:var(--mauve);font-size:.95rem}.scan-subtitle{color:var(--mid);font-size:.8rem}.scan-active{display:flex;flex-direction:column;align-items:center;gap:12px}.scan-video-wrapper{position:relative;width:100%;border-radius:10px;overflow:hidden;background:#000}.scan-video{width:100%;display:block}.scan-frame{position:absolute;top:15%;left:10%;width:80%;height:70%;border:3px solid var(--rose);border-radius:8px;pointer-events:none}.scan-capture-btn{background:var(--rose);color:#fff;border:none;border-radius:8px;padding:10px 28px;font-size:1rem;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .2s}.scan-capture-btn:hover{background:var(--mauve)}.scan-processing{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;color:var(--mauve);font-weight:500}.scan-spinner{width:36px;height:36px;border:4px solid var(--blush);border-top-color:var(--rose);border-radius:50%;animation:scanSpin .8s linear infinite}@keyframes scanSpin{to{transform:rotate(360deg)}}.scan-success{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f0faf4;border:1.5px solid #7cc99a;border-radius:10px;padding:12px 16px;font-size:.9rem}.scan-again-btn{background:none;border:1.5px solid var(--rose);color:var(--rose);border-radius:6px;padding:5px 14px;font-size:.85rem;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s;white-space:nowrap}.scan-again-btn:hover{background:var(--rose);color:#fff}.scan-divider{display:flex;align-items:center;gap:10px;color:var(--mid);font-size:.8rem;margin:12px 0}.scan-divider:before,.scan-divider:after{content:"";flex:1;border-top:1px solid var(--border)}.autofilled{border-color:var(--rose)!important;background:#fef0f3!important}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cream),var(--blush));padding:20px}.login-card{background:var(--card);border-radius:20px;padding:48px 40px;text-align:center;box-shadow:var(--shadow);max-width:380px;width:100%}.login-logo{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:16px;border:3px solid var(--border)}.login-title{font-family:Playfair Display,serif;font-size:1.8rem;color:var(--dark);margin-bottom:4px}.login-title em{font-style:normal;color:var(--gold)}.login-subtitle{font-size:.9rem;color:var(--mid);margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{padding:12px 16px;border:2px solid var(--border);border-radius:12px;font-size:1rem;outline:none;transition:border-color .2s;text-align:center}.login-input:focus{border-color:var(--mauve)}.login-btn{padding:12px;background:var(--mauve);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.login-btn:hover{background:var(--dark)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#dc2626;font-size:.85rem}.scan-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--cream)}.scan-page-loading,.scan-page-error{font-size:1.1rem;color:var(--mid);text-align:center;padding:40px}.scan-page-error{color:#e85a30}.scan-page-card{background:#fff;border-radius:20px;padding:36px 28px;width:100%;max-width:380px;box-shadow:0 20px 60px #2b1a221f;display:flex;flex-direction:column;align-items:center;gap:16px}.scan-page-balloon{width:64px;height:88px;display:flex;align-items:center;justify-content:center}.scan-page-name{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700;color:var(--dark);text-align:center;margin:0}.scan-page-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.scan-page-stock{display:flex;flex-direction:column;align-items:center;gap:2px;margin:8px 0}.scan-page-stock-label{font-size:.75rem;color:var(--mid);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.scan-page-stock-value{font-family:Playfair Display,serif;font-size:2.4rem;font-weight:700;color:var(--dark);line-height:1}.scan-page-stock-value.low{color:#e85a30}.scan-page-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:8px}.scan-page-label{font-size:.95rem;font-weight:600;color:var(--dark)}.scan-page-input{width:120px;text-align:center;padding:14px;border:2px solid var(--border);border-radius:14px;font-family:Playfair Display,serif;font-size:2rem;font-weight:700;color:var(--dark);background:var(--cream);outline:none;transition:border-color .2s}.scan-page-input:focus{border-color:var(--rose)}.scan-page-btn{width:100%;padding:16px;border:none;border-radius:14px;background:var(--rose);color:#fff;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.scan-page-btn:hover{background:var(--mauve)}.scan-page-btn:disabled{opacity:.5;cursor:not-allowed}.scan-page-result{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:8px}.scan-page-result-text{background:#f0faf4;border:1.5px solid #7cc99a;border-radius:10px;padding:14px 20px;font-size:1.1rem;font-weight:600;color:#1a6b3a;text-align:center;width:100%}.scan-page-link{font-size:.85rem;color:var(--mid);text-decoration:underline;margin-top:4px}.scan-splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0faf4,#e8f5ee);gap:16px;padding:20px;animation:splashFadeIn .4s ease}@keyframes splashFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.scan-splash-check{width:80px;height:80px;border-radius:50%;background:#34c759;color:#fff;font-size:2.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;animation:splashPop .5s ease}@keyframes splashPop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.scan-splash-title{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;color:var(--dark)}.scan-splash-detail{font-size:1.1rem;color:var(--mid);font-weight:500}.scan-splash-change{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;color:#1a6b3a}.scan-splash-redirect{font-size:.85rem;color:var(--mid);margin-top:12px;opacity:.7}@media (max-width: 768px){header{padding:0 16px;height:56px}.logo{font-size:1.2rem}.logo-img{width:36px;height:36px}.stats-bar{padding:10px 16px;gap:0;justify-content:space-around}.stat-value{font-size:1rem}.stat-label{font-size:.65rem}.stat-divider{display:none}.main{flex-direction:column}.sidebar{width:100%!important;overflow:hidden}.sidebar-content{width:100%!important;min-width:0;padding:16px;gap:16px}.sidebar--collapsed{width:100%!important;height:0}.sidebar--collapsed .sidebar-content{padding:0}.sidebar-toggle-btn{position:fixed;bottom:20px;right:20px;top:auto;width:48px;height:48px;border-radius:50%;background:var(--rose);color:#fff;border:none;box-shadow:0 4px 16px #2b1a2240;font-size:1.4rem;z-index:150}.sidebar--collapsed .sidebar-toggle-btn{position:fixed;bottom:20px;right:20px;top:auto}.sidebar-toggle-btn:hover{color:#fff;background:var(--mauve)}.toggle-desktop{display:none}.toggle-mobile{display:inline}.content{padding:16px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.item-card{padding:14px}.modal{padding:24px 20px;border-radius:16px}.form-grid{grid-template-columns:1fr}}