@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:-.01em}.dark-mode .login-container{background:linear-gradient(135deg,#000,#0d0d0d)}.login-card{width:100%;max-width:420px;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;border:1px solid rgba(255,255,255,.8);padding:40px;animation:loginFadeIn .5s cubic-bezier(.4,0,.2,1)}.dark-mode .login-card{background:#1a1a1af2;border:1px solid rgba(42,42,42,.8);box-shadow:0 8px 32px #0009,0 2px 8px #0006}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:72px;height:72px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 8px 24px #3b82f666;transition:transform .3s cubic-bezier(.4,0,.2,1)}.login-logo:hover{transform:scale(1.05)}.login-header h1{font-size:28px;color:#1d1d1f;font-weight:700;margin-bottom:6px;letter-spacing:-.02em}.dark-mode .login-header h1{color:#fff}.login-header p{font-size:15px;color:#86868b;font-weight:500;letter-spacing:-.01em}.dark-mode .login-header p{color:#9ca3af}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{padding:14px 16px;background:#ff3b3014;color:#ff3b30;border:1px solid rgba(255,59,48,.2);border-radius:10px;font-size:14px;font-weight:500;text-align:center;letter-spacing:-.01em;animation:errorShake .4s ease}.dark-mode .login-error{background:#ff3b3026;border-color:#ff3b304d}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.01em}.dark-mode .form-label{color:#fff}.form-input{width:100%;padding:14px 16px;border:1px solid rgba(0,0,0,.1);border-radius:10px;font-size:15px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fffc;color:#1d1d1f;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:-.01em}.dark-mode .form-input{background:#0d0d0dcc;border-color:#2a2a2acc;color:#fff}.form-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.dark-mode .form-input:focus{background:#1a1a1a;box-shadow:0 0 0 4px #3b82f633}.form-input::placeholder{color:#86868b;font-weight:500}.dark-mode .form-input::placeholder{color:#6b7280}.login-button{width:100%;padding:14px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:-.01em;box-shadow:0 4px 12px #3b82f64d}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #3b82f633}@media (max-width: 1024px){.login-card{max-width:400px;padding:36px}}@media (max-width: 768px){.login-container{padding:20px}.login-card{max-width:380px;padding:32px}.login-logo{width:68px;height:68px}.login-header h1{font-size:26px}}@media (max-width: 640px){.login-container{padding:16px}.login-card{padding:28px}.login-logo{width:64px;height:64px}.login-header h1{font-size:24px}.login-header p{font-size:14px}}@media (max-width: 480px){.login-container{padding:12px}.login-card{padding:24px;border-radius:14px}.login-logo{width:60px;height:60px;border-radius:14px}.login-header{margin-bottom:28px}.login-header h1{font-size:22px}.login-header p{font-size:13px}.form-input{padding:12px 14px;font-size:14px}.login-button{padding:12px 18px;font-size:14px}.login-form{gap:18px}}@media (max-width: 360px){.login-container{padding:10px}.login-card{padding:20px}.login-logo{width:56px;height:56px}.login-header h1{font-size:20px}.login-header p{font-size:12px}.form-label{font-size:13px}.form-input{padding:11px 13px;font-size:14px}.login-button{padding:11px 16px;font-size:14px}.login-error{font-size:13px;padding:12px 14px}}.toast-container{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:90vw;width:100%}.toast{display:flex;align-items:center;gap:12px;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:16px 20px;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;border:1px solid rgba(0,0,0,.08);min-width:360px;max-width:500px;margin:0 auto;pointer-events:auto;animation:toastSlideIn .4s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:-.01em}.dark-mode .toast{background:#1a1a1af2;border-color:#2a2a2acc;box-shadow:0 8px 32px #0009,0 2px 8px #0006}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-success{border-left:3px solid #34c759}.toast-success .toast-icon{color:#34c759}.toast-error{border-left:3px solid #ff3b30}.toast-error .toast-icon{color:#ff3b30}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:14px;font-weight:500;color:#1d1d1f;line-height:1.5;letter-spacing:-.01em}.dark-mode .toast-message{color:#fff}.toast-close{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#86868b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.dark-mode .toast-close{color:#9ca3af}.toast-close:hover{background:#0000000d;color:#1d1d1f}.dark-mode .toast-close:hover{background:#ffffff1a;color:#fff}.toast-close:active{transform:scale(.95)}@media (max-width: 1024px){.toast{min-width:340px;padding:15px 18px}}@media (max-width: 768px){.toast-container{top:20px}.toast{min-width:320px;padding:14px 16px;border-radius:10px}.toast-message{font-size:13px}}@media (max-width: 640px){.toast-container{top:16px;left:16px;right:16px;transform:none;max-width:calc(100vw - 32px)}.toast{min-width:auto;width:100%;padding:14px 16px}}@media (max-width: 480px){.toast-container{top:12px;left:12px;right:12px;max-width:calc(100vw - 24px)}.toast{padding:12px 14px;gap:10px;border-radius:10px}.toast-message{font-size:13px}.toast-close{width:26px;height:26px}}@media (max-width: 360px){.toast-container{top:10px;left:10px;right:10px;max-width:calc(100vw - 20px);gap:10px}.toast{padding:12px;gap:8px}.toast-message{font-size:12px}}:root{--bg: #f8fafc;--card-bg: #ffffff;--text: #0f172a;--text-secondary: #64748b;--border: #e2e8f0;--active-color: #3b82f6;--hover-bg: #f8fafc;--shadow: rgba(0, 0, 0, .04);--bg-secondary: #f8fafc}.dark-mode{--bg: #000000;--card-bg: #1a1a1a;--text: #ffffff;--text-secondary: #9ca3af;--border: #2a2a2a;--active-color: #3b82f6;--hover-bg: #0a0a0a;--shadow: rgba(0, 0, 0, .6);--bg-secondary: #0d0d0d}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard{min-height:100vh;background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:-.01em;transition:background .3s cubic-bezier(.4,0,.2,1)}.dashboard ::-webkit-scrollbar{width:10px;height:10px}.dashboard ::-webkit-scrollbar-track{background:transparent;border-radius:10px}.dashboard ::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;border:2px solid var(--bg);transition:background .2s ease}.dashboard ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.dashboard *{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.dashboard-header{background:var(--card-bg);box-shadow:0 2px 8px var(--shadow);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-content{max-width:768px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:14px}.header-logo{width:44px;height:44px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #3b82f666;transition:transform .2s cubic-bezier(.4,0,.2,1)}.header-logo:active{transform:scale(.95)}.header-text h1{font-size:18px;color:var(--text);font-weight:800;margin:0;letter-spacing:-.03em;line-height:1.2}.header-text p.user-name{font-size:12px;color:var(--text-secondary);font-weight:600;margin-top:2px;letter-spacing:.02em}.header-actions{display:flex;gap:10px}.btn-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text)}.btn-icon:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.btn-icon:active{transform:scale(.92)}.btn-icon.btn-danger{color:#ef4444;border-color:#fecaca}.dark-mode .btn-icon.btn-danger{border-color:#7f1d1d}.dashboard-main{max-width:768px;margin:0 auto;padding:20px}.tabs{background:var(--card-bg);border-radius:12px;border:1px solid var(--border);overflow:hidden;margin-bottom:20px;display:flex;box-shadow:0 2px 4px var(--shadow)}.tab-button{flex:1;padding:16px 10px;border:none;background:transparent;color:var(--text-secondary);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:3px solid transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:-.01em}.tab-button:hover{color:var(--active-color);background:#3b82f60d}.dark-mode .tab-button:hover{background:#60a5fa1a}.tab-button.active{background:linear-gradient(180deg,#eff6ff,#fff);color:var(--active-color);border-bottom-color:var(--active-color)}.dark-mode .tab-button.active{background:linear-gradient(180deg,#1e3a5f,#1e293b)}.tab-button:active{transform:scale(.98)}.card{background:var(--card-bg);border-radius:12px;border:1px solid var(--border);padding:20px;margin-bottom:20px;box-shadow:0 2px 4px var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.card-title{font-size:16px;font-weight:800;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.info-label{font-size:12px;color:var(--text-secondary);margin-bottom:8px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.info-value{font-weight:700;color:var(--text);font-size:16px;line-height:1.5;letter-spacing:-.01em}.info-value.large{font-size:40px;color:var(--active-color);font-weight:900;letter-spacing:-.04em}.search-box{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-input{width:100%;padding:16px 16px 16px 48px;border:2px solid var(--border);border-radius:10px;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:600;background:var(--card-bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:-.01em}.search-input:focus{outline:none;border-color:var(--active-color);box-shadow:0 0 0 4px #3b82f626}.dark-mode .search-input:focus{box-shadow:0 0 0 4px #60a5fa33}.search-input::placeholder{color:var(--text-secondary);font-weight:500}.btn-scan-large{width:100%;padding:18px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 12px #3b82f666;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:-.01em}.dark-mode .btn-scan-large{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.btn-scan-large:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f680}.btn-scan-large:active{transform:scale(.97)}.btn-scan-large:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-add-shelf{width:100%;padding:14px 16px;background:var(--card-bg);border:2px dashed var(--border);border-radius:10px;color:var(--text-secondary);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:-.01em}.btn-add-shelf:hover{border-color:var(--active-color);color:var(--active-color)}.btn-add-shelf:active{transform:scale(.97)}.product-list{display:flex;flex-direction:column;gap:16px}.product-item{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.product-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow);border-color:var(--active-color)}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.product-code{font-size:14px;color:var(--text-secondary);font-weight:700;letter-spacing:.02em}.product-badge{background:#dbeafe;color:var(--active-color);padding:6px 12px;border-radius:16px;font-size:12px;font-weight:800;letter-spacing:-.01em}.dark-mode .product-badge{background:#1e3a5f}.product-name{font-size:15px;color:var(--text);font-weight:700;margin-bottom:12px;line-height:1.6;letter-spacing:-.015em}.product-footer{display:flex;justify-content:space-between;align-items:center}.product-count{display:flex;align-items:center;gap:10px}.count-label{font-size:13px;color:var(--text-secondary);font-weight:600}.count-value{font-size:20px;font-weight:900;color:var(--active-color);letter-spacing:-.02em}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.info-item{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:14px}.product-header-layout{display:flex;gap:16px;margin-bottom:20px}.product-image-box{flex:0 0 110px;height:110px;background:var(--bg);border:2px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center}.product-stock-box{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:14px;display:flex;flex-direction:column;justify-content:center}.info-value-stock{font-size:32px;font-weight:900;color:var(--active-color);letter-spacing:-.03em;line-height:1}.shelf-input-container{display:flex;flex-direction:column;gap:14px}.shelf-input-wrapper{display:flex;gap:10px;align-items:center;width:100%}.shelf-input{flex:1;min-width:0;height:52px;padding:0 18px;border:2px solid var(--border);border-radius:10px;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:600;background:var(--card-bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:-.01em}.shelf-input:focus{outline:none;border-color:var(--active-color);box-shadow:0 0 0 4px #3b82f626}.dark-mode .shelf-input:focus{box-shadow:0 0 0 4px #60a5fa33}.shelf-input::placeholder{color:var(--text-secondary)}.btn-scan-shelf{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f666}.dark-mode .btn-scan-shelf{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.btn-scan-shelf:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f680}.btn-scan-shelf:active{transform:scale(.92)}.btn-remove-shelf-input{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:2px solid #fecaca;border-radius:10px;color:#ef4444;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.dark-mode .btn-remove-shelf-input{border-color:#7f1d1d}.btn-remove-shelf-input:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-remove-shelf-input:active{transform:scale(.92)}.empty-state{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:48px 24px;text-align:center;margin-top:16px}.empty-state p{font-size:15px;color:var(--text-secondary);margin-top:20px;line-height:1.6;font-weight:500}.loading-container{padding:40px;text-align:center}.spinner{width:50px;height:50px;margin:0 auto 20px;border:4px solid var(--border);border-top-color:var(--active-color);border-radius:50%;animation:spin .7s linear infinite}.loading-container p{font-size:15px;color:var(--text-secondary);font-weight:600}.color-dropdown-container{position:relative}.color-dropdown-trigger{width:100%;background:var(--card-bg);border:2px solid var(--border);border-radius:10px;padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:60px;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.color-dropdown-trigger:hover{border-color:var(--active-color)}.color-dropdown-trigger:active{transform:scale(.98)}.color-dropdown-label{display:flex;align-items:center;gap:12px;flex:1}.color-dropdown-trigger svg{color:var(--text-secondary);flex-shrink:0}.color-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0000001f;z-index:50;animation:dropdownSlide .2s cubic-bezier(.4,0,.2,1);max-height:280px;overflow-y:auto}.dark-mode .color-dropdown-menu{box-shadow:0 8px 24px #0006}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.color-dropdown-item{width:100%;padding:16px;border:none;background:transparent;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--border);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.color-dropdown-item:last-child{border-bottom:none}.color-dropdown-item:hover{background:var(--bg)}.color-dropdown-item.active{background:linear-gradient(90deg,#eff6ff,#fff)}.dark-mode .color-dropdown-item.active{background:linear-gradient(90deg,#1e3a5f,#1e293b)}.color-dropdown-item.active .color-name{color:var(--active-color);font-weight:800}.color-dropdown-item:active{transform:scale(.98)}.color-name{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.01em}.color-count{font-size:12px;color:var(--text-secondary);font-weight:600}.size-list{display:flex;flex-direction:column;gap:16px}.size-item{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.size-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.size-item.selected{border:2px solid var(--active-color);background:linear-gradient(180deg,#eff6ff,#f8fafc)}.dark-mode .size-item.selected{background:linear-gradient(180deg,#1e3a5f,#0f172a)}.size-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.size-info{display:flex;flex-direction:column;gap:4px}.size-label{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.01em}.size-barcode{font-size:12px;color:var(--text-secondary);font-weight:600}.size-stock{display:flex;align-items:center;gap:8px}.stock-label{font-size:13px;color:var(--text-secondary);font-weight:600}.stock-value{font-size:20px;font-weight:900;color:var(--active-color);letter-spacing:-.02em}.current-shelf{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#dbeafe;border-radius:6px;color:var(--active-color);font-size:13px;font-weight:700;margin-top:8px}.dark-mode .current-shelf{background:#1e3a5f}.variant-shelf-section{margin-top:12px}@media (max-width: 1199px) and (min-width: 1024px){.dashboard-main{max-width:680px;padding:24px}.header-content{padding:14px 18px}.card{padding:18px}}@media (max-width: 1023px) and (min-width: 768px){.dashboard-main{padding:20px}.header-content{padding:12px 16px}.header-logo{width:40px;height:40px}.header-text h1{font-size:16px}.header-text p.user-name{font-size:11px}.btn-icon{width:40px;height:40px}.card{padding:16px}.tab-button{font-size:13px;padding:14px 10px}.info-value.large{font-size:36px}.product-header-layout{gap:12px}.product-image-box{flex:0 0 100px;height:100px}}@media (max-width: 767px) and (min-width: 480px){.dashboard-main{padding:16px}.header-content{padding:10px 14px}.header-logo{width:40px;height:40px}.header-text h1{font-size:15px}.card{padding:14px;margin-bottom:16px}.tabs{margin-bottom:16px}.tab-button{font-size:12px;padding:12px 8px}.tab-button span{display:none}.search-input,.shelf-input{font-size:14px}.btn-scan-large{padding:14px 18px;font-size:14px}.info-value.large{font-size:32px}.product-image-box{flex:0 0 90px;height:90px}.info-value-stock{font-size:28px}.shelf-input-wrapper{gap:8px}.btn-scan-shelf,.btn-remove-shelf-input{width:48px;height:48px}}@media (max-width: 479px){.dashboard-main{padding:12px}.header-content{padding:10px 12px}.header-left{gap:10px}.header-actions{gap:8px}.header-logo{width:36px;height:36px}.header-text h1{font-size:14px}.header-text p.user-name{font-size:10px}.btn-icon{width:36px;height:36px}.card{padding:12px;margin-bottom:14px}.card-title{font-size:15px;margin-bottom:14px}.tabs{margin-bottom:14px}.tab-button{padding:10px 6px;font-size:11px}.tab-button svg{width:16px;height:16px}.search-input{padding:12px 14px 12px 44px;font-size:14px}.btn-scan-large{padding:12px 16px;font-size:14px}.shelf-input-wrapper{gap:6px}.shelf-input{height:44px;padding:0 12px;font-size:13px}.btn-scan-shelf,.btn-remove-shelf-input{width:44px;height:44px}.btn-remove-shelf-input svg,.btn-scan-shelf svg{width:18px;height:18px}.info-grid{gap:10px}.info-item{padding:10px}.info-value.large{font-size:28px}.product-header-layout{gap:10px}.product-image-box{flex:0 0 80px;height:80px}.info-value-stock{font-size:24px}.empty-state{padding:36px 16px}}.camera-reader{position:relative;width:100%;height:100vh;background:#000;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.video-container{position:absolute;top:0;left:0;width:100%;height:100%}.video-container video,.video-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.camera-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:100;background:#fffffff2;padding:40px 60px;border-radius:20px;box-shadow:0 10px 40px #0000004d}.dark-mode .camera-loading{background:#1a1a1af2;box-shadow:0 10px 40px #0009}.camera-loading p{margin-top:20px;font-size:18px;color:#1d1d1f;font-weight:600;letter-spacing:-.01em}.dark-mode .camera-loading p{color:#fff}.spinner{width:60px;height:60px;border:6px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.dark-mode .spinner{border-color:#2a2a2a;border-top-color:#3b82f6}.camera-error{position:absolute;top:0;left:0;width:100%;height:100%;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:40px 20px;z-index:100}.dark-mode .camera-error{background:#000}.camera-error p{font-size:20px;color:#ff3b30;font-weight:700;text-align:center;max-width:350px;letter-spacing:-.01em}.btn-close{position:absolute;top:20px;right:20px;background:#fffffff2;border:none;color:#64748b;cursor:pointer;padding:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;z-index:200;transition:all .2s cubic-bezier(.4,0,.2,1)}.dark-mode .btn-close{background:#1a1a1af2;color:#9ca3af;box-shadow:0 4px 12px #0009}.btn-close:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.btn-close:active{transform:scale(.9)}.btn-retry{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:18px 36px;border-radius:16px;font-size:18px;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 6px 20px #3b82f666;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:-.01em}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f680}.btn-retry:active{transform:scale(.95)}.scan-hint{position:absolute;bottom:10%;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:16px 32px;border-radius:30px;font-size:16px;font-weight:600;white-space:nowrap;box-shadow:0 4px 20px #00000080;letter-spacing:-.01em;z-index:50}@media (max-width: 768px){.camera-loading{padding:36px 48px}.camera-loading p{font-size:16px}.scan-hint{font-size:15px;padding:14px 28px}}@media (max-width: 640px){.btn-close{top:16px;right:16px;padding:12px}}@media (max-width: 480px){.camera-loading{padding:32px 40px}.camera-loading p{font-size:15px}.btn-close{top:12px;right:12px;padding:10px}.btn-retry{padding:16px 32px;font-size:16px}.scan-hint{font-size:14px;padding:12px 24px;bottom:8%}}@media (max-width: 360px){.camera-loading{padding:28px 32px}.camera-loading p{font-size:14px}.spinner{width:50px;height:50px;border-width:5px}.camera-error p{font-size:16px;max-width:300px}.btn-retry{padding:14px 28px;font-size:15px}.scan-hint{font-size:13px;padding:10px 20px}}#reader{position:relative;width:100%;height:100vh}#reader video{width:100%;height:100%;object-fit:cover}#reader__scan_region,#reader__dashboard_section{display:none!important}:root{--bg: #f8fafc;--card-bg: #ffffff;--text: #0f172a;--text-secondary: #64748b;--border: #e2e8f0;--active-color: #3b82f6;--hover-bg: #f8fafc;--shadow: rgba(0, 0, 0, .04)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;background:var(--bg);min-height:100vh;letter-spacing:-.01em;transition:background .3s cubic-bezier(.4,0,.2,1)}body.dark-mode{--bg: #000000;--card-bg: #1a1a1a;--text: #ffffff;--text-secondary: #9ca3af;--border: #2a2a2a;--active-color: #3b82f6;--hover-bg: #0d0d0d;--shadow: rgba(0, 0, 0, .6)}#root{min-height:100vh}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px;background:var(--bg)}.spinner{width:60px;height:60px;border:6px solid var(--border);border-top-color:var(--active-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{font-size:15px;font-weight:500;color:var(--text-secondary);letter-spacing:-.01em}