@keyframes checkmarkPop{0%{transform:scale(.6) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes itemIn{0%{opacity:0;transform:translate3d(0,12px,0) scale3d(.96,.96,1)}to{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes heartBeat{0%,40%,80%,to{transform:scale(1)}20%{transform:scale(1.15)}60%{transform:scale(1.1)}}@keyframes badgePop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes badgeBounce{0%,to{transform:scale(1)}40%{transform:scale(1.3)}}@keyframes dropIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dropItemIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipInBelow{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes tooltipArrowIn{0%{opacity:0}to{opacity:1}}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes btnTap{0%,to{transform:scale3d(1,1,1)}40%{transform:scale3d(.92,.92,1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.12)}70%{transform:scale(.94)}to{transform:scale(1)}}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translate3d(0,-14px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{opacity:0;transform:translate3d(20px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-20px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes drawerItemFade{0%{opacity:0;transform:translate3d(12px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes loadingSpin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes modalSpring{0%{transform:translate3d(0,24px,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}@keyframes enhSheen{0%{transform:translateX(-130%) skewX(-18deg);opacity:0}40%{opacity:.5}to{transform:translateX(240%) skewX(-18deg);opacity:0}}@keyframes enhGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes enhBreathe{0%,to{filter:drop-shadow(0 0 3px rgba(56,189,248,.35));transform:scale(1)}50%{filter:drop-shadow(0 0 9px rgba(56,189,248,.6));transform:scale(1.05)}}@keyframes enhPopIn{0%{transform:scale(.82);opacity:0}60%{transform:scale(1.07)}to{transform:scale(1);opacity:1}}@keyframes slideOutRight{0%{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(30px,0,0)}}*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root.light-mode{--bg:#f8fafc;--surface:rgba(255, 255, 255, 0.85);--surface2:rgba(241, 245, 249, 0.9);--surface3:#e2e8f0;--border:rgba(15, 23, 42, 0.08);--border-focus:rgba(14, 165, 233, 0.5);--text:#0f172a;--muted:#64748b;--dim:#94a3b8;--primary:#0ea5e9;--primary-dim:#0284c7;--glass-bg:rgba(255, 255, 255, 0.7);--glass-border:rgba(15, 23, 42, 0.06);--glow-blue:0 8px 32px 0 rgba(15, 23, 42, 0.08), 0 0 12px rgba(14, 165, 233, 0.05)}:root{--bg:#05070a;--surface:rgba(13, 17, 23, 0.75);--surface2:rgba(22, 27, 34, 0.6);--surface3:#161b22;--border:rgba(240, 246, 252, 0.08);--border-focus:rgba(56, 189, 248, 0.5);--text:#f0f6fc;--muted:#8b949e;--dim:#484f58;--primary:#38bdf8;--primary-dim:#0ea5e9;--danger:#f85149;--warning:#f0883e;--success:#3fb950;--radius:16px;--radius-sm:10px;--glow-blue:0 8px 32px 0 rgba(0, 0, 0, 0.37), 0 0 12px rgba(56, 189, 248, 0.1);--glow-blue-sm:0 0 8px rgba(56, 189, 248, 0.2);--glow-blue-strong:0 0 24px rgba(56, 189, 248, 0.35);--glow-red:0 0 16px rgba(248, 81, 73, 0.2);--glow-border:rgba(56, 189, 248, 0.25);--glass-bg:rgba(13, 17, 23, 0.7);--glass-border:rgba(255, 255, 255, 0.08);--glass-shine:linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent);--glass-blur:blur(16px) saturate(120%);-webkit-glass-blur:blur(16px) saturate(120%);--hairline:rgba(255, 255, 255, 0.08);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.03);--shadow-md:0 12px 28px rgba(0, 0, 0, 0.45), var(--glow-blue-sm);--sat:env(safe-area-inset-top, 0px);--sar:env(safe-area-inset-right, 0px);--sab:env(safe-area-inset-bottom, 0px);--sal:env(safe-area-inset-left, 0px)}body,html{height:100dvh;width:100%;overflow:hidden}body{margin:0;-ms-user-select:none;-webkit-user-select:none;user-select:none;background:var(--bg);position:relative;color:var(--text);font-family:"Inter","Plus Jakarta Sans","Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;letter-spacing:-.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;overscroll-behavior:none;-webkit-overflow-scrolling:touch}body::before{content:"";position:fixed;top:-10%;left:-10%;width:120%;height:120%;z-index:-1;background:radial-gradient(circle at 20% 30%,rgba(56,189,248,.09)0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(99,102,241,.07)0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(14,165,233,.06)0,transparent 60%);animation:pulseAmbient 15s ease infinite alternate;will-change:transform,opacity;transform:translate3d(0,0,0);pointer-events:none}*{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}input,select,textarea{-ms-user-select:text;-webkit-user-select:text;user-select:text}input[type=checkbox]{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid var(--border);border-radius:6px;background:var(--surface2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);outline:0;vertical-align:middle}input[type=checkbox]:hover{border-color:var(--dim);box-shadow:0 0 0 3px rgba(255,255,255,.03)}input[type=checkbox]:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px rgba(56,189,248,.2)}input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary);box-shadow:var(--glow-blue-sm)}input[type=checkbox]:checked::after{content:"";position:absolute;width:4px;height:8px;border:solid #070a0d;border-width:0 2px 2px 0;transform:rotate(45deg);top:2px;left:5px;animation:checkmarkPop .2s cubic-bezier(.34,1.56,.64,1) forwards}header{position:relative;flex-shrink:0;width:100%;padding:16px 20px 12px;padding-top:calc(16px + var(--sat));padding-left:calc(20px + var(--sal));padding-right:calc(20px + var(--sar));background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);background-clip:padding-box}.header-actions,.header-stats,header button,header input,header select{-webkit-app-region:no-drag}.brand,.header-top{display:flex;align-items:center}.header-top{justify-content:space-between;margin-bottom:12px;min-height:48px}.brand{gap:8px;cursor:pointer;min-width:0;overflow:hidden;flex-shrink:1}.logo{opacity:.8;flex-shrink:0;transition:transform .2s ease,filter .2s ease,opacity .2s ease}.brand:hover .logo{opacity:1;filter:drop-shadow(0 0 8px rgba(56,189,248,.4));transform:scale(1.05)}h1{font-size:20px;font-weight:700;letter-spacing:-.5px;line-height:1;background:linear-gradient(120deg,#fff 10%,#a5f3fc 45%,#38bdf8 80%,#fff 100%);background-size:200%auto;animation:shineGradient 6s linear infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.btn-icon.export-btn,.btn-icon.import-btn{font-size:11px;font-weight:600;letter-spacing:.3px;width:auto;height:30px;padding:0 8px;gap:4px;text-transform:uppercase;color:var(--muted)}#searchToggleBtn.active,.btn-icon.export-btn:hover,.btn-icon.import-btn:hover{color:var(--primary);background:rgba(56,189,248,.1)}.search-filter-panel{margin-top:12px}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin .25s ease}.search-filter-panel.show-filters .filter-bar{max-height:500px;opacity:1;pointer-events:auto}.search-toggle-btn{display:inline-flex;align-items:center;justify-content:center;background:0 0;border:0;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px;flex-shrink:0}.search-toggle-btn:hover{color:var(--text);background:var(--surface2)}.search-row{display:flex;gap:8px}.search-wrap{position:relative;flex:1}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--dim);pointer-events:none;transition:color .2s}.filter-wrap:focus-within .filter-icon,.search-wrap:focus-within .search-icon,.sort-wrap:focus-within .sort-icon{color:var(--primary)}#search{width:100%;padding:10px 12px 10px 36px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);color:var(--text);font-size:14px;outline:0;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}#search:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(56,189,248,.1),var(--glow-blue-sm)}#search::placeholder{color:var(--dim)}#search::-webkit-search-cancel-button,#search::-webkit-search-decoration,#search::-webkit-search-results-button,#search::-webkit-search-results-decoration{display:none;-webkit-appearance:none}#search::-ms-clear,#search::-ms-reveal{display:none}.sort-wrap{position:relative;flex-shrink:0}.filter-wrap .filter-icon,.sort-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--dim);pointer-events:none;transition:color .2s;z-index:1}#sortBy,#sortBy:hover{background-color:var(--surface2)}#sortBy{height:40px;padding:0 32px;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='%2352525b' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:13px;outline:0;cursor:pointer;transition:border-color .2s,box-shadow .2s,color .2s,background-image .2s;-webkit-appearance:none;appearance:none;min-width:100px;touch-action:manipulation}#sortBy:hover{border-color:var(--dim)}#sortBy:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(56,189,248,.1),var(--glow-blue-sm);color:var(--text);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='%2338bdf8' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}#categoryFilter option,#sortBy option{background:var(--surface);color:var(--text);padding:8px 12px}.filter-wrap{position:relative;flex:1}#categoryFilter{width:100%;height:40px;padding:0 32px;background-color:var(--surface2);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='%2352525b' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:13px;outline:0;cursor:pointer;transition:border-color .2s,box-shadow .2s,color .2s;-webkit-appearance:none;appearance:none;touch-action:manipulation}#categoryFilter:hover{border-color:var(--dim)}#categoryFilter:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(56,189,248,.1),var(--glow-blue-sm);color:var(--text);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='%2338bdf8' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.header-stats{font-size:13px;color:var(--muted);white-space:nowrap;flex-shrink:0}.empty-state svg,.header-stats .total-value{color:var(--primary)}main{flex:1;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position;padding:12px 16px calc(110px + var(--sab) + 24px);padding-left:calc(16px + var(--sal));padding-right:calc(16px + var(--sar));overscroll-behavior:contain;position:relative}.pull-indicator{position:absolute;top:-60px;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease;z-index:5;pointer-events:none}.pull-spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;opacity:0;transition:opacity .2s ease}.pull-indicator.loading .pull-spinner,.pull-indicator.reveal .pull-spinner{opacity:1;animation:loadingSpin .7s linear infinite!important}.skeleton-list{display:none;flex-direction:column;gap:8px;padding:12px 0;opacity:1;transition:opacity .2s ease}.skeleton-list.show{display:flex}.skeleton-item{padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);contain:layout style paint}.skeleton-slide{display:flex;align-items:stretch;gap:12px;width:100%}.skeleton-circle{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:linear-gradient(90deg,rgba(255,255,255,.03) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.03) 75%);background-size:400% 100%;animation:shimmer 2s ease-in-out infinite}.skeleton-body{flex:1;display:flex;flex-direction:column;justify-content:center}.skeleton-line{height:12px;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.03) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.03) 75%);background-size:400% 100%;animation:shimmer 2s ease-in-out infinite}.skeleton-line.w-60{width:60%}.skeleton-line.w-50{width:50%}.skeleton-line.w-70{width:70%}.skeleton-line.w-55{width:55%}.skeleton-line.w-65{width:65%}.skeleton-line.w-40{width:40%}.skeleton-line.w-35{width:35%}.skeleton-line.w-45{width:45%}.skeleton-line.w-30{width:30%}.empty-state,.inventory-list{display:flex;flex-direction:column}.empty-state{align-items:center;justify-content:center;padding:64px 20px;color:var(--dim);text-align:center;animation:fadeIn .4s ease}.empty-state svg{margin-bottom:16px;width:64px;height:64px;padding:16px;background:radial-gradient(circle,rgba(56,189,248,.15)0,rgba(56,189,248,0) 70%);border-radius:50%;opacity:.9}.empty-state p{font-size:16px;font-weight:500;color:var(--muted);margin-bottom:4px;animation:fadeScaleIn .3s ease .05s both}.empty-state span{font-size:13px}.empty-state .sub-search,.empty-state.search-mode .sub-empty{display:none}.empty-state.search-mode .sub-search{display:inline}.inventory-list{gap:16px;opacity:0;transition:opacity .2s ease}.inventory-list.visible{opacity:1}.item{isolation:isolate;border:1px solid var(--border);border-radius:16px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,background-color .25s ease;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01)) var(--surface);animation:itemIn .3s cubic-bezier(.34,1.56,.64,1) both;touch-action:manipulation}@media (hover:hover){.item:hover{transform:translateY(-3px);border-color:var(--border-focus);box-shadow:var(--shadow-md);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.01)) var(--surface)}}#analyticsModal.open .analytics-card:nth-child(1){animation-delay:.03s}.item-slide,.swipe-delete-btn{display:flex;align-items:center}.item-slide{gap:12px;padding:0;width:100%;min-height:100%;background:var(--surface);box-shadow:2px 0 8px rgba(0,0,0,.2);transition:transform .25s ease}.item-slide:active{background:var(--surface2)}.swipe-delete-btn{position:absolute;right:0;top:0;bottom:0;border-radius:0;width:76px;background:var(--danger);color:#fff;border:0;font-size:13px;font-weight:600;cursor:pointer;z-index:1;justify-content:center;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);transition:opacity .15s ease}@media (hover:hover){.item:hover{border-color:#34343a}}.item:active{transform:translate3d(0,0,0) scale(.995)}.item-info{flex:1;min-width:0}.item-name,.item-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-name{font-size:16px}.item-note{font-size:12px;color:var(--text-secondary, #888);margin-top:2px}.item-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;margin-left:auto}.item-price{font-size:15px;white-space:nowrap;cursor:pointer}.inline-edit-input{width:80px;padding:4px 6px;font-size:13px;font-family:inherit;background:var(--surface2);border:1px solid var(--primary);border-radius:4px;color:var(--text);outline:0;box-sizing:border-box}.item-price .inline-edit-input{text-align:right;width:90px}.item-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);align-items:center}.item-meta .qty,.low-stock-btn #lowStockCount{font-size:11px;display:inline-flex;align-items:center}.item-meta .qty{transition:background-color .25s ease,color .25s ease,border-color .25s ease;cursor:pointer;font-weight:600;font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--muted)}.item-meta .qty.low{color:var(--warning)!important;background:rgba(240,136,62,.1);border:1px solid rgba(240,136,62,.25);box-shadow:0 0 8px rgba(240,136,62,.1)}.item-meta .qty.out{color:var(--danger)!important;background:rgba(248,81,73,.1);border:1px solid rgba(248,81,73,.25);box-shadow:0 0 8px rgba(248,81,73,.1)}.item-meta,.notification-field{margin-top:4px}.notification-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm)}.notification-label{font-size:14px;font-weight:500;color:var(--text);margin-bottom:2px}.notification-sub{font-size:12px;color:var(--muted)}.notif-toggle{position:relative;width:44px;height:24px;background:var(--border);border:0;border-radius:12px;cursor:pointer;flex-shrink:0;padding:0;outline:0}.notif-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.notif-toggle::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.35)}.notif-toggle.on{background:var(--primary)}.notif-toggle.on::after{transform:translateX(20px)}.notif-toggle.denied{opacity:.5;cursor:not-allowed}.low-stock-btn{display:none;align-items:center;gap:6px;height:40px;padding:0 12px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);color:var(--warning);font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;flex-shrink:0;-webkit-app-region:no-drag}.low-stock-btn.show{display:inline-flex}.low-stock-btn:hover{background:rgba(245,158,11,.2);border-color:var(--warning)}.low-stock-btn.active{background:var(--warning);color:#0a0a0b;border-color:var(--warning)}.low-stock-btn svg{flex-shrink:0}.low-stock-btn.pulse{animation:lowStockPulse 1.5s ease}.low-stock-btn #lowStockCount{background:var(--warning);color:#0a0a0b;font-weight:700;min-width:18px;height:18px;border-radius:9px;justify-content:center;padding:0 6px;margin-left:2px}.low-stock-btn.active #lowStockCount{background:#0a0a0b;color:var(--warning)}.item.low-stock{border-left:4px solid var(--warning)}.item.out-of-stock{border-left:4px solid var(--danger)}@media (max-width:480px){.item.low-stock{border-left:4px solid var(--warning)}.item.out-of-stock{border-left:4px solid var(--danger)}}.credit-name{color:var(--primary);font-weight:600;letter-spacing:.5px}.app-credit,.empty-credit{font-size:12px;letter-spacing:.3px}.empty-credit{margin-top:32px;color:var(--dim)}.app-credit{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;padding-bottom:calc(8px + var(--sab));color:var(--muted);background:var(--surface);border-top:1px solid var(--border);user-select:none}.app-credit .credit-dot{color:var(--dim)}body.batch-mode .app-credit,body.reorder-mode .app-credit,body.stocktaking .app-credit{display:none}@media (max-width:480px){main{padding-bottom:calc(90px + var(--sab) + 24px)!important}.app-credit{font-size:11px;padding:6px 12px;padding-bottom:calc(6px + var(--sab))}}.settings-about{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);text-align:center;display:flex;flex-direction:column;gap:4px}.about-line{font-size:12px;color:var(--muted);letter-spacing:.3px}.about-credit{color:var(--dim)}.about-heart{color:var(--danger);display:inline-block;animation:heartBeat 1.5s ease infinite}.item-updated{font-size:12px;color:var(--dim)}.cat-badge{display:inline-block;font-size:11px;background:rgba(56,189,248,.12);color:var(--primary);animation:badgePop .3s ease both;border:1px solid currentColor;opacity:.85}.item-actions{display:flex;gap:4px;flex-shrink:0}body.stocktaking .item{border-color:var(--primary);box-shadow:0 0 0 1px rgba(56,189,248,.2)}.stocktake-input{width:64px;padding:6px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;text-align:center;outline:0;transition:border-color .2s}.stocktake-input:focus{border-color:var(--primary)}.stocktake-status{display:inline-flex;align-items:center;gap:4px;font-size:13px}.stocktake-status.done{color:var(--success)}.stocktake-status.pending{color:var(--dim)}body.reorder-mode .item{border-color:var(--warning)}.reorder-btns{display:flex;gap:4px}.reorder-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface2);color:var(--muted);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .15s,color .15s,border-color .15s}.reorder-btn::before{content:"";position:absolute;top:50%;left:50%;width:36px;height:44px;transform:translate(-50%,-50%)}.reorder-btn:hover{background:var(--border);color:var(--text)}.reorder-btn:active{transform:translate3d(0,0,0) scale(.9)}.reorder-btn.minus:hover{border-color:var(--danger);color:var(--danger)}.reorder-btn.plus:hover{border-color:var(--success);color:var(--success)}.action-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:12px 20px;padding-bottom:calc(12px + var(--sab));background:var(--surface);border-top:1px solid var(--border);display:none;align-items:center;justify-content:space-between;gap:12px;will-change:transform;animation:slideUpBar .25s ease}.action-bar.open{display:flex}.action-bar-info{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--muted)}.action-bar-info svg{color:var(--primary);flex-shrink:0}.action-bar-count{font-size:13px;color:var(--dim);font-weight:400;margin-left:4px}.action-bar-actions{display:flex;gap:8px}body.batch-mode main,body.reorder-mode main,body.stocktaking main{padding-bottom:calc(80px + var(--sab) + 56px)}.btn,.btn-icon{border-radius:var(--radius-sm)}.btn{border:0;cursor:pointer;font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent}.btn-icon{background:0 0;color:var(--muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.btn-icon:active,.btn:active{background:rgba(255,255,255,.08)}.btn-icon#addBtn{color:var(--primary)}.btn-icon#addBtn svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}@media (hover:hover){.dropdown-item:hover svg{color:var(--primary)}.btn-icon#addBtn:hover svg{transform:rotate3d(0,0,1,90deg) scale3d(1.15,1.15,1)}.btn-icon#addBtn:hover{background:rgba(56,189,248,.1);color:var(--primary-dim);box-shadow:var(--glow-blue-sm)}}.more-btn{border-radius:50%;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;position:relative}@media (hover:hover){.more-btn:hover{background:rgba(255,255,255,.08);transform:scale(1.1);box-shadow:var(--glow-blue-sm)}}.more-btn:active{transform:translate3d(0,0,0) scale(.95)}.more-btn svg circle{transition:fill .2s ease}@media (hover:hover){.more-btn:hover svg circle{fill:var(--primary)}.btn-icon:hover{background:var(--surface2)}.btn-icon.danger:hover{color:var(--danger);background:rgba(239,68,68,.1)}}.btn-sm{padding:6px 14px;font-size:13px}.btn-primary{padding:10px 24px;color:#fff;border:0;background:linear-gradient(135deg,#38bdf8 0,#0ea5e9 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 12px rgba(56,189,248,.2),var(--glow-blue-sm);text-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-primary::after{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0)0,rgba(255,255,255,.15) 50%,rgba(255,255,255,0) 100%);transform:skewX(-15deg);transition:transform .6s ease;pointer-events:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 6px 16px rgba(56,189,248,.35),var(--glow-blue-strong)}.btn-primary:hover::after{transform:translateX(100%) skewX(-15deg)}.btn-primary:disabled{opacity:.4;cursor:default}.btn-secondary{padding:10px 24px;background:var(--surface2);color:var(--muted)}.btn-secondary:hover{background:var(--border)}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;background:#fff;color:#333;border:1px solid #ddd;font-size:14px}.btn-google:hover{background:#f5f5f5}.auth-divider{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.auth-divider::after,.auth-divider::before{content:"";flex:1;height:1px;background:var(--border)}.btn-danger{padding:6px 14px;background:rgba(239,68,68,.15);color:var(--danger);font-size:13px}.btn-danger:hover{background:rgba(239,68,68,.25)}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(5,7,10,.4);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);align-items:flex-end;justify-content:center;z-index:500;content-visibility:hidden;will-change:opacity,backdrop-filter;transition:backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease,background-color .3s ease}body.keyboard .modal-overlay{align-items:flex-start;padding-top:16px;padding-top:calc(16px + var(--sat))}body.keyboard .modal{max-height:60vh;overflow-y:auto;border-radius:var(--radius);animation:fadeIn .2s ease}.modal-overlay.open{display:flex;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:rgba(5,7,10,.65);content-visibility:visible}.auth-error,.text-danger{color:var(--danger)}.auth-error{font-size:13px;margin-bottom:8px;display:none}#authModal{z-index:10000}.field input,.field select{width:100%;border:1px solid var(--border);padding:16px 12px 8px;background:var(--surface2);border-radius:var(--radius-sm);color:var(--text);font-size:15px;outline:0;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.modal{width:100%;position:relative;max-width:420px;max-height:85vh;overflow-y:auto;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01)) var(--surface3);border:1px solid var(--glass-border)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius) var(--radius)0 0;padding:20px 20px 28px;will-change:transform,opacity;animation:slideUp .35s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 20px 40px rgba(0,0,0,.5),var(--glow-blue)}#lowStockCount.bounce{animation:badgeBounce .3s cubic-bezier(.34,1.56,.64,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:18px;font-weight:600}.field{position:relative;margin-bottom:16px}.field label{position:absolute;top:12px;left:12px;font-size:14px;color:var(--muted);pointer-events:none;transition:top .2s cubic-bezier(.4,0,.2,1),font-size .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);z-index:1}.field input:hover,.field select:hover,.field textarea:hover{border-color:#3f3f46}.field input:focus,.field select:focus,.field textarea:focus{background:var(--bg);box-shadow:0 0 0 3px rgba(56,189,248,.25),var(--glow-blue-sm);transform:translateY(-1px)}.field textarea:focus{border-color:var(--primary)}.field select{-webkit-appearance:none;appearance:none;background:var(--surface2)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='%2352525b' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")no-repeat right 12px center/14px auto;padding-right:32px}.field select:focus{background:#070a0d 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='%2338bdf8' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")no-repeat right 12px center/14px auto}.field select~label{top:4px;font-size:11px;color:var(--muted)}.field select:focus~label{color:var(--primary)}.field textarea{width:100%;padding:16px 12px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:inherit;outline:0;resize:vertical;min-height:40px;box-sizing:border-box;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.field input:focus~label,.field input:not(:placeholder-shown)~label,.field textarea:focus~label,.field textarea:not(:placeholder-shown)~label{top:4px;font-size:10px;color:var(--primary)}.field-row{display:flex;gap:12px}.field-row .field{flex:1}.field-row-3{display:flex;gap:8px}.field-row-3 .field{flex:1;min-width:0}.field-row-3 .field input{padding:16px 8px 8px;text-align:center}.field-row-3 .field label{left:8px}.modal-actions{display:flex;gap:10px;margin-top:20px;position:sticky;bottom:0;background:var(--surface3);padding-top:12px;padding-bottom:4px;z-index:10;border-top:1px solid rgba(255,255,255,.06)}.modal-actions .btn{flex:1;text-align:center}.modal-body{margin-bottom:4px}.modal-input{width:100%;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;font-family:inherit;outline:0;box-sizing:border-box;transition:border-color .2s,box-shadow .2s,transform .2s cubic-bezier(.34,1.56,.64,1)}.modal-input:focus{background:#070a0d;border-color:var(--primary);box-shadow:0 0 0 4px rgba(56,189,248,.15),var(--glow-blue-sm);transform:translateY(-1px)}.confirm-msg{font-size:15px;line-height:1.5;color:var(--text)}#toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%) translateY(100px) scale(.9);display:flex;align-items:center;gap:12px;padding:10px 20px;background:rgba(17,21,26,.88);border:1px solid var(--border);z-index:10000;opacity:0;will-change:transform,opacity;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;max-width:calc(100vw - 40px);white-space:nowrap}#toast.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}#toast,.toast-close svg{pointer-events:none}.toast-text{font-size:14px;color:var(--text)}.toast-undo{padding:6px 14px;background:rgba(56,189,248,.15);border:0;border-radius:99px;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0;pointer-events:auto}.toast-undo:hover{background:rgba(56,189,248,.1)}.toast-close,.tutorial-overlay{align-items:center;justify-content:center}.toast-close{padding:4px;background:0 0;border:0;color:var(--dim);cursor:pointer;display:flex;flex-shrink:0;pointer-events:auto}.shortcut-item span,.toast-close:hover{color:var(--muted)}@media (max-width:480px){#toast{bottom:40px}}.tutorial-overlay{display:none;position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.85);padding:24px;animation:overlayIn .3s ease}.tutorial-overlay.open{display:flex}.tutorial-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;max-width:360px;width:100%;text-align:center;animation:fadeIn .3s ease}.tutorial-title{font-size:18px;font-weight:600;margin-bottom:12px}.tutorial-text{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:24px}.tutorial-actions{display:flex;justify-content:center;gap:12px}@media (min-width:768px){#searchToggleBtn{display:none!important}#toast{bottom:120px}}.dropdown{display:none;position:fixed;z-index:1050;width:180px;max-width:calc(100vw - 24px);box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.5),var(--glow-blue-sm);animation:dropIn .2s cubic-bezier(.16,1,.3,1);overflow:hidden;padding:6px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;border-radius:8px;margin:2px 0;transition:background-color .15s ease;opacity:0;animation:dropItemIn .25s ease forwards}.dropdown-item:nth-child(1){animation-delay:0ms}.dropdown-item:nth-child(2){animation-delay:30ms}.dropdown-item:nth-child(3){animation-delay:60ms}.dropdown-item:nth-child(4){animation-delay:90ms}.dropdown-item:nth-child(5){animation-delay:120ms}.dropdown-item:nth-child(6){animation-delay:150ms}.dropdown-item:nth-child(7){animation-delay:180ms}.dropdown-item svg{flex-shrink:0;color:var(--muted);transition:color .15s ease}.dropdown-item:hover{background:rgba(56,189,248,.08);color:var(--primary)}.dropdown-item.danger,.dropdown-item.danger svg,.dropdown-item.danger:hover svg{color:var(--danger)}.dropdown-item.danger:hover{background:rgba(239,68,68,.1);color:var(--danger)}.dropdown-divider{height:1px;margin:4px 8px;background:rgba(255,255,255,.06)}.trash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px;color:var(--muted)}.trash-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch}.empty-trash{text-align:center;padding:32px 0;color:var(--dim);font-size:14px}.trash-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--surface2);border-radius:var(--radius-sm)}.trash-item-info{flex:1;min-width:0}.trash-item-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trash-item-meta{font-size:12px;color:var(--dim);margin-top:2px}.trash-item-actions{display:flex;gap:6px;flex-shrink:0}.shortcuts-list{display:flex;flex-direction:column;gap:10px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:14px}.shortcut-item kbd{display:inline-block;padding:4px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;font-size:12px;font-family:inherit;color:var(--text);min-width:60px;text-align:center}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}::-webkit-scrollbar-thumb{background:rgba(56,189,248,.15);border-radius:99px;border:1px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:rgba(56,189,248,.35)}@media (min-width:640px){.search-filter-panel{margin-top:12px!important}.filter-bar{max-height:none!important;opacity:1!important;pointer-events:auto!important;margin-top:8px!important}.search-filter-panel .search-row{flex:1}.modal-overlay{align-items:center}.modal{border-radius:var(--radius);animation:fadeIn .25s ease}#toast{bottom:60px}.inventory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px}}@media (max-width:767px){body{align-items:stretch!important}.action-bar,header,main{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;border-left:none!important;border-right:none!important}.action-bar{left:0!important;transform:none!important}}@media (min-width:768px){#searchToggleBtn{display:none!important}body{align-items:stretch!important}.action-bar,header,main{width:100%;max-width:none!important}header,main{border-left:none!important;border-right:none!important;margin:0 auto}header{-webkit-app-region:drag}.action-bar{left:0!important;transform:none!important}}@media (max-width:480px){header{padding:8px 10px 6px;padding-top:calc(8px + var(--sat));padding-left:calc(10px + var(--sal));padding-right:calc(10px + var(--sar))}.header-top{margin-bottom:6px}h1{font-size:17px}.header-actions{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;align-items:center!important}.btn-icon,.hamburger-btn{width:30px;height:30px}.hamburger-btn{padding:6px;gap:4px}.hamburger-btn span{width:18px}.hamburger-btn.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-btn.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.btn-icon.export-btn,.btn-icon.import-btn{font-size:10px;height:26px;padding:0 5px}.search-row{flex-direction:row;gap:6px;margin-bottom:6px}#search{padding:7px 8px 7px 30px;font-size:13px}.search-icon{left:8px;width:14px;height:14px}#sortBy{width:auto;min-width:80px}.filter-wrap .filter-icon,.sort-icon{left:8px}.filter-row{flex-direction:row;align-items:center;gap:6px;margin-bottom:4px}.filter-wrap{flex:1;min-width:0}.low-stock-btn{height:34px;padding:0 8px;font-size:11px}.swipe-delete-btn{top:14px;bottom:14px;right:10px}#categoryFilter,#sortBy{height:34px;font-size:12px;padding:0 24px 0 26px}.header-stats{font-size:11px;text-align:right;flex-shrink:0;white-space:nowrap}.inventory-list{gap:0}.item{padding:14px 10px;gap:8px;background:var(--surface)!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:none!important;overflow:hidden!important;isolation:isolate!important}.item-slide{width:100%!important;transform:translate3d(0,0,0)}.item-name{font-size:15px}.item-price{font-size:14px}.item-meta{gap:5px;font-size:12px;margin-top:3px}.item-actions{gap:2px}.cat-badge{font-size:10px;padding:0 6px}.reorder-btn{width:28px;height:28px;font-size:14px}.stocktake-input{width:52px;padding:4px 6px;font-size:13px}.drawer-item kbd{display:none}.batch-bar .btn-sm{padding:5px 8px;font-size:11px}.batch-bar .action-bar-actions{gap:4px}.field-row-3{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-row-3 .field{min-width:0}.field-row-3 .field:last-child{grid-column:1/-1}.modal{padding:16px 16px 20px;max-width:calc(100% - 24px)!important;margin:0 auto 12px!important;border-radius:var(--radius)!important}.action-bar{padding:10px 12px;padding-bottom:calc(10px + var(--sab))}.action-bar-info{font-size:13px}.skeleton-item{padding:12px 10px}.btn-primary:hover{box-shadow:0 2px 8px rgba(56,189,248,.25);transform:none}.item:hover{box-shadow:none!important;transform:none}}@media (max-width:360px){.btn-icon,.hamburger-btn{width:28px;height:28px}.hamburger-btn{padding:5px;gap:3px}.hamburger-btn span{width:18px}.hamburger-btn.open span:nth-child(1){transform:translateY(5px) rotate(45deg)}.hamburger-btn.open span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.btn-icon.export-btn,.btn-icon.import-btn{padding:0 4px;font-size:9px;height:24px}.btn-icon.export-btn svg,.btn-icon.import-btn svg{width:12px;height:12px}h1{font-size:15px}#sortBy{min-width:70px}#categoryFilter,#sortBy{font-size:11px;padding:0 20px 0 22px}.header-stats{font-size:10px}#search{padding:6px 6px 6px 26px;font-size:12px}.search-icon{left:6px;width:13px;height:13px}}@media (display-mode:window-controls-overlay){header{padding-top:16px;padding-left:calc(20px + env(titlebar-area-x,0));padding-right:calc(20px + env(titlebar-area-width,0))}.header-top .brand .logo{width:16px;height:16px}.header-top h1{font-size:14px;font-weight:500}}#fullscreenBtn .fs-collapse,#fullscreenBtn.is-fullscreen .fs-expand{display:none}#fullscreenBtn.is-fullscreen .fs-collapse{display:block}#fullscreenBtn.is-fullscreen{color:var(--primary);background:rgba(56,189,248,.1)}@media (display-mode:standalone),(display-mode:fullscreen){#fullscreenBtn{display:none!important}}.splash-screen{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);gap:20px;pointer-events:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.splash-logo{opacity:0;animation:splashLogoIn .5s ease .1s forwards;filter:drop-shadow(0 0 20px rgba(56,189,248,.3))}.splash-logo-path{animation:splashDraw 1.4s ease-in-out .2s forwards,splashPulse 2.4s ease-in-out 1.6s infinite}.splash-name{font-size:22px;font-weight:600;letter-spacing:-.3px;color:var(--text);opacity:0;animation:splashLogoIn .5s ease .25s forwards}.splash-credit{position:absolute;bottom:calc(32px + env(safe-area-inset-bottom,0));font-size:12px;color:var(--dim);letter-spacing:.5px;text-transform:uppercase;opacity:0;animation:splashLogoIn .5s ease .55s forwards}.splash-credit .splash-credit-name{color:var(--primary);font-weight:600;letter-spacing:1px;margin-left:2px}.splash-loader{width:32px;height:3px;background:var(--surface2);border-radius:2px;overflow:hidden;position:relative;margin-top:8px;opacity:0}.splash-loader::after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:var(--primary);border-radius:2px;animation:splashLoader 1s ease infinite}@media (display-mode:standalone){body,html{overscroll-behavior:none}}[data-tooltip]{position:relative;overflow:visible}[data-tooltip]:focus-visible::before,[data-tooltip]:hover::before{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1f2937;color:#f9fafb;font-size:11px;font-weight:500;padding:5px 9px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:1000;opacity:0;animation:tooltipInBelow .15s ease forwards;box-shadow:0 4px 12px rgba(0,0,0,.35);letter-spacing:.2px;max-width:200px;overflow:hidden;text-overflow:ellipsis}[data-tooltip]:focus-visible::after,[data-tooltip]:hover::after{content:"";position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom-color:#1f2937;pointer-events:none;z-index:1000;opacity:0;animation:tooltipArrowIn .15s ease forwards}.tooltip-above[data-tooltip]:focus-visible::before,.tooltip-above[data-tooltip]:hover::before{top:auto;bottom:calc(100% + 8px);animation:tooltipInAbove .15s ease forwards}.tooltip-above[data-tooltip]:focus-visible::after,.tooltip-above[data-tooltip]:hover::after{top:auto;bottom:calc(100% + 2px);border:5px solid transparent;border-top-color:#1f2937;animation:tooltipArrowIn .15s ease forwards}.tooltip-end[data-tooltip]:focus-visible::before,.tooltip-end[data-tooltip]:hover::before{left:auto;right:0;transform:none;animation:tooltipInEnd .15s ease forwards}.tooltip-end[data-tooltip]:focus-visible::after,.tooltip-end[data-tooltip]:hover::after{left:auto;right:8px;transform:none;animation:tooltipArrowIn .15s ease forwards}@media (max-width:480px){#shortcutsBtn,#shortcutsModal{display:none!important}}.hamburger-btn{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:0 0;border:0;border-radius:var(--radius-sm);cursor:pointer;gap:5px;padding:8px;flex-shrink:0;transition:background .2s;-webkit-app-region:no-drag}.hamburger-btn:hover{background:var(--surface2)}.hamburger-btn:active{transform:translate3d(0,0,0) scale(.85)}.hamburger-btn span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.hamburger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease;will-change:opacity;-webkit-tap-highlight-color:transparent}.drawer-overlay.open{opacity:1;pointer-events:auto}.account-dropdown{position:fixed;top:calc(56px + var(--sat, 0px));right:52px;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:600;display:none;overflow:hidden;animation:fadeIn .15s ease}.account-dropdown.open{display:block}.account-dropdown-header{padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted);word-break:break-all}.account-dropdown-body{padding:4px}.account-dropdown-item{display:block;width:100%;padding:8px 14px;background:0 0;border:0;color:var(--text);font-size:14px;text-align:left;cursor:pointer;border-radius:6px}.account-dropdown-item:hover,.inv-table tbody tr:hover{background:var(--surface2)}@media (max-width:480px){.account-dropdown{right:12px}}.drawer{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);z-index:101;transform:translate3d(100%,0,0);will-change:transform;transition:transform .32s cubic-bezier(.16,1,.3,1),visibility .32s ease;display:flex;flex-direction:column;border-left:1px solid var(--border);visibility:hidden;pointer-events:none;box-shadow:-8px 0 40px rgba(0,0,0,.5),var(--glow-blue)}.drawer.open{transform:translate3d(0,0,0);visibility:visible;pointer-events:auto}.drawer-header{padding:20px 20px 12px;font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border)}.drawer-items{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0;display:flex;flex-direction:column;gap:2px}.drawer-item{display:flex;align-items:center;gap:12px;padding:14px 20px;background:0 0;border:0;color:var(--text);font-size:14px;cursor:pointer;border-left:3px solid transparent;transition:background .2s,color .2s,border-left-color .2s;text-align:left;width:100%;-webkit-tap-highlight-color:transparent}.drawer-item:focus-visible,.drawer-item:hover{background:rgba(255,255,255,.04);border-left-color:var(--primary);color:var(--primary)}.drawer-item svg{flex-shrink:0;opacity:.7;width:18px;height:18px}.drawer-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-item kbd{font-size:11px;color:var(--muted);background:var(--surface2);padding:2px 7px;border-radius:4px;font-family:inherit;letter-spacing:.3px;border:1px solid var(--border)}.batch-checkbox,.btn,.btn-icon,.cat-badge,.clickable,.close-modal,.dropdown-item,.low-stock-btn,.recent-item,.reorder-btn,.toast-close,.toast-undo,[data-tooltip],[role=button],a{touch-action:manipulation}@media (hover:none) and (pointer:coarse){[data-tooltip]:focus-visible::after,[data-tooltip]:focus-visible::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{display:none!important}}.batch-bar .action-bar-count{font-size:12px;font-weight:400;opacity:.8}.batch-checkbox{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--border);border-radius:6px;background:var(--surface2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-right:8px;position:relative;transition:background-color .2s cubic-bezier(.34,1.56,.64,1),border-color .2s cubic-bezier(.34,1.56,.64,1),transform .2s cubic-bezier(.34,1.56,.64,1);outline:0}.batch-checkbox:hover{border-color:var(--dim)}.batch-checkbox:checked{background:var(--primary);border-color:var(--primary);transform:scale(1.05);box-shadow:var(--glow-blue-sm)}.batch-checkbox:checked::after{content:"";position:absolute;width:4px;height:9px;border:solid #070a0d;border-width:0 2px 2px 0;transform:rotate(45deg);top:2px;left:6px}@media (max-width:480px){.batch-checkbox{width:24px;height:24px;margin-right:10px}}.item.batch-selected{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius-sm)}.item.long-press-ripple{animation:longPressRipple .5s ease}.batch-bar .action-bar-actions{gap:5px}.batch-bar .bar-selectable{opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.batch-bar.has-selection .bar-selectable{opacity:1;visibility:visible}body.batch-mode .item-actions .btn-icon,body.batch-mode .more-btn{display:none}body.batch-mode .item .qty{min-width:auto}.drawer-section{margin-top:8px}.drawer-subheader{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:12px 20px 6px}.drawer-version{font-size:11px;color:var(--dim);text-align:center;padding:12px 20px;border-top:1px solid var(--border);flex-shrink:0}.recent-list{display:flex;flex-direction:column;gap:1px;padding:0 8px 8px}.recent-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:0 0;border:0;border-radius:6px;color:var(--text);font-size:13px;cursor:pointer;transition:background .15s;text-align:left;width:100%}.recent-item:focus-visible,.recent-item:hover{background:var(--surface2)}.recent-item .recent-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-item .recent-qty{font-size:11px;color:var(--muted);flex-shrink:0}.modal-wide{max-width:900px}.invoice-tabs{display:none}.tab-panel{display:block}.invoice-body{display:flex;gap:16px;flex-wrap:wrap}.invoice-form,.invoice-preview{flex:1;min-width:280px}.invoice-preview{border-left:1px solid var(--border);padding-left:16px}.invoice-section{margin-bottom:16px}.invoice-section h3{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.invoice-item-list{max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 0}.invoice-item-list label{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:14px}.invoice-item-list label:hover{background:var(--hover, rgba(255, 255, 255, 0.03))}.invoice-preview-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin-bottom:8px}.invoice-preview-total{font-size:18px;font-weight:700;color:var(--primary)}.invoice-preview-body{min-height:200px}.invoice-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border);flex-wrap:wrap}.invoice-footer-left{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.invoice-footer-right{display:flex;gap:8px}.input-small{width:80px}.invoice-number{font-size:18px;font-weight:700;color:var(--muted);letter-spacing:1px}.invoice-list{max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch}.invoice-list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border)}.invoice-list-item:last-child{border-bottom:none}.invoice-list-item:hover{background:var(--hover, rgba(255, 255, 255, 0.03))}.invoice-list-item .inv-meta{font-size:12px;color:var(--muted)}.invoice-list-item .inv-actions{display:flex;gap:6px}.inv-preview{font-family:"Courier New",monospace;font-size:13px;line-height:1.6;color:var(--text)}.inv-preview-header{text-align:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border)}.inv-preview-header h2{font-size:22px;margin:0 0 4px;letter-spacing:4px;color:var(--primary)}.inv-number{font-size:14px;font-weight:600;color:var(--text);letter-spacing:1px}.inv-date,.inv-table th{font-size:12px;color:var(--muted)}.inv-table th{text-align:left;font-size:11px;text-transform:uppercase;border-bottom:2px solid var(--border);padding:8px 6px;letter-spacing:.5px}.inv-customer{margin-bottom:16px;padding:10px 12px;background:var(--surface2);border-radius:6px;border-left:3px solid var(--primary);line-height:1.7}.inv-customer strong{font-size:14px}.inv-table{width:100%;border-collapse:collapse;margin-bottom:16px}.inv-table td{padding:8px 6px;border-bottom:1px solid var(--border)}.inv-table td:last-child,.inv-table th:last-child{text-align:right}.inv-table td:nth-child(2),.inv-table th:nth-child(2){text-align:center}.inv-table td:nth-child(3),.inv-table th:nth-child(3){text-align:right}.inv-totals{text-align:right;font-size:14px;padding-top:8px;border-top:2px solid var(--border)}.inv-subtotal,.inv-tax{color:var(--muted);padding:2px 0}.inv-total{font-size:20px;font-weight:700;padding:4px 0;color:var(--primary)}.inv-notes{margin-top:16px;padding:10px 12px;background:var(--surface2);border-radius:6px;font-style:italic;color:var(--muted);border-left:3px solid var(--muted)}@media (max-width:480px){.modal-wide{max-width:100%}.invoice-tabs{display:flex;gap:4px;margin-bottom:12px;background:var(--surface2);border-radius:var(--radius-sm);padding:3px}.invoice-tab{flex:1;padding:8px;font-size:13px;font-weight:500;color:var(--muted);background:0 0;border:0;border-radius:6px;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.invoice-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.3)}.invoice-body{flex-direction:column}.tab-panel:not(.active){display:none}.invoice-preview{border-left:none;padding-left:0;padding-top:0;border-top:none}.invoice-footer{flex-direction:column;align-items:stretch}.invoice-footer-right{justify-content:stretch}.invoice-footer-right .btn{flex:1}}.field-inline{display:flex;align-items:center;gap:8px;margin-bottom:0}.field-inline label{position:static!important;pointer-events:auto!important;transform:none!important;font-size:14px!important;color:var(--muted)!important;margin-bottom:0!important;white-space:nowrap!important}@media print{#categoryFilter,#dropdown,#search,#sortBy,#toast,.action-bar,.app-credit,.empty-state,.low-stock-btn,.more-btn,.skeleton-list,.splash-screen,.tutorial-overlay,body>header,body>main{display:none!important}.modal-overlay{position:static;background:0 0;display:block!important}.modal{box-shadow:none;border:0;max-height:none;overflow:visible}body{color:#000!important}.inventory-list{display:block!important;gap:0!important}.item,body{background:#fff!important}.item{display:flex!important;border:0!important;border-bottom:1px solid #ddd!important;border-radius:0!important;box-shadow:none!important;padding:8px 0!important;page-break-inside:avoid}.item.low-stock,.item.out-of-stock{background:#fafafa!important;border-left:none!important}.item-name{color:#000!important;font-size:13px!important}.item-meta{color:#333!important;font-size:11px!important}.qty.low{color:#b45309!important}.qty.out{color:#dc2626!important}.item-updated{display:none!important}.cat-badge{background:#eee!important;color:#333!important}.item-actions{display:none!important}.item-right{flex-direction:row!important;gap:8px!important}.item-price{font-size:13px!important;font-weight:600!important}#itemCount{position:static!important;display:block!important;color:#555!important;font-size:12px!important;margin-bottom:12px!important}.header-stats .total-value,.item-price{color:#000!important}@page{size:A4 portrait;margin:15mm}}.analytics-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;max-height:80vh}.analytics-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.analytics-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.analytics-card-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-weight:500}.analytics-card-value{font-size:20px;font-weight:700;color:var(--text)}.analytics-chart-section{border-top:1px solid var(--border);padding-top:16px}.analytics-chart-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px}.analytics-bars{display:flex;flex-direction:column;gap:10px}.analytics-bar-row{display:flex;align-items:center;gap:10px}.analytics-bar-label{font-size:12px;color:var(--text);width:80px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-bar-track{flex:1;height:20px;background:var(--surface2);border-radius:10px;overflow:hidden;position:relative}.analytics-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#7dd3fc);border-radius:10px;transition:width .6s ease;min-width:0}.analytics-bar-fill.warning{background:linear-gradient(90deg,var(--warning),#fbbf24)}.analytics-bar-fill.danger{background:linear-gradient(90deg,var(--danger),#fb7185)}.analytics-bar-val{font-size:11px;color:var(--muted);width:40px;text-align:right;flex-shrink:0}.analytics-empty{text-align:center;color:var(--muted);font-size:13px;padding:40px 0}@media (max-width:480px){.analytics-summary{grid-template-columns:1fr 1fr;gap:8px}.analytics-card{padding:14px 16px}.analytics-card-value{font-size:16px}.analytics-body{padding:12px 12px 16px;gap:14px}.analytics-bar-label{width:60px;font-size:11px}.analytics-bar-val{width:32px;font-size:10px}.dropdown[style*="display: block"],.dropdown[style*="display:block"]{position:fixed!important;z-index:1050!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:0 12px 40px rgba(0,0,0,.5),var(--glow-blue-sm)!important;padding:6px!important;box-sizing:border-box!important}}.inventory-selector{position:relative;display:inline-flex;align-items:center;max-width:100%;overflow:hidden;flex-shrink:1}.inv-select-btn{display:flex;align-items:center;gap:4px;background:0 0;border:1px solid var(--border);color:var(--muted);font-size:12px;padding:3px 6px 3px 8px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:border-color .15s,color .15s}.inv-select-btn:focus-visible,.inv-select-btn:hover{border-color:var(--primary);color:var(--text)}.inv-select-btn #invSelectName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-chevron{flex-shrink:0;color:var(--muted);transition:transform .2s}.inv-select-btn.open .inv-chevron{transform:rotate(180deg)}.inv-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 32px rgba(0,0,0,.4);z-index:50;overflow:hidden;transform-origin:top left;animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.inv-dropdown.open{display:block}.inv-dropdown-item{padding:8px 12px;font-size:13px;color:var(--muted);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-dropdown-item:hover{color:var(--primary)}.inv-dropdown-item.active,.inv-dropdown-item:hover{background:rgba(56,189,248,.12)}.inv-dropdown-item:focus-visible,.inv-dropdown-item:hover{background:var(--surface2);color:var(--text)}.inv-dropdown-item.active{color:var(--primary);font-weight:500}.inv-dropdown-item+.inv-dropdown-item{border-top:1px solid var(--border)}@media (max-width:480px){.inv-select-btn{font-size:11px;max-width:120px!important;padding:2px 6px;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}@media (max-width:360px){.inv-select-btn{max-width:80px;font-size:10px;padding:2px 4px}.analytics-bar-label{width:50px;font-size:10px}.analytics-bar-val{width:28px;font-size:9px}}.member-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.member-avatar,.member-chip{display:flex;align-items:center}.member-chip{gap:10px;padding:8px 12px;background:var(--surface2);border-radius:var(--radius-sm);font-size:13px}.member-avatar{width:28px;height:28px;border-radius:50%;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0;text-transform:uppercase}.member-email,.member-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-card h2{color:var(--text);font-size:24px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px}.member-name{color:var(--text);font-weight:500}.member-email,.member-role{color:var(--muted);font-size:11px}.member-role{font-weight:500;padding:2px 8px;border-radius:999px;background:rgba(56,189,248,.12);color:var(--primary);flex-shrink:0}.member-role.is-owner{background:rgba(251,191,36,.12);color:#fbbf24}.member-remove{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:0 0;border:0;color:var(--dim);cursor:pointer;border-radius:4px;padding:0;flex-shrink:0;position:relative}.member-remove::before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.member-remove:hover{color:var(--danger);background:rgba(239,68,68,.1)}.install-popup-text span,.settings-label{display:block;font-size:12px;color:var(--muted)}.settings-label{font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}#toast.show,.drawer-overlay.open,.drawer.open,.modal-overlay.open,.modal.open{will-change:transform,opacity}.install-popup{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9000;padding:16px 20px;padding-bottom:calc(16px + var(--sab));background:var(--surface);border-top:1px solid var(--border);animation:slideUp .3s cubic-bezier(.32,.72,0,1);box-shadow:0-8px 32px rgba(0,0,0,.4)}.install-popup.show{display:flex;align-items:center;gap:12px;justify-content:space-between}.install-popup-text{font-size:14px;color:var(--text);font-weight:500;line-height:1.4;flex:1;min-width:0}.install-popup-text span{font-weight:400}.install-popup-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.install-popup-btn{padding:8px 18px;background:linear-gradient(135deg,#38bdf8 0,#0284c7 100%);color:#fff;border:0;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s}.install-popup-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(56,189,248,.3)}.install-popup-btn:active{transform:translate3d(0,0,0) scale(.96)}.install-popup-dismiss{background:0 0;border:0;color:var(--dim);font-size:12px;cursor:pointer;padding:4px 8px;white-space:nowrap;transition:color .15s}.install-popup-dismiss:hover{color:var(--muted)}.account-dropdown-item:active,.btn-icon:active,.btn:active,.drawer-item:active,.inv-select-btn:active,.low-stock-btn:active,.reorder-btn:active{animation:btnTap .2s ease!important}.animate-shake{animation:shakeX .3s ease}.btn-primary.glow-pulse{animation:glowPulse 2s ease-in-out infinite}.animate-slide-out,.item-slide.removing{animation:slideOutRight .25s ease forwards}.animate-scale-in{animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1) both}.animate-float{animation:float 3s ease-in-out infinite}.animate-bounce-in{animation:bounceIn .35s cubic-bezier(.34,1.56,.64,1) both}.animate-fade-scale{animation:fadeScaleIn .2s ease both}.animate-slide-right{animation:slideInRight .3s cubic-bezier(.16,1,.3,1) both}.drawer.open .drawer-item{animation:drawerItemFade .28s cubic-bezier(.16,1,.3,1) both}.animate-slide-left{animation:slideInLeft .3s cubic-bezier(.16,1,.3,1) both}.animate-count-pulse{animation:countPulse .3s cubic-bezier(.34,1.56,.64,1)}.animate-ripple{animation:rippleEffect .45s ease}.animate-fade-up,.stagger>.item{animation:fadeSlideUp .3s ease both}.animate-fade-down{animation:fadeSlideDown .3s ease both}.animate-wiggle{animation:wiggle .4s ease}.animate-sweep{animation:sweepIn .4s cubic-bezier(.16,1,.3,1) both}.animate-pulse-ring{animation:pulseRing 2s ease-in-out infinite}.animate-progress{animation:progressPulse 1s ease-in-out infinite}.animate-stagger-1{animation-delay:.03s!important}.animate-stagger-2{animation-delay:.06s!important}.animate-stagger-3{animation-delay:.09s!important}.animate-stagger-4{animation-delay:.12s!important}.animate-stagger-5{animation-delay:.15s!important}.animate-stagger-6{animation-delay:.18s!important}.animate-stagger-7{animation-delay:.21s!important}.animate-stagger-8{animation-delay:.24s!important}.animate-stagger-9{animation-delay:.27s!important}.animate-stagger-10{animation-delay:.3s!important}.stagger>.item:nth-child(1){animation-delay:.015s}.stagger>.item:nth-child(2){animation-delay:.03s}.stagger>.item:nth-child(3){animation-delay:.045s}.stagger>.item:nth-child(4){animation-delay:.06s}.stagger>.item:nth-child(5){animation-delay:.075s}.stagger>.item:nth-child(6){animation-delay:.09s}.stagger>.item:nth-child(7){animation-delay:.105s}.stagger>.item:nth-child(8){animation-delay:.12s}.stagger>.item:nth-child(9){animation-delay:.135s}.stagger>.item:nth-child(10){animation-delay:.15s}.stagger>.item:nth-child(11){animation-delay:.165s}.stagger>.item:nth-child(12){animation-delay:.18s}.stagger>.item:nth-child(13){animation-delay:.195s}.stagger>.item:nth-child(14){animation-delay:.21s}.stagger>.item:nth-child(15){animation-delay:.225s}.brand{animation:fadeSlideDown .35s cubic-bezier(.16,1,.3,1) both}.header-actions{animation:fadeSlideDown .35s cubic-bezier(.16,1,.3,1) .05s both}.search-filter-panel{animation:fadeSlideDown .3s ease .1s both}.empty-state svg{animation:float 4s ease-in-out infinite}.empty-state .sub-empty,.empty-state .sub-search{animation:fadeSlideUp .3s ease .1s both}#toast.show .toast-undo{animation:glowPulse 2s ease-in-out .5s infinite}.action-bar.open{animation:slideUpBar .3s cubic-bezier(.16,1,.3,1) forwards}.batch-checkbox:checked::after{animation:checkmarkPop .18s cubic-bezier(.34,1.56,.64,1) forwards!important}.drawer.open .drawer-item:nth-child(1){animation-delay:.02s}.drawer.open .drawer-item:nth-child(2){animation-delay:.04s}.drawer.open .drawer-item:nth-child(3){animation-delay:.06s}.drawer.open .drawer-item:nth-child(4){animation-delay:.08s}.drawer.open .drawer-item:nth-child(5){animation-delay:.1s}.drawer.open .drawer-item:nth-child(6){animation-delay:.12s}.drawer.open .drawer-item:nth-child(7){animation-delay:.14s}.drawer.open .drawer-item:nth-child(8){animation-delay:.16s}.drawer.open .drawer-item:nth-child(9){animation-delay:.18s}.drawer.open .drawer-item:nth-child(10){animation-delay:.2s}.drawer.open .drawer-item:nth-child(11){animation-delay:.22s}.drawer.open .drawer-item:nth-child(12){animation-delay:.24s}.drawer.open .drawer-item:nth-child(13){animation-delay:.26s}.drawer.open .drawer-item:nth-child(14){animation-delay:.28s}.drawer.open .drawer-item:nth-child(15){animation-delay:.3s}.drawer.open .drawer-item:nth-child(16){animation-delay:.32s}.drawer.open .drawer-item:nth-child(17){animation-delay:.34s}.drawer.open .drawer-item:nth-child(18){animation-delay:.36s}.drawer.open .drawer-item:nth-child(19){animation-delay:.38s}.drawer.open .drawer-item:nth-child(20){animation-delay:.4s}.modal.open .modal-header{animation:fadeSlideDown .2s ease .03s both}.modal.open .field{animation:fadeSlideUp .25s ease both}.modal.open .field:nth-child(1){animation-delay:.05s}.modal.open .field:nth-child(2){animation-delay:.08s}.modal.open .field:nth-child(3){animation-delay:.11s}.modal.open .field:nth-child(4){animation-delay:.14s}.modal.open .field:nth-child(5){animation-delay:.17s}.modal.open .field:nth-child(6){animation-delay:.2s}.modal.open .field-row-3{animation:fadeSlideUp .25s ease .08s both}.modal.open .field-row{animation:fadeSlideUp .25s ease .11s both}.modal.open .modal-actions{animation:fadeSlideUp .25s ease .2s both}.modal.open .notification-field{animation:fadeSlideUp .25s ease both}#analyticsModal.open .analytics-card:nth-child(2),.modal.open .notification-field:nth-child(1){animation-delay:.06s}#analyticsModal.open .analytics-card:nth-child(3),.modal.open .notification-field:nth-child(2){animation-delay:.09s}#analyticsModal.open .analytics-card:nth-child(4),.modal.open .notification-field:nth-child(3){animation-delay:.12s}.modal.open .notification-field:nth-child(4){animation-delay:.15s}.invoice-preview.tab-panel.active{animation:slideInRight .3s cubic-bezier(.16,1,.3,1) both}.header-stats .total-value{display:inline-block;transition:transform .2s ease}.header-stats .total-value.update{animation:countPulse .3s cubic-bezier(.34,1.56,.64,1)}#analyticsModal.open .analytics-card{animation:fadeSlideUp .3s ease both}.analytics-bar-fill.animate-slide-left{animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) both}.account-dropdown.open{animation:dropdownFadeIn .15s cubic-bezier(.16,1,.3,1) forwards}.low-stock-btn #lowStockCount{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.low-stock-btn #lowStockCount.bounce{animation:bounceIn .3s cubic-bezier(.34,1.56,.64,1)}.btn-primary:active{animation:btnTap .15s ease!important}.splash-loader{animation:splashLoader 1.2s ease-in-out infinite,glowPulse 2s ease-in-out infinite}#inviteCodeDisplay,.tutorial-overlay.open .tutorial-modal{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) both}.trash-item{animation:slideInLeft .25s ease both}.action-bar.open .action-bar-info,.recent-item,.shortcut-item{animation:fadeSlideUp .2s ease both}.shortcut-item:nth-child(1){animation-delay:.02s}.shortcut-item:nth-child(2){animation-delay:.04s}.shortcut-item:nth-child(3){animation-delay:.06s}.shortcut-item:nth-child(4){animation-delay:.08s}.shortcut-item:nth-child(5){animation-delay:.1s}.shortcut-item:nth-child(6){animation-delay:.12s}.shortcut-item:nth-child(7){animation-delay:.14s}.shortcut-item:nth-child(8){animation-delay:.16s}.shortcut-item:nth-child(9){animation-delay:.18s}.shortcut-item:nth-child(10){animation-delay:.2s}.shortcut-item:nth-child(11){animation-delay:.22s}.shortcut-item:nth-child(12){animation-delay:.24s}.shortcut-item:nth-child(13){animation-delay:.26s}.shortcut-item:nth-child(14){animation-delay:.28s}.member-chip{animation:slideInLeft .2s ease both}.inv-preview{animation:fadeScaleIn .3s ease both}.inv-dropdown-item{transition:transform .12s ease,background .15s,color .15s}.inv-dropdown-item:hover{transform:translateX(3px)}.pull-indicator .pull-spinner{animation:loadingSpin .7s linear infinite!important}main{animation:fadeSlideUp .4s cubic-bezier(.16,1,.3,1) .15s both}.app-credit{animation:fadeSlideUp .35s cubic-bezier(.16,1,.3,1) .3s both}body.keyboard .modal .field,body.keyboard .modal .field-row,body.keyboard .modal .field-row-3,body.keyboard .modal .modal-actions,body.keyboard .modal .notification-field{animation:none!important}.low-stock-btn.show{animation:fadeScaleIn .25s ease both}.desktop-logo-wrap{animation:float 4s ease-in-out infinite}.swipe-delete-btn{animation:slideInRight .2s ease both}.action-bar.open .action-bar-actions{animation:fadeSlideUp .2s ease .05s both}.invoice-tab.active{transition:background-color .2s cubic-bezier(.34,1.56,.64,1),color .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1)}#authModal.open .modal{animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1) both}#installAppBtn{animation:glowPulse 3s ease-in-out infinite}.drawer.open #installAppBtn{animation:glowPulse 3s ease-in-out .35s infinite}.field-inline input{padding:10px 12px!important}.item-subtitle{font-size:12px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#currencyInput{overflow:visible;padding-left:16px;font-size:18px;font-weight:600}.loading-overlay{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s}.loading-overlay.show{opacity:1;pointer-events:auto}.loading-spinner{width:36px;height:36px;border:3px solid var(--surface2);border-top-color:var(--primary);border-radius:50%;animation:loadingSpin .7s linear infinite}.loading-text{font-size:14px;color:var(--text);font-weight:500}#toast,.account-dropdown,.dropdown,.modal,header{background:#11151a!important}header{border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 2px 10px rgba(0,0,0,.3)!important}#toast,.modal{background:#161b22!important;border:1px solid rgba(56,189,248,.4)!important;box-shadow:0 8px 24px rgba(0,0,0,.4)!important;border-radius:24px!important}.modal{border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 12px 40px rgba(0,0,0,.5)!important;border-radius:16px!important}.action-bar,.drawer{background:#11151a!important}.drawer{border-left:1px solid rgba(255,255,255,.08)!important}.action-bar{border-top:1px solid rgba(255,255,255,.08)!important}.item,.item-slide{background:#11151a!important;position:relative!important}.item{border:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important;overflow:hidden!important;contain:content!important;content-visibility:auto!important;contain-intrinsic-size:84px!important}.item-slide{z-index:2!important}.item-name,.item-price{font-weight:700!important;letter-spacing:-.2px!important}.item-price{color:var(--primary)!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.3px!important}.btn-primary,.cat-badge{font-weight:600!important;letter-spacing:.2px!important}.cat-badge{border-radius:20px!important;padding:2px 10px!important}.btn-primary{background:linear-gradient(135deg,#38bdf8 0,#0284c7 100%)!important;box-shadow:0 2px 8px rgba(56,189,248,.25)!important}.btn-icon:active,.btn:active,.drawer-item:active{transform:scale(.96)!important;transition:transform .05s ease!important}.drawer-item,.invoice-tab,.notif-toggle,.tab-btn,button,input,select,textarea{touch-action:manipulation!important}#previewBody,.drawer,.invoice-item-list,.modal,.modal-body{overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important}.modal-overlay{transition:opacity .2s ease!important}.modal-overlay.open .modal{animation:modalSpring .25s cubic-bezier(.16,1,.3,1) forwards!important}.notif-toggle{transition:background-color .2s ease,border-color .2s ease!important}.notif-toggle::after{transition:transform .2s cubic-bezier(.34,1.56,.64,1)!important}.field input,.field select{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease!important}.field input:focus,.field select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(56,189,248,.18)!important}.btn,.btn-icon,.drawer-item,.inv-actions .btn{transition:transform .12s cubic-bezier(.16,1,.3,1),background-color .15s ease,box-shadow .15s ease!important}.btn-icon:active,.btn:active,.drawer-item:active,.inv-actions .btn:active{transform:scale3d(.96,.96,1)!important}.item,.item-slide{will-change:transform;backface-visibility:hidden}.item-slide{contain:layout style}.inventory-list,.vs-content{contain:content;will-change:transform}.vs-content{min-height:1px}.cat-badge,.item-meta,.item-name,.item-price,.item-subtitle,.qty{text-rendering:optimizeSpeed}.btn-icon:focus-visible,.item:focus-visible,.more-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.brand h1{background:linear-gradient(100deg,#e4e4e7 0,#38bdf8 36%,#7dd3fc 50%,#38bdf8 64%,#e4e4e7 100%);background-size:220%auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:enhGradient 6.5s ease-in-out infinite}.brand .logo{animation:enhBreathe 4.5s ease-in-out infinite;transform-origin:center}.btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dim) 100%);transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,filter .2s ease}.btn-primary::after{content:"";position:absolute;inset:0 auto 0 0;width:48%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:translateX(-130%) skewX(-18deg);pointer-events:none}.btn-primary:hover{box-shadow:var(--glow-blue-strong);filter:brightness(1.06)}.btn-primary:hover::after{animation:enhSheen .75s ease}.btn-primary:active{transform:scale(.97)}.btn{transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .2s ease,box-shadow .25s ease,border-color .2s ease}.btn:active{transform:scale(.95)}#addBtn,#addBtn svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}@media (hover:hover) and (pointer:fine){#addBtn:hover,.item:hover{box-shadow:var(--glow-blue-sm)}#addBtn:hover svg{transform:rotate(90deg) scale(1.1)}.item{transition:box-shadow .25s ease}.cat-badge{transition:transform .2s ease}.item:hover .cat-badge{transform:scale(1.06)}}.drawer-item{position:relative;transition:background .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1),color .2s ease}.drawer-item::before{content:"";position:absolute;left:0;top:18%;height:64%;width:3px;border-radius:3px;background:var(--primary);transform:scaleY(0);transform-origin:center;opacity:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}@media (hover:hover) and (pointer:fine){.drawer-item:hover{background:var(--surface2);transform:translateX(5px)}.drawer-item:hover::before{transform:scaleY(1);opacity:1}}.modal-overlay{transition:backdrop-filter .3s ease,background .3s ease}.modal-overlay.open{backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1)}input,select,textarea{transition:border-color .2s ease,box-shadow .25s ease,background .2s ease}.modal-input:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(56,189,248,.16),var(--glow-blue-sm)}#lowStockBtn.show{animation:enhPopIn .35s cubic-bezier(.34,1.56,.64,1) both}@media (hover:hover) and (pointer:fine){.dropdown-item{transition:background .15s ease,padding-left .15s ease}.dropdown-item:hover{padding-left:18px}}#toast.show{box-shadow:0 10px 40px rgba(0,0,0,.45),var(--glow-blue-sm)}.inv-select-btn .inv-chevron{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.inv-select-btn.open .inv-chevron{transform:rotate(180deg)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (max-width:768px){.item,.modal-overlay.open .modal{will-change:transform,opacity!important}.modal,.modal-overlay,.modal-overlay.open{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modal-overlay.open .modal{animation:mobileSheetUp .3s cubic-bezier(.16,1,.3,1) forwards!important;border-radius:20px 20px 0 0!important}@keyframes mobileSheetUp{0%{transform:translate3d(0,100%,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}.item{animation:mobileCardSlide .25s cubic-bezier(.16,1,.3,1) ease-out!important}@keyframes mobileCardSlide{0%{transform:translate3d(0,12px,0);opacity:.8}to{transform:translate3d(0,0,0);opacity:1}}.badge-warning,.item.low-stock .badge{animation:mobileBadgeGlow 2s infinite ease-in-out!important}#toast.show{animation:mobileToastSlide .28s cubic-bezier(.175,.885,.32,1.275) forwards!important}@keyframes mobileToastSlide{0%{transform:translate3d(-50%,-20px,0) scale(.95);opacity:0}to{transform:translate3d(-50%,0,0) scale(1);opacity:1}}.drawer-item,.invoice-tab,.item,.notif-toggle,.tab-btn,button,input,select,textarea{touch-action:manipulation!important}#previewBody,.drawer,.invoice-item-list,.modal,.modal-body{overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important}.brand svg{animation:mobileBrandFloat 3s infinite ease-in-out!important}@keyframes mobileBrandFloat{0%,to{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-3px,0) scale(1.05)}}#addBtn,.btn-primary{animation:mobileBtnPulse 4s infinite ease-in-out!important}@keyframes mobileBtnPulse{0%,to{box-shadow:0 4px 12px rgba(56,189,248,.3)}50%{box-shadow:0 4px 20px rgba(56,189,248,.6)}}.badge,.cat-badge{animation:mobilePillPop .3s cubic-bezier(.175,.885,.32,1.275)!important}@keyframes mobilePillPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.search-input:focus{animation:mobileSearchGlow .3s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes mobileSearchGlow{0%{box-shadow:0 0 0 0 transparent}to{box-shadow:0 0 0 4px rgba(56,189,248,.25)}}.dropdown-item{animation:mobileDropdownSlide .2s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes mobileDropdownSlide{0%{transform:translate3d(8px,0,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}.invoice-tab.active,.tab-btn.active{animation:mobileTabSlide .25s cubic-bezier(.16,1,.3,1)!important}}#scannerViewport.scanning>span,.splash-screen.hide{display:none!important}#shopkeeperQuickBar{display:flex!important;gap:8px;padding:8px 12px!important;padding-bottom:calc(8px + var(--sab, 0px))!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;align-items:center!important;touch-action:pan-x!important;pointer-events:auto!important}#shopkeeperQuickBar::-webkit-scrollbar{display:none!important}#quickBarcodeBtn,#quickExpenseBtn,#quickExportBtn,#quickKhataBtn,#shopkeeperQuickBar button{pointer-events:auto!important;cursor:pointer!important;flex-shrink:0!important}#quickBarcodeBtn,#quickExpenseBtn,#quickExportBtn,#quickKhataBtn{display:inline-flex!important;z-index:100!important}@media (max-width:768px){#toast{bottom:calc(76px + var(--sab, 0px))!important}#addCustomerForm{flex-direction:column!important;align-items:stretch!important}#addCustomerForm .field{margin-bottom:8px!important;width:100%!important}#addCustomerForm button{width:100%!important}}#trafficFilterBar{display:flex;gap:8px!important;margin-left:12px!important;align-items:center}.traffic-btn{padding:6px 12px!important;border-radius:20px!important;font-size:12px!important;font-weight:600!important;border:1px solid var(--border)!important;background:var(--surface2)!important;color:var(--muted)!important;cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)!important;display:inline-flex;align-items:center;gap:4px}.traffic-btn:hover{background:var(--border)!important;color:var(--text)!important}.traffic-btn.active[data-status=all]{background:rgba(255,255,255,.1)!important;border-color:var(--text)!important;color:#fff!important;box-shadow:0 0 10px rgba(255,255,255,.1)!important}.traffic-btn.active[data-status=safe]{background:rgba(34,197,94,.15)!important;border-color:var(--success)!important;color:var(--success)!important;box-shadow:0 0 10px rgba(34,197,94,.15)!important}.traffic-btn.active[data-status=reorder]{background:rgba(245,158,11,.15)!important;border-color:var(--warning)!important;color:var(--warning)!important;box-shadow:0 0 10px rgba(245,158,11,.15)!important}.traffic-btn.active[data-status=critical]{background:rgba(239,68,68,.15)!important;border-color:var(--danger)!important;color:var(--danger)!important;box-shadow:0 0 10px rgba(239,68,68,.15)!important}#scannerViewport{position:relative;overflow:hidden;border:2px solid var(--border)!important;transition:border-color .3s}#scannerViewport.scanning::after,#scannerViewport::after{content:"";position:absolute;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);box-shadow:0 0 8px var(--primary);z-index:2}#scannerViewport::after{left:0;width:100%;animation:scannerSweep 2s linear infinite}.scanner-target-corner{position:absolute;width:16px;height:16px;border:3px solid var(--primary);pointer-events:none}.scanner-target-corner.tl{top:12px;left:12px;border-right:0;border-bottom:0;border-top-left-radius:4px}.scanner-target-corner.tr{top:12px;right:12px;border-left:0;border-bottom:0;border-top-right-radius:4px}.scanner-target-corner.bl{bottom:12px;left:12px;border-right:0;border-top:0;border-bottom-left-radius:4px}.scanner-target-corner.br{bottom:12px;right:12px;border-left:0;border-top:0;border-bottom-right-radius:4px}.polished-card{background:var(--surface2)!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:12px 14px!important;margin-bottom:10px!important;transition:transform .2s,box-shadow .2s;animation:itemIn .3s ease both}.polished-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.3);border-color:var(--dim)!important}.khata-card{border-left:4px solid var(--primary)!important}.khata-card.has-balance{border-left:4px solid var(--danger)!important}.expense-item-card{border-left:4px solid var(--warning)!important}#scannerViewport.scanning::after{left:8%;right:8%;border-radius:2px;animation:scanSweep 2.2s ease-in-out infinite}.scanner-target-corner{z-index:3}@media (prefers-reduced-motion:no-preference){.modal-overlay.open{animation:overlayFade .22s ease both}.modal-overlay.open>.modal,.modal-overlay.open>.modal-content,.modal-overlay.open>.polished-card{animation:modalPop .26s cubic-bezier(.16,1,.3,1) both}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.inv-dropdown.open{animation:dropOpen .18s ease both}@keyframes dropOpen{0%{opacity:0;transform:translate3d(0,-6px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.inv-dropdown-new{transition:background .15s ease,color .15s ease}.inv-dropdown-new:active{background:rgba(56,189,248,.12)}.khata-card{transition:transform .18s ease,box-shadow .18s ease}.khata-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.28)}.khata-delete,.khata-edit{transition:transform .14s ease,background .14s ease,color .14s ease}.khata-edit:hover{color:var(--primary);background:rgba(56,189,248,.12)}.khata-delete:hover{background:rgba(248,81,73,.16)}.khata-delete:active,.khata-edit:active{transform:scale(.9)}.btn:active{transform:scale(.97)}#toast.show,.toast.show{animation:toastIn .28s cubic-bezier(.16,1,.3,1) both}}.sync-status-pill{font-size:11px;font-weight:600;padding:2px 7px;border-radius:12px;display:inline-flex;align-items:center;gap:4px;margin-left:6px;transition:all .25s ease;user-select:none;line-height:1.3}.sync-status-pill.online{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.sync-status-pill.offline{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.sync-status-pill.syncing{background:rgba(56,189,248,.15);color:#38bdf8;border:1px solid rgba(56,189,248,.3)}