@supports (-webkit-touch-callout:none){body,html{height:100vh;height:-webkit-fill-available}.app-container{min-height:100vh;min-height:-webkit-fill-available;min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.full-height{height:100vh;height:calc(var(--vh, 1vh)*100)}.App{min-height:100vh;min-height:calc(var(--vh, 1vh)*100);padding-top:max(2rem,env(safe-area-inset-top))}}@media (display-mode:standalone){body,html{height:100vh!important;height:100dvh!important}body{background:linear-gradient(135deg,#667eea,#764ba2);overflow:auto!important;position:static!important}#root{height:100vh!important;height:100dvh!important;overflow-y:auto!important}.app-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px #0000001a;margin-top:0!important;min-height:100vh;min-height:100dvh;padding-top:max(60px,calc(env(safe-area-inset-top) + 40px))!important}.App{min-height:100vh!important;min-height:100dvh!important;padding-top:0!important}}body{background-color:#fff;overflow-y:auto;position:static;width:100%}#root{-webkit-overflow-scrolling:touch;height:100vh;height:-webkit-fill-available;width:100%}.subtitle{color:#666;font-size:1.2rem;margin-bottom:2rem;-webkit-user-select:none;user-select:none}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.App{background-color:#f2f2f7;border-radius:0;margin:0 auto;max-width:1200px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background:#007aff;border-radius:0;box-shadow:none;color:#fff;margin-bottom:0;padding:20px 20px 30px;position:relative;z-index:10}.App-header p{font-size:1.1rem;margin:0;opacity:.9}.App-main{background-color:#f2f2f7;padding:20px 0}button{-webkit-appearance:none;appearance:none;background:#007aff;border:none;border-radius:10px;box-shadow:none;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:17px;font-weight:600;padding:12px 24px;transition:all .2s ease}button:hover:not(:disabled){background:#0051d5;transform:none}button:active{background:#004bb8;transform:scale(.98)}button:disabled{background:#8e8e93;cursor:not-allowed;opacity:.6;transform:none}input[type=file],input[type=text]{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #c6c6c8;border-radius:10px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:17px;padding:12px 16px;transition:border-color .2s ease;width:100%}input[type=file]:focus,input[type=text]:focus{border-color:#007aff;box-shadow:none;outline:none}.results-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;margin:20px 0;max-width:100%;padding:15px}.results-summary{background:#f2f2f7;border-left:3px solid #007aff;border-radius:10px;margin-bottom:20px;padding:16px}.results-summary p{color:#3c3c43;font-size:15px;margin:6px 0}.location-input-section{border:none;padding:20px}.location-input-section h3{color:#000;font-size:1.2rem;font-weight:600;letter-spacing:-.2px;margin-bottom:16px}.location-inputs{display:flex;flex-wrap:wrap;gap:20px}.input-group{flex:1 1;min-width:250px}.input-group label{color:#000;margin-bottom:8px;text-align:left}.input-with-button{align-items:flex-end;display:flex;gap:10px}.location-input{flex:1 1}.populate-btn{background:#34c759;min-width:120px;white-space:nowrap}.populate-btn:hover:not(:disabled){background:#30b050}.table-container{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;margin-bottom:2rem;max-width:100%;overflow-y:hidden;position:relative;touch-action:pan-x}.table-scroll-area{-webkit-overflow-scrolling:touch;height:100%;overflow-x:auto;overflow-y:visible;touch-action:pan-x;width:100%}.image-upload{padding:15px}.table-input{background:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:12px;min-width:80px;padding:6px 8px;width:100%}.table-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.name-input{font-weight:500}.item-number{color:#8e8e93;text-align:center;width:50px}.table-actions{background:#f2f2f7;border:none;border-radius:12px;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:20px;padding:16px}.item-actions{flex-wrap:wrap;gap:12px}.save-actions{display:flex;gap:12px}.save-btn{background:#34c759;border-radius:10px;font-size:17px;font-weight:600;padding:12px 24px}.save-btn:hover:not(:disabled){background:#30b050}.save-btn.saved{background:#8e8e93}.add-item-btn{border-radius:10px}.add-item-btn:hover:not(:disabled){background:#0051d5}.delete-selected-btn{background:#ff3b30;border-radius:10px}.delete-selected-btn:hover:not(:disabled){background:#d70015}.error-message{background:#ffebee;border-left:3px solid #ff3b30;color:#c62828;margin-top:1rem}.items-detected{background:#e8f5e8;border-left:3px solid #4caf50;border-radius:8px;color:#2e7d32;margin-top:1rem;padding:12px 16px;text-align:center}.auth-divider{align-items:center;color:#666;display:flex;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{background:#ddd;content:"";flex:1 1;height:1px}.auth-divider span{font-size:.9rem;padding:0 1rem}.forgot-password-link{background:none;border:none;color:#007aff;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.forgot-password-link:hover{color:#0056cc}.success-message{background:#e8f5e8;border-left:3px solid #4caf50;color:#2e7d32;padding:12px 16px}.reset-info{background:#f5f5f7;border-radius:8px;color:#666;font-size:.9rem;margin-bottom:1rem;padding:12px 16px}.no-results{color:#8e8e93;padding:40px;text-align:center}.loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#007aff;height:40px;margin-bottom:1rem;width:40px}.save-message{border-radius:10px;font-weight:500;margin:16px 0;padding:12px 16px}.save-message.success{background:#e8f5e8;border-left:3px solid #34c759;color:#2e7d32}.save-message.error{background:#ffebee;border-left:3px solid #ff3b30;color:#c62828}.edit-mode-indicator{color:#ff9500!important;font-weight:600}.help-section{margin-top:20px;text-align:center}.help-toggle{align-items:center;background:#f2f2f7;border:1px solid #c6c6c8;border-radius:50%;display:inline-flex;font-weight:500;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.help-toggle:hover{background:#e5e5ea;border-color:#007aff}.help-toggle:active{transform:scale(.98)}.help-toggle svg{height:16px;width:16px}.edit-instructions{animation:slideDown .2s ease-out;border-radius:10px;margin-top:12px;padding:16px;text-align:left}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.edit-instructions p{color:#000;font-weight:600;margin-bottom:8px}.image-info{font-size:12px;margin-top:8px;padding:0;text-align:center}.image-info p{color:#8e8e93;font-weight:400;margin:0}.drop-zone{background:#f2f2f7;border:2px dashed #c6c6c8;border-radius:12px;box-sizing:border-box;cursor:pointer;max-width:100%;padding:20px 15px;text-align:center;transition:all .2s ease}.drop-zone.drag-over{background:#e3f2fd;border-color:#007aff}.drop-zone p{color:#3c3c43;font-size:16px;margin:8px 0}.mobile-app{background-color:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.bottom-navigation{height:auto!important;isolation:isolate!important;opacity:1!important;padding:.2rem 0;padding-bottom:calc(env(safe-area-inset-bottom, 0px))!important;pointer-events:auto!important;transform:translateZ(999px)!important;visibility:visible!important;z-index:2147483647!important}.bottom-navigation:after{background:inherit;bottom:calc(env(safe-area-inset-bottom, 0px)*-1);content:"";height:env(safe-area-inset-bottom,0);left:0;pointer-events:none;position:absolute;right:0}.bottom-nav-item{background:none;border-radius:12px;color:#64748b;min-width:68px;padding:.6rem .5rem;transition:all .3s ease}.bottom-nav-item.active{background:#007aff0d!important;color:#007aff!important;transform:scale(1.05)}.bottom-nav-item.active .bottom-nav-icon{color:#007aff!important}.bottom-nav-item.active .bottom-nav-icon svg{stroke:#007aff!important;fill:none!important}.bottom-nav-item.active:before{background:#007aff;border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:-2px;transform:translateX(-50%);width:20px}.bottom-nav-item:hover{background:#007aff0d;color:#007aff}.bottom-nav-icon{height:28px;margin-bottom:.2rem;width:28px}.bottom-nav-icon svg{height:100%;width:100%}.bottom-nav-label{font-size:.85rem;font-weight:600;letter-spacing:.02em;line-height:1.1}@media (display-mode:standalone){.bottom-navigation{backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;background:#fffffffa!important;box-shadow:0 -4px 30px #00000026!important;position:fixed!important;z-index:999999!important}}@media screen and (device-width:390px) and (device-height:844px) and (-webkit-device-pixel-ratio:3){.app-container{padding-top:max(80px,calc(env(safe-area-inset-top) + 50px))!important}.bottom-navigation{bottom:0!important;display:flex!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;visibility:visible!important;z-index:9999999!important}.inventory-view{margin-bottom:0!important;padding-bottom:85px!important}.user-profile{margin-bottom:100px!important;max-height:calc(100vh - 150px)!important}}.home-view,.scan-view{padding-bottom:24px;position:relative!important;z-index:1!important}.bottom-navigation{backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;background:#fffffffa!important;border-top:1px solid #e2e8f0cc;bottom:0!important;box-shadow:0 -4px 20px #00000026!important;display:flex!important;justify-content:space-around;left:0!important;padding:.3rem 0;padding-bottom:max(.3rem,calc(env(safe-area-inset-bottom) + 2px))!important;position:fixed!important;right:0!important;width:100vw!important;z-index:99999!important}body,html{height:100vh;height:100dvh}#root,body,html{overflow-x:hidden;overflow-y:auto}#root{min-height:100vh;min-height:100dvh}.App,.app-container{position:relative}.App,.app-container,.inventory-view,.main-content{overflow-x:hidden;overflow-y:auto}@supports (-webkit-touch-callout:none){.bottom-navigation{bottom:0!important;padding-bottom:calc(env(safe-area-inset-bottom, 0px))!important}}@media (display-mode:standalone){.App{padding-bottom:max(16px,calc(env(safe-area-inset-bottom, 0px) + 12px))!important}.inventory-items,.inventory-view,.item-grid,.items-grid{margin-bottom:0!important;padding-bottom:85px!important}}.quick-action-btn{border:2px solid #e2e8f0;border-radius:1rem;color:#475569;cursor:pointer;gap:.75rem;padding:2rem 1rem}.inventory-filters{background:#fff;border-bottom:1px solid #e2e8f0;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:16px;position:-webkit-sticky;position:sticky;top:0;transition:transform .3s ease-in-out;z-index:999}.search-box{min-width:200px}.search-icon{height:1rem;left:.75rem;top:50%;transform:translateY(-50%);width:1rem}.search-input{border-radius:.5rem;box-sizing:border-box;font-size:.9rem;padding:.75rem .75rem .75rem 2rem;padding-left:2rem!important}.category-filter{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9rem;min-width:150px;padding:.75rem}.category-filter:focus{border-color:#3b82f6;outline:none}.items-grid{grid-gap:8px;grid-gap:var(--card-spacing,8px);display:grid;gap:8px;gap:var(--card-spacing,8px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding-bottom:120px}.item-card{background:#fff;border:1px solid #e2e8f0;border:var(--card-border,1px solid #e2e8f0);border-radius:12px;border-radius:var(--card-border-radius,12px);box-shadow:0 2px 8px #0000001a;box-shadow:var(--card-shadow,0 2px 8px #0000001a);padding:1rem;position:relative;transition:all .2s ease}.item-thumb-container{align-items:center;display:flex;flex-direction:column;gap:4px}.item-id{color:#1a202c;font-size:10px;font-weight:500;letter-spacing:.02em;margin:0;text-align:center}.item-card:hover{box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.item-color{border:2px solid #e2e8f0;border-radius:50%;height:1rem;width:1rem}.item-category{background:#f1f5f9;border-radius:.375rem;color:#475569;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.item-name{color:#1a202c;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.item-description{color:#64748b;font-size:.9rem;line-height:1.4;margin-bottom:.75rem}.item-location{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.5rem}.location-icon{height:1rem;width:1rem}.empty-state{color:#64748b;padding:3rem 1rem;text-align:center}.empty-icon{color:#cbd5e1;height:4rem;margin:0 auto 1rem;width:4rem}.empty-state h3{color:#475569;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.error-state,.loading-state{padding:3rem 1rem}.retry-btn{background:#3b82f6;border-radius:.5rem;color:#fff;margin-top:1rem;padding:.75rem 1.5rem}.retry-btn:hover{background:#2563eb}.mobile-cards-view{display:none}.mobile-item-card{margin-bottom:8px;margin-bottom:var(--card-spacing,8px);padding:1rem;transition:all .2s ease}.mobile-item-card.selected{background:#eff6ff;border-color:#3b82f6}.card-header{justify-content:space-between;margin-bottom:16px}.card-header,.card-selection{align-items:center;display:flex}.card-selection{gap:8px}.card-checkbox{height:18px;width:18px}.item-number{color:#64748b;font-weight:600}.item-category-badge{background:#f1f5f9;border-radius:6px;color:#475569;font-size:12px;font-weight:500;padding:4px 8px}.form-row{margin-bottom:12px}.form-row label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.form-row-group{display:flex;gap:12px;margin-bottom:12px}.form-row.half{flex:1 1;margin-bottom:0}.card-input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.card-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.access-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.access-badge.access-shared_with_me{background:#e0f2fe;color:#0369a1}.access-badge.access-group_owned{background:#fef3c7;color:#d97706}.card-textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;min-height:60px;padding:8px 12px;resize:vertical;width:100%}.card-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.color-input-group{align-items:center;display:flex;gap:8px}.color-preview{border:2px solid #e2e8f0;border-radius:4px;flex-shrink:0;height:20px;width:20px}.mobile-select-all{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:12px}.select-all-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:8px}.mobile-cards-container{-webkit-overflow-scrolling:touch;max-height:60vh;overflow-y:auto}@media (max-width:768px){.mobile-cards-view{display:block}}@media (max-width:640px){.quick-actions{grid-template-columns:1fr}.inventory-filters{flex-direction:column}.items-grid{grid-template-columns:1fr}.inventory-header{align-items:flex-start;flex-direction:column;gap:.5rem}.scan-view{padding:0}.image-upload{margin:10px 0;padding:10px}.drop-zone{padding:15px 10px}.upload-actions{align-items:center;flex-direction:column}.upload-actions button{max-width:200px;width:100%}.results-section{margin:10px 0;padding:10px}.location-input-section{padding:8px}.location-inputs{flex-direction:column;gap:10px}.input-with-button{flex-direction:column;gap:8px}.populate-btn{max-width:none;width:100%}}.modal-overlay{z-index:2147483647}.confirmation-modal{word-wrap:break-word;align-items:stretch;background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 20px 25px -5px #0000001f,0 10px 10px -5px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:100%;overflow:hidden;position:relative;width:min(480px,calc(100vw - 32px))}.modal-header{background:#0000;box-sizing:border-box;padding:20px 20px 0;width:100%}.modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0;overflow-wrap:anywhere;text-align:center;word-break:break-word}.modal-content{background:#0000;box-sizing:border-box;padding:16px 24px}.modal-content p{color:#6b7280;display:block;line-height:1.5;margin:0;overflow-wrap:anywhere;text-align:center;white-space:normal;width:100%;word-break:break-word}.modal-actions{background:#0000;box-sizing:border-box;display:flex;gap:12px;justify-content:flex-end;padding:0 20px 20px;width:100%}.cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.confirm-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.confirm-btn:hover{background:#b91c1c}.app-logo{gap:12px;margin-bottom:20px}.logo-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.app-title{color:#fff;font-size:36px;font-weight:800;letter-spacing:-.02em}.hero-headline{color:#fff;margin:0 0 12px}.hero-description{color:#ffffffe6}.features-grid{grid-gap:16px;align-items:center;flex:1 1;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;display:flex;height:100%;padding:20px 16px}.feature-card:hover{background:#ffffff26;border-color:#ffffff4d}.feature-icon{height:40px;margin:0 auto 12px;width:40px}.scan-icon{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.organize-icon{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.track-icon{background:linear-gradient(135deg,#45b7d1,#96c93d)}.feature-card h3{color:#fff;font-size:16px;margin:0 0 8px}.feature-card p{color:#fffc;font-size:12px;line-height:1.4}.get-started-btn{background:#fff;box-shadow:0 6px 24px #0000001a;color:#667eea;font-weight:600;gap:6px;padding:12px 24px}.get-started-btn:hover{background:#f8f9ff;box-shadow:0 8px 32px #00000026}.btn-arrow{height:16px;width:16px}@media (max-width:768px){.welcome-screen{padding:12px}.welcome-container{max-height:95vh}.app-title{font-size:28px}.hero-headline{font-size:22px}.hero-description{font-size:14px}.features-grid,.hero-section{margin-bottom:24px}.features-grid{gap:12px;grid-template-columns:1fr}.feature-card{padding:16px 12px}.feature-card h3{font-size:14px}.feature-card p{font-size:11px}.feature-icon{height:32px;margin-bottom:8px;width:32px}.feature-icon svg{height:16px;width:16px}.get-started-btn{font-size:14px;padding:10px 20px}}.feature-highlight span{color:#22c55e;font-size:13px}.tips-section{margin-top:24px}.tips-section h3{font-size:16px}.tip-item{color:#4a5568;font-size:14px;line-height:1.4}.tip-item strong{color:#2d3748}@media (max-width:640px){.instruction-card{margin-bottom:12px;padding:16px}.instruction-header{gap:10px}.step-number{font-size:14px;height:28px;width:28px}.instruction-card h3{font-size:16px}.instruction-card p{font-size:14px}.instruction-btn{font-size:13px;padding:8px 12px}.tips-section{padding:16px}}@media (max-width:768px){.App{padding:0}.App-main{padding:15px 0}.image-upload,.results-section{border-radius:0;margin:15px 0}.image-preview img{max-height:50vh;max-width:95%}.help-toggle{font-size:16px;height:44px;min-height:44px;padding:10px;width:44px}.help-toggle svg{height:20px;width:20px}button{-webkit-tap-highlight-color:transparent;padding:12px 16px;touch-action:manipulation}button,input[type=file],input[type=text]{border-radius:8px;font-size:16px;min-height:44px}input[type=file],input[type=text]{padding:12px}.editable-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.editable-results-table{min-width:1400px}.items-table{min-width:800px}.items-table td,.items-table th{border-bottom:1px solid #eee;min-width:60px;padding:8px 4px;text-align:left;white-space:nowrap}.items-table th{background-color:#f8f9fa;color:#495057;font-weight:600}.items-table td:first-child,.items-table td:nth-child(2),.items-table th:first-child,.items-table th:nth-child(2){min-width:40px;text-align:center;width:40px}.items-table td:nth-child(3),.items-table th:nth-child(3){min-width:120px}.items-table td:nth-child(4),.items-table th:nth-child(4){min-width:150px}.editable-results-table td,.editable-results-table th{font-size:14px;padding:12px 8px}.table-input{font-size:14px;min-height:40px;padding:8px}.editable-results-table td:nth-child(5),.editable-results-table td:nth-child(6),.editable-results-table th:nth-child(5),.editable-results-table th:nth-child(6){display:none}.table-actions{align-items:stretch;flex-direction:column;gap:15px}.item-actions,.save-actions{flex-direction:column;gap:10px}.item-actions button,.save-actions button{width:100%}.location-inputs{flex-direction:column;gap:15px}.input-with-button{flex-direction:column;gap:10px}.input-with-button button,.input-with-button input{width:100%}.drop-zone{padding:30px 15px}.drop-zone p{font-size:1rem}.file-types{font-size:.8rem!important}}.close-btn{background:#fff;box-shadow:0 2px 8px #00000026;color:#8e8e93;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:1.25rem;right:-8px;top:-8px}.close-btn:hover{background-color:#f2f2f7;color:#000}.close-btn:active{transform:scale(.95)}.user-profile{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;max-height:calc(100vh - 200px);max-width:400px;overflow-y:auto;padding:2rem 2rem calc(2rem + 100px);width:100%}.user-profile .profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.user-profile .user-info{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.user-profile .avatar{align-items:center;background-color:#007aff;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:64px;justify-content:center;width:64px}.user-profile .user-details h3{color:#000;font-size:1.125rem;font-weight:600;letter-spacing:-.2px;margin:0 0 .25rem}.user-profile .user-details p{color:#3c3c43;font-size:.875rem;margin:0}.user-profile .user-meta{border-top:1px solid #c6c6c8;margin-bottom:1.5rem;padding-top:1rem}.user-profile .meta-item{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.user-profile .meta-label{color:#000;font-weight:500}.user-profile .meta-value{color:#3c3c43}.user-profile .logout-btn{-webkit-appearance:none;appearance:none;background-color:#ff3b30;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:17px;font-weight:600;padding:12px 24px;transition:background-color .2s;width:100%}.user-profile .logout-btn:hover{background-color:#d70015}.user-profile .logout-btn:active{background-color:#c5000e;transform:scale(.98)}@media (display-mode:standalone){#root,body,html{height:auto!important;margin-bottom:0!important;min-height:100dvh!important}#root,body,html{padding-bottom:0!important}body{overflow:auto!important;position:static!important}.App,.app-container{margin-bottom:0!important;min-height:auto!important;padding-bottom:0!important}.inventory-items,.inventory-view,.item-grid,.items-grid,.main-content{margin-bottom:0!important;min-height:auto!important;padding-bottom:85px!important;scroll-padding-bottom:calc(env(safe-area-inset-bottom, 0px))!important}.items-grid{padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px))!important;padding-bottom:calc(var(--nav-height, 100px) + env(safe-area-inset-bottom, 0px))!important}#root,.main-content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.main-content{scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom, 0px))!important;scroll-padding-bottom:calc(var(--nav-height, 100px) + env(safe-area-inset-bottom, 0px) + 4px)!important}#root,.App,.app-container,.main-content,body,html{scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom, 0px))!important;scroll-padding-bottom:calc(var(--nav-height, 100px) + env(safe-area-inset-bottom, 0px) + 10px)!important}.main-content{padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px))!important;padding-bottom:calc(var(--nav-height, 100px) + env(safe-area-inset-bottom, 0px))!important;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))!important;padding-bottom:calc(var(--nav-height, 100px) - 20px + env(safe-area-inset-bottom, 0px))!important;scroll-padding-bottom:0!important}}.hero-content .hero-description{font-size:12px;line-height:1.3;margin:0}.features-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));margin:6px 0}.feature-card{padding:6px}.feature-card h3{font-size:12px;margin:2px 0}.feature-card p{font-size:11px;line-height:1.25}.feature-icon svg{height:22px;width:22px}.cta-section{margin-top:6px}.get-started-btn{border-radius:12px;font-size:15px;padding:9px 12px}@media (max-height:680px){.app-logo .app-title{font-size:22px}.hero-content .hero-headline{font-size:15px}.hero-content .hero-description{font-size:11px}.feature-icon svg{height:20px;width:20px}.feature-card h3{font-size:11px}.feature-card p{font-size:10.5px}.get-started-btn{font-size:14px;padding:8px 11px}}.features-grid,.hero-section{margin-bottom:6px}@media (max-height:700px){.features-grid{max-height:28vh}}.features-grid{display:flex!important;flex-direction:column!important;gap:8px!important;margin:8px 0!important;max-height:none!important;overflow:visible!important}.feature-card{border-radius:12px;padding:8px 10px!important}.feature-card .feature-icon svg{height:24px;width:24px}.feature-card h3{font-size:14px!important;margin:4px 0 2px!important}.feature-card p{font-size:12.5px!important;line-height:1.3!important}.hero-section{padding:6px 0 2px!important}.hero-content .hero-headline{margin:4px 0!important}.cta-section{margin-top:8px!important}.get-started-btn{font-size:16px!important;padding:10px 14px!important}@media (max-height:700px){.feature-card h3{font-size:13px!important}.feature-card p{font-size:12px!important}}.features-grid{gap:6px!important;margin:6px 0!important}.feature-card{padding:6px 8px!important}.feature-card .feature-icon{margin-bottom:4px!important}.feature-card h3{margin:2px 0 0!important}.welcome-container{padding:10px 10px 8px!important}.features-grid{gap:4px!important}.feature-card{padding:4px 6px!important}.feature-card .feature-icon{margin:0 0 2px!important}.feature-card h3{line-height:1.15!important;margin:0 0 1px!important}.feature-card p{line-height:1.2!important;margin:0 0 2px!important}.feature-card{padding:3px 6px!important}.feature-card .feature-icon{align-items:center!important;display:flex!important;justify-content:center!important;margin:0 auto 1px!important}.feature-card h3{line-height:1.12!important;margin:0!important}.feature-card p{line-height:1.18!important;margin:0!important}.welcome-screen .features-grid .feature-card{padding:2px 8px!important;text-align:center!important}.welcome-screen .features-grid .feature-card h3{margin:0 0 1px!important}.welcome-screen .features-grid .feature-card p{line-height:1.18!important;margin:0!important}.welcome-screen .welcome-container{padding-bottom:10px!important;padding-top:10px!important}.welcome-screen .features-grid{gap:2px!important;margin:2px 0!important}.welcome-screen .features-grid .feature-card{line-height:1.15!important;padding:0 8px!important}.welcome-screen .features-grid .feature-card .feature-icon{margin:0 auto!important}.welcome-screen .features-grid .feature-card h3,.welcome-screen .features-grid .feature-card p{margin:2px 0 0!important}.welcome-screen .features-grid{margin:2px 0 6px!important}.welcome-screen .features-grid .feature-card{padding-block:4px!important;padding-inline:8px!important}.welcome-screen .features-grid .feature-card>*{-webkit-margin-before:0!important;-webkit-margin-after:0!important;margin-block-end:0!important;margin-block-start:0!important}.welcome-screen .features-grid .feature-card .feature-icon{margin-block:0 2px!important}.welcome-screen .features-grid .feature-card h3{line-height:1.1!important}.welcome-screen .features-grid .feature-card p{line-height:1.15!important}.welcome-screen .features-grid,.welcome-screen .hero-section{margin-bottom:6px!important}.welcome-screen .features-grid .feature-card{padding-block:2px!important}.welcome-screen .features-grid .feature-card:last-child{margin-bottom:0!important}.welcome-screen .cta-section{padding-top:8px!important}.welcome-screen .features-grid{margin:2px 0 4px!important}.welcome-screen .features-grid .feature-card{padding-block:0!important;padding-inline:6px!important}.welcome-screen .features-grid .feature-card .feature-icon{margin:0 0 2px!important}.welcome-screen .features-grid .feature-card .feature-icon svg{height:20px!important;width:20px!important}.welcome-screen .features-grid .feature-card h3{font-size:13px!important;line-height:1.05!important}.welcome-screen .features-grid .feature-card p{font-size:11.5px!important;line-height:1.12!important}.welcome-screen .features-grid .feature-card+.feature-card{margin-top:3px!important}.welcome-screen .cta-section{padding-top:6px!important}.welcome-screen .features-grid{gap:0!important;margin:0!important}.welcome-screen .features-grid .feature-card{box-shadow:none!important}.welcome-screen .features-grid .feature-card .feature-icon{margin:0!important}.welcome-screen .features-grid .feature-card .feature-icon svg{display:block!important;height:18px!important;width:18px!important}.welcome-screen .features-grid .feature-card h3,.welcome-screen .features-grid .feature-card p{line-height:1.05!important}.welcome-screen .features-grid .feature-card+.feature-card{margin-top:2px!important}.welcome-screen .features-grid .feature-card{justify-content:normal!important;padding:6px 8px!important}.welcome-screen .features-grid .feature-card .feature-icon{height:28px!important;width:28px!important}.welcome-screen .features-grid .feature-card .feature-icon svg{height:16px!important;width:16px!important}.welcome-screen .features-grid .feature-card h3,.welcome-screen .features-grid .feature-card p{line-height:1.1!important}.welcome-screen .features-grid .feature-card+.feature-card{margin-top:4px!important}.welcome-screen .features-grid .feature-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:0!important;border-radius:0!important;display:block!important;height:auto!important;margin:0!important;min-height:0!important;padding:0!important}.welcome-screen .features-grid .feature-card .feature-icon{margin:0 auto 2px!important}.welcome-screen .features-grid .feature-card h3,.welcome-screen .features-grid .feature-card p{margin:0!important}.welcome-screen .features-grid{display:flex!important;flex-direction:column!important;gap:4px!important;gap:6px!important;margin:4px 0!important;margin:6px 0!important}.welcome-screen .features-grid .feature-card{align-items:center!important;background:#ffffff14!important;border:1px solid #ffffff2e!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;padding:8px 10px!important}.welcome-screen .features-grid .feature-card>*{margin:0!important}.welcome-screen .features-grid .feature-card .feature-icon{align-items:center!important;border-radius:12px!important;display:flex!important;height:60px!important;justify-content:center!important;margin:2px 0 4px!important;width:60px!important}.welcome-screen .features-grid .feature-card .feature-icon svg{height:54px!important;width:54px!important}.welcome-screen .features-grid .feature-card h3{font-size:18px!important;font-weight:700!important;line-height:1.12!important;margin:2px 0!important}.welcome-screen .features-grid .feature-card p{font-size:14px!important;line-height:1.2!important;opacity:.95!important}@media (max-height:700px){.welcome-screen .features-grid .feature-card .feature-icon{height:54px!important;width:54px!important}.welcome-screen .features-grid .feature-card .feature-icon svg{height:48px!important;width:48px!important}.welcome-screen .features-grid .feature-card h3{font-size:17px!important}.welcome-screen .features-grid .feature-card p{font-size:13px!important}.welcome-screen .cta-section{margin-top:10px!important}}.welcome-screen .hero-content .hero-headline{font-size:18px!important;font-weight:700!important;line-height:1.12!important}.welcome-screen .hero-content .hero-description{font-size:14px!important;line-height:1.2!important;opacity:.95!important}.welcome-screen .welcome-container{grid-template-rows:auto auto 1fr!important;min-height:100dvh!important}.welcome-screen .cta-section{margin-top:0!important}@media (display-mode:standalone){#root,body,html{background:linear-gradient(135deg,#667eea,#764ba2)!important}body{overflow:auto!important;position:static!important}.app-container{background:#0000!important;border-radius:0!important;box-shadow:none!important;padding-top:env(safe-area-inset-top,0)!important}.app-container:before{content:none!important;display:none!important}}.welcome-screen,.welcome-screen *{-webkit-transform:translateZ(0)}#root,body,html{background:linear-gradient(135deg,#667eea,#764ba2)!important}.app-container{background:#0000!important;border-radius:0!important;box-shadow:none!important;margin-top:0!important;padding-top:env(safe-area-inset-top,0)!important}.app-container:before{content:none!important;display:none!important}@media (display-mode:standalone){body{background:#0000!important;overflow-y:auto!important;position:static!important}}.welcome-screen .hero-section{padding-top:6px!important}#root,:root,body,html{background:linear-gradient(135deg,#667eea,#764ba2)!important;background-attachment:fixed!important}@media (display-mode:standalone){body,html{height:100dvh!important}body{overflow-y:auto!important;position:static!important}.App,.app-container,.home-view{background:#0000!important;border-radius:0!important;box-shadow:none!important;margin-top:0!important;padding-top:env(safe-area-inset-top,0)!important}.app-container:before{content:none!important;display:none!important}}.welcome-screen{padding-top:0!important}.welcome-screen .hero-section{margin-top:0!important;padding-top:0!important}.welcome-screen .app-logo,.welcome-screen .hero-content{margin-top:0!important}.welcome-screen,.welcome-screen .welcome-container{padding-bottom:0!important}.welcome-screen .features-grid,.welcome-screen .hero-section{margin-bottom:8px!important}.welcome-screen .cta-section+*{margin-bottom:0!important}.welcome-screen .welcome-container{justify-content:flex-start!important;padding:12px 16px calc(env(safe-area-inset-bottom, 0px) + 12px)!important}.welcome-screen .cta-section{margin-bottom:max(12px,env(safe-area-inset-bottom,0px))!important}.welcome-screen{height:100dvh!important;min-height:100dvh!important;position:static!important}.welcome-screen .welcome-container{padding:12px 16px max(12px,env(safe-area-inset-bottom,0px))!important}.welcome-screen .hero-section{margin:0!important}.welcome-screen .features-grid{overflow:auto!important}.welcome-screen{height:auto!important;inset:0!important;min-height:0!important;position:fixed!important;z-index:1!important}.welcome-screen .welcome-container{grid-gap:8px!important;display:grid!important;grid-template-rows:auto 1fr auto!important}.welcome-screen .cta-section{align-self:end!important;justify-self:center!important;margin:0 0 max(20px,env(safe-area-inset-bottom,0px) + 8px)!important}#root,body,html{overscroll-behavior:contain}.welcome-screen .welcome-container{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))!important}.welcome-screen .cta-section{margin-bottom:calc(12px + env(safe-area-inset-bottom, 0px))!important}.welcome-screen .welcome-container{height:100%!important;padding:12px 16px max(16px,env(safe-area-inset-bottom,0px) + 12px)!important}.welcome-screen .cta-section{margin-bottom:max(20px,env(safe-area-inset-bottom,0px) + 12px)!important;margin-top:auto!important}.main-content{padding-bottom:0!important}.welcome-screen{-webkit-overflow-scrolling:touch!important}.welcome-screen .welcome-container{min-height:100%!important;padding:12px 16px calc(72px + env(safe-area-inset-bottom, 0px))!important}.welcome-screen .cta-section{bottom:calc(env(safe-area-inset-bottom, 0px) + 16px)!important;margin:0!important;position:-webkit-sticky!important;position:sticky!important;z-index:2!important}.welcome-screen{height:100svh!important;inset:auto!important;min-height:100svh!important;overflow:hidden!important;padding:0!important}.welcome-screen .welcome-container{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:8px!important;min-height:0!important;padding:12px 16px calc(68px + env(safe-area-inset-bottom, 0px))!important}.welcome-screen .features-grid{-webkit-overflow-scrolling:touch!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}.welcome-screen .cta-section{align-self:center!important;margin-bottom:0!important;margin-top:12px!important}.App.mobile-app,.main-content{padding:0!important}@media (display-mode:standalone){#root,.App,.app-container,body,html{background:#fff!important;background-color:#fff!important}.app-container:before{content:none!important;display:none!important}}.inventory-header .item-count,.scan-header p{margin:0!important;text-align:center!important}.home-header{margin-top:8px!important}.profile-modal .user-profile{background:#0000!important;border:none!important;box-shadow:none!important;max-width:100%!important;padding:0 16px!important;width:100%!important}.profile-modal .user-profile .profile-header{margin:12px 0!important;text-align:center!important}.profile-modal .user-profile>div{margin:0!important;max-width:none!important;width:100%!important}.profile-modal .user-profile .instruction-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;margin-bottom:12px!important;padding:16px!important}.profile-modal .user-profile .logout-btn{width:100%!important}.user-profile .avatar{display:none!important}.user-profile{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.main-content.profile-active{padding-left:0!important;padding-right:0!important}.home-view .instructions-section{margin:24px 0!important;max-width:none!important;padding:0!important;width:100%!important}.home-view .instruction-card{margin:0!important;max-width:none!important;width:100%!important}.modal-overlay{padding:16px;z-index:9999}.modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:calc(100vh - 32px);max-width:calc(100vw - 32px);overflow-y:auto;width:100%}.label-standard,label.label-standard{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-standard,input.input-standard,textarea.input-standard{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#374151;font-size:18px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.input-standard:focus,input.input-standard:focus,textarea.input-standard:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.input-standard::placeholder,input.input-standard::placeholder,textarea.input-standard::placeholder{color:#9ca3af}.select-standard,select.select-standard{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:18px;font-weight:500;padding:14px 16px;transition:all .2s}.category-select option,.select-standard option,select.select-standard option{font-size:18px!important;font-weight:400!important;line-height:1.5!important;padding:12px!important}.select-standard:hover,select.select-standard:hover{border-color:#9ca3af}.select-standard:focus,select.select-standard:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.select-standard:disabled,select.select-standard:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.5}:root{--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px}[data-font-size=small]{--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:22px;--font-size-3xl:28px}[data-font-size=large]{--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:22px;--font-size-2xl:26px;--font-size-3xl:32px}[data-font-size=x-large]{--font-size-xs:13px;--font-size-sm:15px;--font-size-base:17px;--font-size-md:18px;--font-size-lg:22px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:34px}body{font-size:15px;font-size:var(--font-size-base)}h1{font-size:30px;font-size:var(--font-size-3xl)}h2{font-size:24px;font-size:var(--font-size-2xl)}h3{font-size:20px;font-size:var(--font-size-xl)}h4{font-size:18px;font-size:var(--font-size-lg)}h5,h6{font-size:16px;font-size:var(--font-size-md)}div,p,span{font-size:inherit}.text-xs{font-size:11px!important;font-size:var(--font-size-xs)!important}.text-sm{font-size:13px!important;font-size:var(--font-size-sm)!important}.text-base{font-size:15px!important;font-size:var(--font-size-base)!important}.text-md{font-size:16px!important;font-size:var(--font-size-md)!important}.text-lg{font-size:18px!important;font-size:var(--font-size-lg)!important}.text-xl{font-size:20px!important;font-size:var(--font-size-xl)!important}.text-2xl{font-size:24px!important;font-size:var(--font-size-2xl)!important}.text-3xl{font-size:30px!important;font-size:var(--font-size-3xl)!important}.page-template{box-sizing:border-box;margin:0 auto;max-width:800px;min-height:auto;padding-bottom:100px!important;padding-top:0!important;position:relative;width:100%;z-index:1}.page-template>.page-template-body,.page-template>.page-template-input{max-width:100%;width:100%}.page-template>.page-template-input{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.page-template.profile-page,.page-template.scan-page,.profile-page.page-template,.scan-page.page-template{padding-top:0!important}@media (display-mode:standalone){.page-template{padding-bottom:92px!important}}.page-template-header{align-items:center!important;display:flex!important;flex-direction:column!important;gap:0;justify-content:center!important;margin-bottom:4px!important;margin-top:0!important;padding-bottom:0!important;padding-top:0!important;position:relative!important;text-align:center!important;width:100%;z-index:10!important}.page-template-header.with-background{background:#f8f9fa!important;margin:0 -16px 8px;padding:8px 16px 12px}.home-page .page-template-title,.inventory-page .page-template-title,.page-template .page-template-header .page-template-title,.page-template .page-template-header h1,.page-template h1,.profile-page .page-template-title,.scan-page .page-template-title{color:#111827!important;display:block!important;font-size:1.75rem!important;font-weight:700!important;line-height:1!important;margin:0!important;opacity:1!important;text-align:center!important;visibility:visible!important}.page-template-summary{color:#374151;font-size:1.05rem;font-weight:500;line-height:1.15;margin:4px 0 0;text-align:center;transform:none}.page-template-input{display:block;margin:0;padding:0;position:-webkit-sticky;position:sticky;top:0;transform:none;transition:none;will-change:auto;z-index:50}@media (display-mode:standalone){.home-page.page-template,.page-template,.page-template.home-page,.page-template.profile-page,.profile-page.page-template{padding-top:0!important}.App.mobile-app .main-content .page-template.inventory-page .page-template-header,.App.mobile-app .main-content .page-template.scan-page .page-template-header,.inventory-page .page-template-header,.inventory-page .page-template-header.with-background,.scan-page .page-template-header,.scan-page .page-template-header.with-background{margin-bottom:0!important;padding-bottom:0!important}.home-page .page-template-header,.home-page .page-template-header.with-background,.profile-page .page-template-header,.profile-page .page-template-header.with-background,.scan-page .page-template-header,.scan-page .page-template-header.with-background{margin-bottom:4px!important}}.App.mobile-app.smart-hidden .page-template-input,.App.mobile-app.smart-hidden .page-template.inventory-page .page-template-input,.App.smart-hidden .page-template-input,.page-template-input.input-hidden{height:0!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;transform:translate3d(0,-56px,0)!important;transform:translate3d(0,calc(var(--filters-height, 56px)*-1),0)!important}.page-template-input.input-hidden{transition:transform .25s ease-in-out,height .25s ease-in-out!important}.page-template.non-sticky-input .page-template-input{position:static!important;top:auto!important;z-index:auto!important}.page-template-body{padding:0;text-align:center}.page-content-wrapper{padding:12px}.page-template-icon{align-items:center;display:flex;justify-content:center;margin:4px 0 8px;width:100%}.profile-page .page-template-header,.scan-page .page-template-header{margin-bottom:2px!important}.profile-page .page-template-summary,.scan-page .page-template-summary{margin-top:2px!important}.profile-page .page-template-icon,.scan-page .page-template-icon{margin-top:0!important}.page-template-icon-img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));height:84px;image-rendering:-webkit-optimize-contrast;object-fit:contain;width:84px}.page-template-body>:first-child{margin-top:0!important}@media (max-width:640px){.page-template{max-width:calc(100vw - 16px);padding:0 8px}.page-template-body,.page-template-input{padding:0 8px}}@media (max-width:480px){.page-template{max-width:calc(100vw - 8px);padding:0 4px}.page-template-body,.page-template-input{padding:0 4px}.home-page .page-template-title,.inventory-page .page-template-title,.page-template .page-template-header .page-template-title,.page-template .page-template-header h1,.page-template h1,.profile-page .page-template-title,.scan-page .page-template-title{font-size:1.5rem!important}}.transparent-menu-bar{align-items:center;backdrop-filter:blur(10px) saturate(140%)!important;-webkit-backdrop-filter:blur(10px) saturate(140%)!important;background:#fafafc33!important;border:.5px solid #fff3;border-radius:24px;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a;box-sizing:border-box;display:flex;gap:8px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--card-spacing,16px) auto;max-width:100%;overflow:visible!important;padding:8px 16px;position:relative;width:100%;z-index:100}.page-template-input{background:#0000!important}.menu-icon-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#1d1d1f;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:10px 12px;transition:all .2s}.menu-icon-btn:hover:not(:disabled){background:#0000000d}.menu-icon-btn:disabled{cursor:not-allowed;opacity:.4}.menu-icon-btn.has-filters{background:#007aff26;color:#007aff}.menu-icon-btn.has-filters svg{stroke:#007aff}.menu-icon-btn.has-filters:hover{background:#007aff40}.menu-icon-btn svg{flex-shrink:0}.inventory-menu-bar .menu-tab-buttons,.menu-tab-buttons{background:#0000!important;border-radius:10px!important;display:inline-flex!important;gap:4px!important;padding:0!important}.menu-tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#1d1d1f;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:4px;padding:7px 14px;position:relative;transition:all .25s ease;white-space:nowrap}.menu-tab-btn:hover:not(.active){background:#0000000d}.inventory-menu-bar .menu-tab-btn.active,.menu-tab-btn.active,.menu-tab-buttons .menu-tab-btn.active{background:#007aff26!important;border:none!important;box-shadow:0 1px 3px #007aff1a!important;color:#007aff!important;font-weight:600}.menu-badge{background:#ff3b30;border-radius:10px;margin-left:2px;min-width:16px;padding:2px 5px;text-align:center}.menu-tab-btn-delete{background:#0000!important;color:#dc2626!important}.menu-tab-btn-delete:hover:not(:disabled){background:#dc26261a!important}.menu-tab-btn-primary{background:#007aff26!important;color:#007aff!important;font-weight:600!important}.menu-tab-btn-primary:hover:not(:disabled){background:#007aff40!important}.menu-tab-btn-primary:disabled{background:#0000!important;color:#9ca3af!important;cursor:not-allowed;opacity:.4}.menu-tab-btn:disabled{background:#0000!important;cursor:not-allowed;opacity:.3}@media (max-width:768px){.transparent-menu-bar{gap:6px;padding:6px 12px}.menu-icon-btn{padding:8px 10px}.menu-icon-btn svg{height:26px;width:26px}.menu-tab-btn{font-size:var(--font-size-sm);justify-content:center;padding:6px 8px}}.manage-tab-wrapper{position:relative}.scan-mode-selector{position:relative;z-index:10001}.scan-mode-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#007aff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:6px;padding:7px 14px;transition:all .2s;white-space:nowrap}.scan-mode-btn:active{background:#007aff1a}.scan-mode-btn:hover{background:#0000000d}.scan-mode-btn svg{opacity:.8}.scan-mode-menu{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;min-width:120px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:10000}.scan-mode-menu-item{background:#fff;border:none;color:#374151;cursor:pointer;display:block;font-size:var(--font-size-sm);padding:10px 12px;text-align:left;transition:background .2s;width:100%}.scan-mode-menu-item:hover{background:#f3f4f6}.scan-mode-menu-item.active{background:#e0f2fe;color:#007aff;font-weight:600}.scan-collection-selector{align-items:center;display:flex;gap:8px;margin-left:12px;position:relative;z-index:10001}.scan-collection-label{color:#6b7280}.scan-collection-btn,.scan-collection-label{font-size:var(--font-size-sm);white-space:nowrap}.scan-collection-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#007aff;cursor:pointer;display:flex;font-weight:500;gap:6px;max-width:200px;overflow:hidden;padding:7px 14px;text-overflow:ellipsis;transition:all .2s}.scan-collection-btn:active{background:#007aff1a}.scan-collection-btn:hover{background:#0000000d}.scan-collection-btn svg{flex-shrink:0;opacity:.8}.scan-collection-menu{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;max-height:300px;max-width:280px;min-width:180px;overflow:hidden;overflow-y:auto;position:absolute;top:calc(100% + 4px);z-index:10000}.scan-collection-menu-item{background:#fff;border:none;color:#374151;cursor:pointer;display:block;font-size:var(--font-size-sm);overflow:hidden;padding:10px 12px;text-align:left;text-overflow:ellipsis;transition:background .2s;white-space:nowrap;width:100%}.scan-collection-menu-item:hover{background:#f3f4f6}.scan-collection-menu-item.active{background:#e0f2fe;color:#007aff;font-weight:600}.scan-preset-input{border:1px solid #cbd5e0;border-radius:6px;flex:1 1;font-size:var(--font-size-sm);max-width:150px;min-width:80px;padding:6px 10px}.scan-preset-input-small{flex:0 0 auto;max-width:70px}.scan-preset-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.scan-preset-checkbox{align-items:center;cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:4px;-webkit-user-select:none;user-select:none;white-space:nowrap}.scan-preset-checkbox input[type=checkbox]{cursor:pointer}.scan-action-buttons{align-items:center;display:flex;gap:8px;margin-left:auto}.scan-action-btn{background:#0000;border:none;border-radius:8px;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:7px 14px;transition:all .2s;white-space:nowrap}.scan-action-btn-primary{color:#1d1d1f}.scan-action-btn-primary:hover:not(:disabled){background:#0000000d}.scan-action-btn-primary:disabled{background:#0000!important;color:#9ca3af!important;cursor:not-allowed;opacity:.5}.scan-action-btn-secondary{color:#dc2626}.scan-action-btn-secondary:hover:not(:disabled){background:#dc26261a}.scan-action-btn-secondary:disabled{background:#0000!important;color:#9ca3af!important;cursor:not-allowed;opacity:.5}@media (max-width:768px){.scan-top-row{flex-wrap:wrap}.menu-tab-buttons,.scan-action-buttons{flex:1 1}.menu-tab-btn{min-width:70px}.scan-preset-inputs{flex-wrap:wrap}.scan-preset-input{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;max-width:none}.scan-action-btn{flex:1 1}}@media (max-width:480px){.scan-preset-input{flex:1 1 100%}}.item-actions{gap:4px}.action-btn,.item-actions{align-items:center;display:flex}.action-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:var(--font-size-xl);font-weight:600;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:28px}.duplicate-btn{color:#007aff}.duplicate-btn:hover{background:#007aff1a}.delete-btn{color:#dc2626;font-size:var(--font-size-2xl)}.delete-btn:hover{background:#dc26261a}.card-header-right{align-items:center;display:flex;gap:8px}.main-content.scan-active,.scan-page{overscroll-behavior-y:none!important}.scan-page .page-template-input{background:#0000!important;margin-top:0!important;padding:0!important}.scan-page .scan-menu-bar{margin:0 0 16px!important;margin:0 0 var(--card-spacing,16px) 0!important;position:-webkit-sticky;position:sticky;top:0;transform:none!important;transition:none!important;will-change:auto!important;z-index:1000}.scan-view{box-sizing:border-box;margin:0 auto;max-width:800px;padding:0 16px 85px;position:relative;width:100%;z-index:1}.processing-queue{background:#fff;border:1px solid #e5e5ea;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:16px 0 8px;padding:12px}.queue-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.queue-header h3{color:#1a202c;font-size:var(--font-size-base);font-weight:600;margin:0}.clear-completed-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:6px 12px;transition:all .2s ease}.clear-completed-btn:hover{background:#e9ecef;border-color:#ced4da}.queue-items{display:flex;flex-direction:column;gap:8px}.queue-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:8px 10px;transition:all .2s ease}.queue-item--analyzing{background:#e7f3ff;border-color:#b3d9ff}.queue-item--saving{background:#fff3cd;border-color:#ffd966}.queue-item--completed{background:#d4edda;border-color:#c3e6cb}.queue-item--error{background:#f8d7da;border-color:#f5c6cb}.queue-item-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.queue-item-name{color:#1a202c;font-size:var(--font-size-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-status{color:#64748b;font-size:var(--font-size-xs);font-weight:400}.scan-preset-inputs{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-2xl);gap:8px;line-height:1;margin-bottom:12px;padding:0;transition:all .2s ease}.queue-item-remove:hover{background:#0000000d;color:#dc3545}@media (max-width:640px){.processing-queue{margin:8px 0 12px;padding:12px}.queue-header{align-items:flex-start;flex-direction:column;gap:8px}.clear-completed-btn{width:100%}.queue-item{padding:8px 10px}.queue-item-name{font-size:var(--font-size-sm)}.queue-item-status{font-size:var(--font-size-xs)}}.scan-header p{color:#64748b;font-size:var(--font-size-base);font-weight:400;margin:0;text-align:center}.image-upload{background:#fff;border:1px solid #e5e5ea;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;margin:20px 0;max-width:100%;padding:20px}.scan-page .image-upload{margin-top:8px}.scan-page .image-upload,.scan-page .results-section{box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;max-width:800px!important;width:100%!important}.scan-page .image-preview{margin:12px 0 0!important;text-align:left!important}.scan-page .image-preview img{border-radius:0!important;box-shadow:none!important;display:block!important;height:auto!important;max-width:100%!important;width:100%!important}.scan-page .drop-zone{margin-top:12px!important;min-height:120px!important;padding:16px 15px!important}.scan-page .drop-zone .upload-icon{height:40px!important;width:40px!important}.scan-page .drop-zone p{font-size:var(--font-size-base)!important;margin:6px 0!important}.scan-page .drop-zone .file-types{font-size:var(--font-size-sm)!important}.image-upload .upload-actions{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;justify-content:space-between!important;margin:0 0 12px!important}.image-upload .upload-actions .analyze-btn{background:#007aff!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;flex:0 0 70%!important;font-size:var(--font-size-md)!important;font-weight:500!important;max-width:none!important;padding:12px 24px!important;transition:all .2s ease!important;width:auto!important}.image-upload .upload-actions .analyze-btn:hover:not(:disabled){background:#0056cc!important;transform:translateY(-1px)!important}.image-upload .upload-actions .clear-btn{align-items:center!important;background:#007aff!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;flex:0 0 25%!important;font-weight:500!important;gap:8px!important;justify-content:center!important;max-width:none!important;padding:12px 16px!important;transition:all .2s ease!important;width:auto!important}.image-upload .upload-actions .clear-btn:hover:not(:disabled){background:#0056cc!important;transform:translateY(-1px)!important}.image-upload .upload-actions .clear-btn:disabled{background:#d1d5db!important;color:#6b7280!important;opacity:.6!important}.results-section{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:24px 0 16px!important;padding:0!important}.results-header{margin-bottom:16px}.results-header h2{color:#1a202c;font-size:var(--font-size-2xl);font-weight:600;margin:0 0 4px}.results-header .item-count{color:#64748b;font-size:var(--font-size-base);font-weight:400;margin:0}.table-container{margin-bottom:20px;overflow-x:auto}.results-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.results-table td,.results-table th{border-bottom:1px solid #eee;padding:12px 8px;text-align:left}.results-table th{background-color:#f8f9fa;color:#495057;font-size:var(--font-size-sm);font-weight:600}.results-table tr:hover{background-color:#f8f9ff}.results-footer{background:#f8f9fa;border-radius:8px;margin-top:16px;padding:12px;text-align:center}.results-footer p{color:#64748b;font-size:var(--font-size-sm);margin:0}.image-upload{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:8px 0!important;padding:0!important;position:relative!important}.upload-actions{display:none!important}.image-upload .upload-actions .clear-btn .btn-icon{align-items:center!important;display:inline-flex!important;margin-right:8px!important}.image-upload .upload-actions .clear-btn .btn-icon svg{display:block!important;height:20px!important;width:20px!important}.save-inputs{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:16px 0;padding:16px}.input-group{margin-bottom:12px}.input-group:last-child{margin-bottom:0}.input-group label{color:#495057;display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:4px}.floating-actions{align-items:center!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border-radius:8px!important;box-shadow:none!important;display:flex!important;gap:8px!important;justify-content:center!important;left:50%!important;padding:0!important;position:fixed!important;top:calc(108px + env(safe-area-inset-top, 0px))!important;transform:translateX(-50%)!important;z-index:10000001!important}.fab-action{align-items:center!important;-webkit-appearance:none!important;appearance:none!important;-webkit-backdrop-filter:saturate(120%) blur(6px)!important;backdrop-filter:saturate(120%) blur(6px)!important;background:#007aff1a!important;border:1px solid #ffffff59!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;flex:0 0 auto!important;font-size:var(--font-size-sm)!important;font-weight:600!important;gap:6px!important}.fab-action--primary{padding:8px 12px!important}.fab-action--secondary{padding:8px 10px!important}.fab-action:hover:not(:disabled){background:#007aff24!important}.fab-action:disabled{background:#007aff1a!important;cursor:not-allowed!important;opacity:1!important}.fab-action:disabled,.floating-actions .fab-action{border:1px solid #ffffff59!important;color:#fff!important}.floating-actions .fab-action{background:#3c3c43b8!important}.floating-actions .fab-action:hover:not(:disabled){background:#3c3c43cc!important}.floating-actions .fab-action:disabled{background:#3c3c4366!important;border-color:#fff3!important;color:#e5e7eb!important;cursor:not-allowed!important;opacity:.85!important}.image-upload.modal-open .floating-actions{display:none!important}@media (max-width:640px){.floating-actions{gap:6px!important;left:50%;top:calc(100px + env(safe-area-inset-top, 0px))!important}.fab-action--primary{font-size:var(--font-size-sm)!important;padding:10px 12px!important}.fab-action--secondary{font-size:var(--font-size-sm)!important;padding:8px 10px!important}}.scan-page .mobile-cards-container{-webkit-overflow-scrolling:auto!important;max-height:none!important;overflow:visible!important}.location-input,.room-input{background:#fff;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:var(--font-size-sm);padding:8px 12px;width:100%}.location-input:focus,.room-input:focus{border-color:#007aff;box-shadow:0 0 0 2px #007aff40;outline:none}.save-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;font-size:var(--font-size-sm);margin:12px 0;padding:12px}.bulk-actions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:16px 0;padding:16px}.bulk-populate{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.bulk-input-group{align-items:center;display:flex;gap:8px}.bulk-input-group input{background:#fff;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;flex:0 1 200px;font-size:var(--font-size-sm);height:32px!important;line-height:1.2;max-height:32px!important;min-height:32px!important;min-width:0;padding:6px 10px!important}.bulk-input-group input:focus{border-color:#007aff;box-shadow:0 0 0 2px #007aff40;outline:none}.apply-btn{background:#007aff;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:500;min-width:120px;padding:8px 16px;transition:background-color .2s ease;white-space:nowrap}.apply-btn:hover{background:#0056cc}.delete-selected-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:8px 16px;transition:background-color .2s ease}.delete-selected-btn:hover{background:#c82333}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (max-width:640px){.bulk-input-group{align-items:stretch;flex-direction:column}.apply-btn{width:100%}.scan-view{padding:0}.image-upload{border-radius:0;margin:10px 0;padding:10px}.upload-actions{gap:8px}.analyze-btn,.clear-btn{font-size:var(--font-size-sm);padding:10px 12px}}@media (max-width:480px){.upload-actions .analyze-btn,.upload-actions .clear-btn{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1}}.mobile-item-card{background:#fff;border:1px solid #e2e8f0;border:var(--card-border,1px solid #e2e8f0);border-radius:12px;border-radius:var(--card-border-radius,12px);box-shadow:0 2px 8px #0000001a;box-shadow:var(--card-shadow,0 2px 8px #0000001a);margin-bottom:16px;padding:12px;position:relative}.mobile-item-card-image{background:#f3f4f6;margin:-12px -14px 12px;overflow:hidden;width:calc(100% + 28px)}.mobile-item-card>.mobile-item-card-image:first-child{border-radius:6px 6px 0 0;margin-top:-12px}.mobile-item-card>.mobile-item-card-image:last-child{border-radius:0 0 6px 6px;margin-bottom:-12px;margin-top:12px}.mobile-item-card-image img{display:block;height:auto;object-fit:cover;width:100%}.mobile-item-card .item-checkbox{cursor:pointer;height:20px;left:12px;position:absolute;top:12px;width:20px;z-index:5}.floating-action-btn{align-items:center;background:#78788029;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:28px;justify-content:center;line-height:0;max-height:28px;max-width:28px;min-height:28px;min-width:28px;padding:0;position:absolute;transition:background .2s ease;width:28px;z-index:10}.floating-action-btn:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.floating-action-btn:hover:not(:disabled){background:#7878803d}.floating-action-btn:active:not(:disabled){background:#78788052}.delete-floating{color:#000;font-size:18px;right:6px;top:6px}.duplicate-floating{color:#000}.duplicate-floating,.save-floating{bottom:6px;font-size:18px;right:6px}.save-floating{background:#34c759;color:#fff;font-weight:700}.save-floating:hover{background:#2da84a;box-shadow:0 3px 6px #00000040;transform:scale(1.08)}.save-floating:active{transform:scale(.95)}.mobile-item-card .card-content>.form-row,.mobile-item-card .card-content>.form-row-group{margin-bottom:12px}.mobile-item-card .card-content>.form-row-group:last-child,.mobile-item-card .card-content>.form-row:last-child{margin-bottom:0}.mobile-item-card .form-row-group>.form-row{margin:0}.mobile-item-card .form-row-group{display:flex;gap:12px}.mobile-item-card .form-row-group.three-cols{gap:6px}.mobile-item-card .form-row-group.three-cols .form-row,.mobile-item-card .form-row.half{flex:1 1}.mobile-item-card .form-row.third{flex:0 0 30%}.mobile-item-card .form-row.two-thirds{flex:0 0 65%}.mobile-item-card .form-row.narrow{flex:0 0 80px}.mobile-item-card .form-row.medium{flex:0 0 100px}.mobile-item-card .form-row.flex-grow{flex:1 1}.mobile-item-card .form-row.spacer{flex:0 0 40px;min-width:40px}.mobile-item-card .card-input{background:#fff;border:1px solid #d1d1d6;border-radius:8px;box-sizing:border-box;color:#1d1d1f;font-size:var(--font-size-sm);margin:0;padding:10px 12px;transition:border-color .2s;width:100%}.mobile-item-card .card-input[type=date]{-webkit-appearance:none;appearance:none;height:40px;line-height:normal;max-height:40px;min-height:40px}.mobile-item-card .card-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.mobile-item-card .card-input:disabled{background:#f9fafb;border-color:#e5e7eb;color:#1d1d1f;cursor:default;opacity:1}.mobile-item-card .card-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;cursor:pointer;height:40px;line-height:normal;padding-right:28px}.mobile-item-card .card-select:disabled{cursor:default;opacity:1}.mobile-item-card .labeled-input{margin:0;position:relative}.mobile-item-card .input-label{background:#0000;color:#8e8e93;font-size:var(--font-size-xs);font-weight:500;left:12px;line-height:1;margin:0;padding:0;pointer-events:none;position:absolute;top:6px;z-index:1}.mobile-item-card .labeled-input .card-input{padding-bottom:6px;padding-top:22px}.mobile-item-card .name-input{font-size:var(--font-size-base);font-weight:600}.mobile-item-card .checkbox-label,.mobile-item-card .checkbox-label-left{align-items:center;cursor:pointer;display:flex;gap:6px;-webkit-user-select:none;user-select:none}.mobile-item-card .checkbox-label-left{justify-content:flex-start}.mobile-item-card .checkbox-label input[type=checkbox]{height:18px;width:18px}.preset-properties-section{background:#fff;border:1px solid #94a3b8;border:var(--card-border,1px solid #94a3b8);border-radius:12px;border-radius:var(--card-border-radius,12px);box-shadow:0 2px 8px #0000001a;box-shadow:var(--card-shadow,0 2px 8px #0000001a);box-sizing:border-box;margin:0 0 16px;padding:16px;position:relative;width:100%;z-index:1}.preset-properties-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.preset-properties-title{color:#1d1d1f;font-size:var(--font-size-md);font-weight:600;margin:0}.preset-clear-btn{background:#0000;border:1px solid #007aff;border-radius:6px;color:#007aff;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:6px 12px;transition:all .2s}.preset-clear-btn:hover{background:#007aff1a}.preset-clear-btn:active{background:#007aff33}.preset-field-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.preset-field-row:last-child{margin-bottom:0}.preset-field-label{flex-shrink:0;font-weight:400;text-align:left;white-space:nowrap}.preset-field-input,.preset-field-label{color:#1d1d1f;font-size:var(--font-size-sm)}.preset-field-input{background:#fff;border:1px solid #d1d1d6;border-radius:8px;box-sizing:border-box;flex:1 1;padding:10px 12px;transition:border-color .2s}.preset-field-input:focus{border-color:#007aff;outline:none}select.preset-field-input{cursor:pointer}.preset-properties-section .preset-properties-row{align-items:center;display:flex;flex-direction:row;gap:12px;margin-bottom:12px;width:100%}.preset-properties-section .preset-properties-row:last-child{margin-bottom:0}.preset-properties-section .preset-input{background:#fff;border:1px solid #d1d1d6;border-radius:8px;box-sizing:border-box;flex:1 1;font-size:var(--font-size-sm);min-width:0;padding:10px 12px;transition:border-color .2s}.preset-properties-section .preset-input:focus{border-color:#007aff;outline:none}.preset-properties-section .preset-input-min-qty{flex:0 0 50px;max-width:140px;min-width:100px}.preset-properties-section .preset-checkbox-label{align-items:center;color:#1d1d1f;cursor:pointer;display:flex;flex:0 0 auto;font-size:var(--font-size-sm);font-weight:400;gap:8px;margin:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.preset-properties-section .preset-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.preset-properties-section .preset-checkbox-label span{margin:0;padding:0}.preset-input-wrapper{position:relative}.preset-input-label{background:#0000;color:#8e8e93;font-size:var(--font-size-xs);font-weight:500;left:12px;line-height:1;margin:0;padding:0;pointer-events:none;position:absolute;top:6px;z-index:1}.preset-input-with-label{padding-bottom:6px!important;padding-top:22px!important}@media (max-width:640px){.preset-field-row{gap:8px}.preset-field-label{flex-shrink:0}}.display-modal{position:relative}.display-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.display-modal .modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#111827}.display-modal .modal-body{flex:1 1;overflow-y:auto;padding:20px}.display-section{margin-bottom:24px}.display-section:last-child{margin-bottom:0}.display-section h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.display-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.display-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:6px;padding:16px 12px;transition:all .2s}.display-option:hover{background:#f0f9ff;border-color:#007aff}.display-option.active{background:#007aff;border-color:#007aff;color:#fff}.display-option svg{flex-shrink:0}.sort-options{display:flex;gap:8px}.sort-select{flex:1 1}.sort-direction-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.sort-direction-btn:hover{background:#f9fafb;border-color:#9ca3af}.sort-direction-btn svg{flex-shrink:0}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.modal-btn-primary{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.modal-btn-primary:hover{background:#0051d5}.modal-btn-primary:active{background:#004bb8}@media (max-width:768px){.modal-overlay{padding:12px}.display-modal{max-height:calc(100vh - 140px);max-width:100%}.display-options{grid-template-columns:1fr}.sort-options{flex-direction:column}.sort-direction-btn{justify-content:center}}.search-modal{position:relative}.search-section{margin-bottom:20px}.search-section:last-child{margin-bottom:0}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#9ca3af;left:12px;pointer-events:none;position:absolute}.search-input{color:#374151;padding:10px 12px 10px 40px;transition:all .2s}.search-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.search-clear-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;transition:all .2s}.search-clear-btn:hover{background:#f3f4f6;color:#374151}.category-select{width:100%}.search-section .label-standard{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.quantity-filter-row{align-items:center;display:flex;gap:12px}.quantity-filter-label{color:#374151;font-size:16px;font-weight:500}.quantity-input-inline{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:18px;font-weight:500;padding:12px 14px;text-align:center;transition:all .2s;width:80px}.quantity-input-inline:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.4}.quantity-input-inline:focus:not(:disabled){border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;margin-left:auto}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checkbox-text{color:#374151;font-size:16px;font-weight:500}.active-filters{background:#f9fafb;border-radius:8px;margin-top:24px;padding:16px}.active-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.active-filters-header span{color:#6b7280;font-size:13px;font-weight:600}.clear-all-btn{background:none;border:none;border-radius:4px;color:#007aff;cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;transition:all .2s}.clear-all-btn:hover{background:#e5e7eb}.filter-tags{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:16px;color:#374151;display:inline-flex;font-size:13px;gap:6px;padding:6px 10px}.filter-tag button{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:18px;height:16px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:16px}.filter-tag button:hover{background:#f3f4f6;color:#374151}.modal-btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.modal-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.modal-btn-secondary:active{background:#f3f4f6}@media (max-width:768px){.search-modal{max-height:calc(100vh - 140px);max-width:100%}}.inventory-view{margin:0 auto;max-width:800px;min-height:auto;overflow:visible;padding-bottom:85px;position:relative;z-index:1}.page-template.inventory-page{--inv-gap:0px}.page-template.inventory-page>.page-template-body{margin-top:0!important;margin-top:var(--inv-gap,0)!important;padding-top:16px!important;padding-top:var(--card-spacing,16px)!important;position:relative;z-index:1}.inventory-page .page-template-input{background:#0000!important;border-bottom:none!important;box-shadow:none!important;margin-top:0!important;padding:0!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;transform:none!important;transition:none!important;will-change:auto!important;z-index:900!important}.inventory-page .inventory-filters{padding-bottom:0!important;padding-top:0!important;position:static!important;top:auto!important}.inventory-page .inventory-filters,.page-template.inventory-page .page-template-input>*{margin-bottom:0!important;margin-top:0!important}.page-template.inventory-page .page-template-input>*+*{margin-top:8px!important}.App.mobile-app .main-content .page-template.inventory-page .page-template-input{border-top:1px solid #0000!important;margin-bottom:6px!important;margin-bottom:var(--inv-gap,6px)!important;margin-top:0!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;transform:none!important;z-index:900!important}.page-template.inventory-page .page-template-input>:first-child{margin-top:0!important}.App .main-content .page-template.inventory-page>.page-template-input{display:block!important;opacity:1!important;pointer-events:auto!important;transform:none!important}.inventory-page .menu-tab-buttons .menu-tab-btn:not(.active):hover{background:#f9fafb!important;border-color:#9ca3af!important;box-shadow:0 1px 3px #0000001a!important}.inventory-page .page-template{padding-bottom:16px!important}.inventory-page.page-template,.page-template.inventory-page{padding-top:0!important}.inventory-header .item-count{color:#64748b;font-size:1rem;font-weight:400;margin:-8px 0 0;text-align:center}.inventory-items,.item-grid,.items-grid{margin-bottom:0;min-height:auto;padding-bottom:85px!important}.items-grid.two-items{padding-bottom:85px!important}.item-card-row{align-items:flex-start;display:flex;gap:12px;text-align:left!important}.item-card-row.selected,.item-card.selected{background:#f0f9ff!important;border-color:#007aff!important;box-shadow:0 0 0 2px #007aff33!important}.items-list{background:#e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:1px;margin-bottom:85px;overflow:hidden}.item-list-row{align-items:center;background:#fff;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s}.item-list-row:hover{background:#f9fafb}.item-list-row.selected{background:#f0f9ff!important;border-left:4px solid #007aff;padding-left:12px}.list-item-thumb{border-radius:8px;flex-shrink:0;height:56px;overflow:hidden;width:56px}.list-item-thumb,.list-item-thumb.placeholder{background:#f3f4f6}.list-item-content{flex:1 1;min-width:0}.list-item-name{color:#111827;font-size:var(--font-size-md);font-weight:600}.list-item-category,.list-item-name{margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-category{color:#6b7280;font-size:var(--font-size-sm)}.list-item-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#9ca3af;display:-webkit-box;font-size:var(--font-size-sm);line-height:1.4;overflow:hidden}.items-stock{background:#e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:1px;margin-bottom:85px;overflow:hidden}.item-stock-row{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:14px 16px;text-align:left;transition:all .2s}.item-stock-row:hover{background:#f9fafb}.item-stock-row.selected{background:#f0f9ff!important;border-left:4px solid #007aff;padding-left:12px}.stock-item-info{flex:1 1;min-width:0}.stock-item-name{color:#111827;font-size:var(--font-size-md);font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.stock-item-name[role=button]{cursor:pointer}.stock-item-name[role=button]:hover{color:#007aff;text-decoration:underline}.stock-item-category{color:#6b7280;font-size:var(--font-size-sm)}.stock-item-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#9ca3af;display:-webkit-box;font-size:var(--font-size-sm);line-height:1.4;margin-top:4px;overflow:hidden}.stock-min-qty{color:#9ca3af;font-size:var(--font-size-xs)}.stock-item-quantity{color:#111827;font-size:var(--font-size-xl);font-weight:700;min-width:40px;padding-left:16px;text-align:right}.stock-item-quantity.editable{border-radius:4px;cursor:pointer;padding:4px 8px;transition:all .2s}.stock-item-quantity.editable:hover{background:#f3f4f6;color:#007aff}.stock-qty-input{background:#fff;border:2px solid #007aff;border-radius:6px;color:#111827;font-size:var(--font-size-xl);font-weight:700;outline:none;padding:4px 8px;text-align:center;width:60px}.stock-qty-input::-webkit-inner-spin-button,.stock-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stock-qty-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.stock-quantity-controls{align-items:center;display:flex;gap:8px}.qty-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:var(--font-size-xl);font-weight:600;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.qty-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.qty-btn:active:not(:disabled){background:#e5e7eb}.qty-btn:disabled{cursor:not-allowed;opacity:.3}.qty-btn-minus{color:#ef4444}.qty-btn-plus{color:#10b981}.item-card-row .item-thumb{background:#f3f4f6;border-radius:8px;flex:0 0 auto;height:96px;overflow:hidden;width:96px}.item-card-row .item-thumb.placeholder{opacity:.35}.item-card-row .item-body{flex:1 1 auto;min-width:0}.item-card-row .item-topline{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.item-card-row .item-name{font-size:var(--font-size-md);line-height:1.25;margin:0;text-align:left!important}.item-card-row .item-header{align-items:center;display:flex;gap:8px}.item-card-row .item-category{color:#6b7280;font-size:var(--font-size-sm);font-weight:500}.item-card-row .item-description{color:#64748b;font-size:var(--font-size-sm);line-height:1.35;margin:4px 0 8px;text-align:left!important}.item-card-row .item-location{margin-top:4px;text-align:left!important}.item-sharing-badge{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#2563eb;cursor:help;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;margin-top:6px;padding:3px 8px}.item-sharing-badge svg{color:#2563eb;flex-shrink:0}.item-sharing-badge .badge-text{white-space:nowrap}.item-sharing-badge:has(.badge-text:contains("Read-only")){background:#9ca3af1a;border-color:#9ca3af4d;color:#6b7280}.item-sharing-badge:has(.badge-text:contains("Read-only")) svg{color:#6b7280}.item-card.non-selectable{cursor:not-allowed!important;opacity:.5;pointer-events:none;position:relative}.item-card.non-selectable:after{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#9ca3af1a 0,#9ca3af1a 20px);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:480px){.item-card-row{gap:10px}.item-card-row .item-thumb{height:84px;width:84px}.item-card-row .item-name{font-size:var(--font-size-base)}}.inventory-page .modal-actions .cancel-btn,.inventory-page .modal-actions .confirm-btn,.inventory-page .modal-actions .delete-btn,.inventory-page .modal-actions button{border-radius:10px!important;font-size:var(--font-size-sm)!important;font-weight:500!important;letter-spacing:.2px!important;padding:10px 16px!important;transition:transform .2s ease,box-shadow .2s ease!important}.inventory-page .modal-actions .cancel-btn{background:#f3f4f6!important;border:1px solid #d1d5db!important;color:#374151!important}.inventory-page .modal-actions .cancel-btn:hover{background:#e5e7eb!important;border-color:#9ca3af!important;transform:translateY(-1px)!important}.inventory-page .modal-actions .confirm-btn,.inventory-page .modal-actions .delete-btn{background:#007aff!important;border:none!important;color:#fff!important}.inventory-page .modal-actions .confirm-btn:hover,.inventory-page .modal-actions .delete-btn:hover{box-shadow:0 6px 18px #007aff38!important;transform:translateY(-1px)!important}.inventory-page .modal-actions .delete-btn{background:#dc2626!important}.inventory-page .modal-actions .delete-btn:hover{box-shadow:0 6px 18px #dc262638!important}@media (max-width:640px){.inventory-header{align-items:flex-start;flex-direction:column;gap:.5rem}.inventory-items,.inventory-view,.item-grid,.items-grid{padding-bottom:85px}}@media (display-mode:standalone){.inventory-view{padding-bottom:85px}.inventory-page .inventory-filters .search-box{margin-top:0!important;padding-top:0!important}.inventory-items,.item-grid,.items-grid{padding-bottom:85px}}.items-stock.stock-card-view{grid-gap:8px;background:#0000;border-radius:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));overflow:visible}.items-stock.stock-card-view .item-stock-row{align-items:stretch;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:8px;padding:8px}.items-stock.stock-card-view .stock-item-thumbnail{align-items:center;aspect-ratio:1;background:#f3f4f6;border-radius:8px;display:flex;justify-content:center;overflow:hidden;width:100%}.items-stock.stock-list-view .stock-item-thumbnail{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.stock-item-thumbnail img{height:100%;object-fit:cover;width:100%}.items-stock.stock-card-view .stock-item-info{display:flex;flex-direction:column;gap:4px}.items-stock.stock-card-view .stock-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--font-size-sm);line-height:1.3;max-height:2.6em;overflow:visible;text-overflow:clip;white-space:normal}.items-stock.stock-card-view .stock-item-category{font-size:var(--font-size-xs)}.items-stock.stock-card-view .stock-item-quantity{background:#f9fafb;border-radius:8px;font-size:var(--font-size-lg);padding:6px 0;text-align:center}.items-stock.stock-card-view .stock-item-quantity.editable:hover{background:#f3f4f6}.items-stock.stock-list-view .item-stock-row{align-items:center;display:flex;flex-direction:row;gap:12px}@media (max-width:640px){.items-stock.stock-card-view{gap:6px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.items-stock.stock-card-view .item-stock-row{padding:6px}.items-stock.stock-card-view .stock-item-name{font-size:var(--font-size-sm)}.items-stock.stock-card-view .stock-item-quantity{font-size:var(--font-size-md)}.items-stock.stock-list-view .stock-item-thumbnail{height:40px;width:40px}}.checklist-container{width:100%}.checklist-progress{background:#f9fafb;border-radius:8px;color:#374151;font-size:var(--font-size-sm);font-weight:500;margin-bottom:16px;padding:12px 16px;text-align:center}.items-checklist-list{display:flex;flex-direction:column;gap:8px}.checklist-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;position:relative;transition:all .2s ease}.checklist-item:hover{border-color:#3b82f6;box-shadow:0 1px 3px #0000001a}.checklist-item.checked{background:#f9fafb;border-color:#86efac}.checklist-item.checked .checklist-item-name{color:#6b7280}.checklist-checkbox-container{cursor:pointer;flex-shrink:0;padding:0;position:absolute;right:8px;top:8px}.checklist-checkbox{appearance:none;-webkit-appearance:none;background:hsla(0,0%,100%,.647);border:2px solid #9ca3af;border-radius:4px;cursor:pointer;height:24px;position:relative;transition:all .2s ease;width:24px}.checklist-checkbox:hover{background:#864a4ae6;border-color:#111827}.checklist-checkbox:checked{background:#3b82f6e6;border-color:#2563eb}.checklist-checkbox:checked:after{border:solid #fff;border-width:0 2.5px 2.5px 0;content:"";height:12px;left:7px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checklist-item-thumb{background:#f3f4f6;border-radius:8px;flex-shrink:0;height:56px;overflow:hidden;width:56px}.checklist-item-thumb img{height:100%;object-fit:cover;width:100%}.checklist-item-thumb.placeholder{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.checklist-item-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;text-align:left}.checklist-item-name{color:#111827;font-size:var(--font-size-md);font-weight:500}.checklist-item-category,.checklist-item-name{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.checklist-item-category{color:#6b7280;font-size:var(--font-size-sm)}.checklist-item-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#9ca3af;display:-webkit-box;font-size:var(--font-size-sm);line-height:1.4;margin-top:4px;overflow:hidden;text-align:left}.items-checklist-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.checklist-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.checklist-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.checklist-card.checked{background:#f9fafb;border-color:#86efac}.checklist-card.checked .checklist-card-name{color:#6b7280}.checklist-card .checklist-checkbox-container{padding:0;position:absolute;right:8px;top:8px;z-index:10}.checklist-card .checklist-checkbox{height:28px;width:28px}.checklist-card .checklist-checkbox:checked:after{border-width:0 2.5px 2.5px 0;height:14px;left:8.5px;top:3px;width:7px}.checklist-card-content{display:flex;flex-direction:column}.checklist-card-thumb{background:#f3f4f6;height:140px;overflow:hidden;position:relative;width:100%}.checklist-card-thumb img{height:100%;object-fit:cover;width:100%}.checklist-card-thumb.placeholder{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.checklist-card-body{padding:12px}.checklist-card-name{color:#111827;font-size:var(--font-size-sm);font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist-card-category{color:#6b7280;font-size:var(--font-size-xs);margin-bottom:4px}.checklist-card-location{color:#9ca3af;font-size:var(--font-size-xs)}@media (max-width:640px){.items-checklist-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.checklist-card-thumb{height:120px}.checklist-card-body{padding:8px}.checklist-item{padding:10px}}.item-completed-badge{align-items:center;background:#22c55ef2;border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;width:32px;z-index:10}.item-completed-badge svg{color:#fff;height:18px;width:18px}.item-card.completed{border-color:#86efac}.item-card.completed .item-body{background:linear-gradient(180deg,#22c55e08,#0000)}.inventory-edit-standalone{background:#f9fafb;display:flex;flex-direction:column;inset:0;position:fixed;top:72px;top:var(--app-header-height,72px);z-index:100}.inventory-edit-menubar{background:#0000;flex-shrink:0;margin-bottom:0;padding:5px 0}.inventory-edit-menubar .transparent-menu-bar{margin-bottom:12px!important}.inventory-edit-content{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0;overflow:hidden;padding:0 12px 8px}.inventory-edit-content .mobile-item-edit-page-content,.inventory-edit-content .mobile-item-edit-wrapper{display:flex;flex:1 1;flex-direction:column;gap:0;height:100%;min-height:0;width:100%}.inventory-edit-content .mobile-item-edit-page-content{overflow:hidden;position:relative}.inventory-edit-content .mobile-item-edit-card-area{cursor:pointer;flex-shrink:0;margin:0!important;padding:0!important;pointer-events:auto;z-index:1!important}.inventory-edit-content .mobile-item-edit-card-area,.mobile-item-edit-card-area .mobile-item-card{max-height:60vh!important;overflow-x:hidden!important;overflow-y:auto!important}.inventory-edit-content .mobile-item-edit-card-area.on-top{left:0;position:absolute;right:0;top:0;z-index:10!important}.inventory-edit-content .mobile-item-card{margin:0!important;padding-bottom:12px!important}.inventory-edit-content .mobile-item-card .form-row-group:last-child{margin-bottom:0!important}.inventory-edit-content .mobile-item-card .mobile-item-card-image{display:none!important}.inventory-edit-content .mobile-item-edit-image-area{align-items:flex-end;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5!important}.inventory-edit-content .mobile-item-edit-image-area.on-top{align-items:flex-end;z-index:10!important}.inventory-edit-content .mobile-item-edit-image-area.resized{align-items:flex-end;bottom:auto;flex:1 1;justify-content:center;left:auto;margin-top:8px;min-height:0;padding-bottom:8px;position:relative;right:auto;top:auto;z-index:1!important}.inventory-edit-content .mobile-item-edit-image-area img{border-radius:8px!important;cursor:pointer;display:block;pointer-events:auto}.inventory-edit-content .mobile-item-edit-image-area.on-top img{height:auto;margin-bottom:8px;max-height:100%;object-fit:contain;width:100%}.inventory-edit-content .mobile-item-edit-image-area.resized img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.mobile-item-edit-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.inventory-edit-mode~.bottom-navigation,body:has(.inventory-edit-mode) .bottom-navigation,body:has(.inventory-edit-standalone) .bottom-navigation{display:none!important}.App:has(.inventory-edit-mode) .main-content,body:has(.inventory-edit-mode) .main-content{display:flex;flex-direction:column;height:100vh;overflow:hidden!important;padding-bottom:0!important}.inventory-edit-mode.page-template{display:flex;flex:1 1;flex-direction:column;min-height:0}.inventory-edit-mode .page-template-input{background:#0000!important;margin-bottom:16px!important;margin-top:0!important;padding:5px 0!important}.inventory-edit-mode .transparent-menu-bar{margin:0 auto!important}.inventory-edit-mode .page-template-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden!important;padding:12px 12px 0!important}.inventory-edit-mode .mobile-item-edit-page-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0!important}.inventory-edit-mode .mobile-item-card{background:#fff!important;flex-shrink:0!important;height:auto!important;margin:0!important;max-height:60vh!important;overflow-x:hidden!important;overflow-y:auto!important}.inventory-edit-mode .mobile-item-card .mobile-item-card-image{display:none!important}.inventory-edit-mode .mobile-item-edit-image-scroll{-webkit-overflow-scrolling:touch;flex:1 1;margin-bottom:0!important;margin-top:16px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 0 12px!important}.inventory-edit-mode .mobile-item-edit-image-scroll img{border-radius:8px;display:block;height:auto;margin-bottom:0;width:100%}.mobile-item-edit-menubar{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;flex-shrink:0;gap:8px;padding:8px 12px}.mobile-item-edit-menu-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.mobile-item-edit-menu-btn:disabled{cursor:not-allowed;opacity:.5}.mobile-item-edit-menu-delete{background:#fee2e2;color:#dc2626;flex:0 0 auto}.mobile-item-edit-menu-delete:hover:not(:disabled){background:#fecaca}.mobile-item-edit-menu-delete:active:not(:disabled){transform:scale(.98)}.mobile-item-edit-menu-cancel{background:#f3f4f6;color:#6b7280}.mobile-item-edit-menu-cancel:hover:not(:disabled){background:#e5e7eb;color:#374151}.mobile-item-edit-menu-cancel:active:not(:disabled){transform:scale(.98)}.mobile-item-edit-menu-save{background:#007aff;color:#fff}.mobile-item-edit-menu-save:hover:not(:disabled){background:#0051d5}.mobile-item-edit-menu-save:active:not(:disabled){transform:scale(.98)}.mobile-item-edit-delete-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.mobile-item-edit-delete-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:20px;width:100%}.mobile-item-edit-delete-modal h3{color:#111827;font-size:var(--font-size-lg);font-weight:700;margin:0 0 12px}.mobile-item-edit-delete-modal p{color:#6b7280;font-size:var(--font-size-sm);line-height:1.5;margin:0 0 16px}.mobile-item-edit-delete-actions{display:flex;flex-direction:column;gap:8px}.mobile-item-edit-delete-actions .mobile-item-edit-menu-btn{border-radius:8px;flex:none;padding:12px 16px;width:100%}@media (min-width:640px){.mobile-item-edit-overlay{padding:16px}.mobile-item-edit-container{border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px}.mobile-item-edit-header{border-radius:12px 12px 0 0}.mobile-item-edit-actions{border-radius:0 0 12px 12px}}.bulk-move-modal{position:relative}.bulk-move-form{flex:1 1;overflow-y:auto;padding:20px}.bulk-move-section{margin-bottom:24px}.bulk-move-section:last-child{margin-bottom:0}.bulk-move-field{margin-bottom:20px}.bulk-move-field:last-child{margin-bottom:0}.bulk-move-field label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.bulk-move-row{display:flex;gap:12px}.bulk-move-row .bulk-move-field{flex:1 1}.bulk-checkbox-label{align-items:center;cursor:pointer;display:flex!important;gap:8px;margin-bottom:0!important}.bulk-checkbox-label input[type=checkbox]{accent-color:#007aff;cursor:pointer;height:18px;width:18px}.bulk-checkbox-label span{font-weight:500}.bulk-move-field input[type=checkbox]{height:18px;width:18px}.bulk-move-hint{color:#6b7280;font-size:13px;font-style:italic;margin-top:16px}.bulk-move-btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.bulk-move-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.bulk-move-btn-cancel:active{background:#f3f4f6}.bulk-move-btn-confirm{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.bulk-move-btn-confirm:hover:not(:disabled){background:#0051d5}.bulk-move-btn-confirm:active:not(:disabled){background:#004bb8}.bulk-move-btn-confirm:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.bulk-move-modal{max-height:calc(100vh - 140px);max-width:100%}.bulk-move-row{flex-direction:column}}.photo-replacement-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.photo-replacement-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:400px;padding:24px;width:100%}.photo-replacement-modal h3{color:#1d1d1f;font-size:20px;font-weight:600;margin:0 0 8px}.photo-replacement-modal p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.photo-replacement-toggle{background:#0000;border-radius:10px;display:flex;gap:8px;margin-bottom:20px;padding:0}.photo-replacement-toggle-btn{background:#0000;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.photo-replacement-toggle-btn.active{background:#fff;border-color:#000;color:#000;font-weight:600}.photo-replacement-toggle-btn:hover:not(.active){border-color:#9ca3af;color:#1d1d1f}.photo-replacement-actions{display:flex;flex-direction:column;gap:12px}.photo-replacement-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;padding:16px;transition:all .2s;width:100%}.photo-replacement-btn svg{flex-shrink:0}.photo-replacement-btn-camera{background:#007aff;color:#fff}.photo-replacement-btn-camera:hover{background:#0051d5}.photo-replacement-btn-camera:active{transform:scale(.98)}.photo-replacement-btn-library{background:#34c759;color:#fff}.photo-replacement-btn-library:hover{background:#28a745}.photo-replacement-btn-library:active{transform:scale(.98)}.photo-replacement-btn-cancel{background:#f3f4f6;color:#1d1d1f}.photo-replacement-btn-cancel:hover{background:#e5e7eb}.photo-replacement-btn-cancel:active{transform:scale(.98)}@media (max-width:480px){.photo-replacement-modal{padding:20px}.photo-replacement-btn{font-size:15px;padding:14px}}.mcm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.mcm-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.mcm-header{align-items:center;border-bottom:1px solid #e5e5e7;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.mcm-header h2{color:#1d1d1f;font-size:20px;font-weight:600;margin:0}.mcm-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.mcm-close:hover{background:#0000000d;color:#1d1d1f}.mcm-scroll{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px}.mcm-loading{align-items:center;display:flex;flex-direction:column;gap:16px;padding:40px 20px}.mcm-spinner{animation:spin .8s linear infinite;border:3px solid #e5e5e7;border-radius:50%;border-top-color:#007aff;height:40px;width:40px}.mcm-loading p{color:#8e8e93;font-size:14px;margin:0}.mcm-error{background:#fff5f5;border:1px solid #ffebee;border-radius:12px;color:#ff3b30;font-size:14px;padding:12px 16px}.mcm-error,.mcm-item{align-items:center;display:flex;gap:12px}.mcm-item{background:#0000;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;padding:16px 0;text-align:left;transition:background .2s;width:100%}.mcm-item:last-child{border-bottom:none}.mcm-item:hover{background:#00000005}.mcm-item:active{background:#0000000a}.mcm-item-pending{background:#ffb80014}.mcm-checkbox{flex-shrink:0}.mcm-info,.mcm-name{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.mcm-name{color:#1d1d1f;font-size:15px;font-weight:500}.mcm-badge{background:#007aff1a;border-radius:4px;color:#007aff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.mcm-count{color:#8e8e93;flex-shrink:0;font-size:13px;font-weight:500}.mcm-pending{color:#ff9500;flex-shrink:0;font-size:12px;font-weight:600}.mcm-footer{align-items:center;border-top:1px solid #e5e5e7;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.mcm-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:all .2s}.mcm-btn-cancel{background:#f5f5f7;color:#1d1d1f}.mcm-btn-cancel:hover:not(:disabled){background:#e8e8ed}.mcm-btn-apply{background:#007aff;color:#fff}.mcm-btn-apply:hover:not(:disabled){background:#0051d5}.mcm-btn:disabled{cursor:not-allowed;opacity:.5}.mcm-btn:active:not(:disabled){transform:scale(.95)}@media (max-width:640px){.mcm-overlay{align-items:center;padding:20px}.mcm-container{border-radius:20px;max-height:85vh}.mcm-header{padding:16px 20px}.mcm-header h2{font-size:18px}.mcm-scroll{padding:16px 20px}.mcm-footer{padding:12px 20px}.mcm-btn{flex:1 1}}.collection-selector{backdrop-filter:blur(10px) saturate(140%)!important;-webkit-backdrop-filter:blur(10px) saturate(140%)!important;background:#fafafc33!important;border:.5px solid #fff3;border-radius:24px;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a;box-sizing:border-box;display:flex;gap:4px;margin:0 auto 16px;max-width:100%;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.collection-btn{background:#0000;border-radius:18px;color:#8e8e93;flex-shrink:0;font-size:var(--font-size-sm);transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.collection-btn:hover:not(.active){background:#0000000a;color:#636366}.collection-btn:active{transform:scale(.95)}.collection-btn.active{background:#007aff1f!important;box-shadow:0 2px 8px #007aff26,inset 0 .5px 0 #ffffff80;color:#007aff}.collection-icon{font-size:var(--font-size-md);line-height:1}.collection-label{font-weight:500}.collection-count{font-size:var(--font-size-xs);font-weight:400;opacity:.7}@media (max-width:640px){.collection-selector{gap:2px;margin:0 auto 12px;padding:6px 12px}.collection-btn{gap:4px;padding:6px 12px}.collection-btn,.collection-icon{font-size:var(--font-size-sm)}.collection-count{font-size:var(--font-size-xs)}}@media (max-width:380px){.collection-selector{flex-wrap:wrap;justify-content:center}.collection-btn{flex:1 1 auto;min-width:-webkit-fit-content;min-width:fit-content}}.collection-selector-dropdown{display:inline-block;position:relative}.collection-dropdown-trigger{align-items:center;background:#0000;border:none;border-radius:14px;color:#007aff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:8px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.collection-dropdown-trigger:hover{background:#007aff14}.collection-dropdown-trigger:active{transform:scale(.95)}.collection-dropdown-label{font-weight:500}.collection-dropdown-arrow{transition:transform .2s cubic-bezier(.4,0,.2,1)}.collection-dropdown-arrow.open{transform:rotate(180deg)}.collection-dropdown-menu{animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffffa;border:.5px solid #00000014;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;left:0;min-width:200px;padding:8px;position:absolute;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.collection-dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#1c1c1e;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:400;gap:12px;justify-content:space-between;padding:10px 12px;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);width:100%}.collection-dropdown-item:hover{background:#007aff14}.collection-dropdown-item.active{background:#007aff1f;color:#007aff;font-weight:500}.collection-dropdown-item.collection-manage-btn{color:#007aff;font-weight:500;gap:8px}.collection-dropdown-item.collection-manage-btn svg{flex-shrink:0}.collection-item-label{flex:1 1}.collection-item-count{color:#8e8e93;font-size:var(--font-size-xs);font-weight:400}.collection-dropdown-divider{background:#00000014;height:1px;margin:4px 0}.collection-dropdown-section-header{color:#8e8e93;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:8px 12px 4px;text-transform:uppercase}.collection-item-info{gap:2px}.collection-item-meta{color:#8e8e93;font-size:var(--font-size-xs);font-weight:400}.collection-dropdown-item-wrapper{align-items:center;display:flex;gap:4px;position:relative}.collection-dropdown-item-wrapper .collection-dropdown-item{flex:1 1}.collection-menu-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#8e8e93;cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:32px;justify-content:center;transition:all .15s;width:32px}.collection-menu-btn:hover{background:#0000000f;color:#1c1c1e}.collection-item-menu{animation:dropdownFadeIn .15s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffffa;border:.5px solid #00000014;border-radius:8px;box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014;margin-top:4px;min-width:120px;padding:4px;position:absolute;right:0;top:100%;z-index:1001}.collection-item-menu button{background:#0000;border:none;border-radius:6px;color:#1c1c1e;cursor:pointer;display:block;font-size:var(--font-size-sm);padding:8px 12px;text-align:left;transition:all .15s;width:100%}.collection-item-menu button:hover{background:#007aff14}.collection-item-menu button.danger{color:#ff3b30}.collection-item-menu button.danger:hover{background:#ff3b3014}.collection-dropdown-item.collection-create-btn{color:#007aff;font-weight:500;gap:8px}.collection-dropdown-item.collection-create-btn svg{flex-shrink:0}@media (max-width:640px){.collection-dropdown-trigger{font-size:var(--font-size-sm);padding:6px 12px}.collection-dropdown-menu{max-width:90vw}.collection-dropdown-item{font-size:var(--font-size-sm);padding:8px 10px}}.collection-share-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2147483647}.collection-share-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d,0 8px 24px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;position:relative;width:100%}.collection-share-modal .modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.collection-share-modal .modal-header h2{color:#1a1a1a;flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:center}.collection-share-modal .back-btn{align-items:center;background:none;border:none;border-radius:8px;color:#007aff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.collection-share-modal .back-btn:hover{background:#f1f5f9}.collection-share-modal .modal-actions{background:#f8f9fa;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;padding:16px 24px}.collection-share-modal .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.collection-share-modal .action-btn.primary{background:#007aff;color:#fff}.collection-share-modal .action-btn.primary:hover:not(:disabled){background:#0056b3;box-shadow:0 2px 8px #007aff4d;transform:translateY(-1px)}.collection-share-modal .action-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.collection-share-modal .modal-body{flex:1 1;min-height:400px;overflow-y:auto;padding:20px 24px 150px}.collection-share-modal .error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;font-size:14px;margin-bottom:16px;padding:12px 16px}.collection-share-modal .share-section{margin-bottom:32px}.collection-share-modal .share-section:last-child{margin-bottom:0}.collection-share-modal .share-section h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 16px}.collection-share-modal .group-selector{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.collection-share-modal .group-selector select{background:#fff;border:1px solid #ddd;border-radius:8px;display:block;font-size:14px;padding:12px;width:100%}.collection-share-modal .group-selector select:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.collection-share-modal .group-selector label{color:#1a1a1a;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.collection-share-modal .share-btn{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s}.collection-share-modal .share-btn:hover:not(:disabled){background:#0056b3}.collection-share-modal .share-btn:disabled{background:#ccc;cursor:not-allowed}.collection-share-modal .shared-groups-list{margin-top:20px}.collection-share-modal .shared-groups-list h4{color:#666;font-size:14px;font-weight:500;margin:0 0 12px}.collection-share-modal .shared-group-item{background:#fff;border:1px solid #9ca3af;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;padding:16px}.collection-share-modal .shared-group-info{display:flex;flex-direction:column;gap:8px}.collection-share-modal .group-name{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:4px}.collection-share-modal .permission-badge{align-items:center;background:#e0f2fe;border:none;border-radius:6px;color:#0369a1;cursor:default;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px}.collection-share-modal .permission-badge.clickable{cursor:pointer;transition:all .2s}.collection-share-modal .permission-badge.clickable:hover{background:#bae6fd}.collection-share-modal .unshare-btn{align-self:flex-start;background:#fff;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.collection-share-modal .unshare-btn:hover{background:#fef2f2;border-color:#dc2626}.collection-share-modal .permission-actions,.collection-share-modal .permission-editor{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.collection-share-modal .permission-editor{margin-top:8px}.collection-share-modal .permission-editor select{border:1px solid #ddd;border-radius:6px;font-size:13px;padding:6px 10px}.collection-share-modal .cancel-permission-btn,.collection-share-modal .save-permission-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.collection-share-modal .save-permission-btn{background:#007aff;color:#fff}.collection-share-modal .save-permission-btn:hover{background:#0056b3}.collection-share-modal .cancel-permission-btn{background:#f1f5f9;color:#475569}.collection-share-modal .cancel-permission-btn:hover{background:#e2e8f0}.collection-share-modal .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.collection-share-modal .section-header h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.collection-share-modal .section-description{color:#64748b;font-size:14px;margin:0 0 16px}.collection-share-modal .guest-links-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.collection-share-modal .create-link-btn{align-items:center;background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:background .2s}.collection-share-modal .create-link-btn:hover{background:#0056b3}.collection-share-modal .guest-link-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:12px;padding:18px;transition:all .2s}.collection-share-modal .guest-link-item:hover{border-color:#cbd5e1;box-shadow:0 4px 8px #0000001a}.collection-share-modal .guest-link-item.revoked{background:#f9fafb;opacity:.6}.collection-share-modal .guest-link-item.expiring-soon{background:#fffbeb;border-color:#fbbf24}.collection-share-modal .link-info{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.collection-share-modal .link-header{align-items:center;display:flex;flex-wrap:wrap}.collection-share-modal .link-url{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s}.collection-share-modal .link-url:hover{background:#f0f9ff;border-color:#0ea5e9}.collection-share-modal .link-url .url-text{color:#0369a1;flex:1 1;font-family:monospace;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-share-modal .link-url svg{color:#64748b;flex-shrink:0}.collection-share-modal .link-token{color:#475569;font-family:monospace;font-size:13px;word-break:break-all}.collection-share-modal .link-stats{color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.collection-share-modal .link-stats span{align-items:center;display:flex;gap:4px}.collection-share-modal .last-used{color:#94a3b8;font-size:12px}.collection-share-modal .usage-progress{align-items:center;display:flex;gap:12px}.collection-share-modal .progress-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.collection-share-modal .progress-fill{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.collection-share-modal .progress-text{color:#64748b;font-size:12px;font-weight:500;white-space:nowrap}.collection-share-modal .permission-badge.edit{background:#dcfce7;color:#166534}.collection-share-modal .permission-badge.view{background:#e0f2fe;color:#075985}.collection-share-modal .warning-badge{background:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-size:11px;font-weight:500;padding:4px 8px}.collection-share-modal .link-actions{display:flex;gap:8px;justify-content:flex-end}.collection-share-modal .copy-btn,.collection-share-modal .delete-btn,.collection-share-modal .revoke-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:8px 12px;transition:all .2s}.collection-share-modal .copy-btn:hover{background:#f0f9ff;border-color:#0ea5e9;color:#0369a1}.collection-share-modal .revoke-btn{border-color:#fecaca;color:#dc2626}.collection-share-modal .revoke-btn:hover{background:#fef2f2;border-color:#dc2626}.collection-share-modal .delete-btn{border-color:#fecaca;color:#dc2626}.collection-share-modal .delete-btn:hover{background:#fef2f2;border-color:#dc2626}.collection-share-modal .revoked-badge{background:#fee2e2;border-radius:4px;color:#dc2626;display:inline-block;font-size:12px;font-weight:500;margin-left:8px;padding:4px 8px}.collection-share-modal .share-group-form{display:block;width:100%}.collection-share-modal .share-group-form .form-group{display:block;margin-bottom:24px;width:100%}.collection-share-modal .share-group-form .form-label{color:#1a1a1a;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.collection-share-modal .share-group-form select{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;display:block;font-size:14px;padding:12px;width:100%}.collection-share-modal .share-group-form select:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.collection-share-modal .share-group-form .form-actions{display:flex;flex-direction:column;gap:12px;margin-top:32px}.collection-share-modal .create-link-form{display:block;width:100%}.collection-share-modal .create-link-form .form-group{display:block;margin-bottom:40px;min-height:40px;position:static;width:100%}.collection-share-modal .create-link-form .form-label{color:#1a1a1a;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.collection-share-modal .create-link-form input[type=date],.collection-share-modal .create-link-form input[type=number],.collection-share-modal .create-link-form select{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;display:block;font-size:14px;margin:0;padding:12px;width:100%}.collection-share-modal .create-link-form input:focus,.collection-share-modal .create-link-form select:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.collection-share-modal .create-link-form label.checkbox-label{align-items:center!important;bottom:auto!important;cursor:pointer!important;display:flex!important;gap:10px!important;left:auto!important;margin:0 0 12px!important;padding:0!important;pointer-events:auto!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important}.collection-share-modal .create-link-form input[type=checkbox]{appearance:auto!important;-webkit-appearance:auto!important;cursor:pointer!important;flex-shrink:0!important;height:20px!important;margin:0!important;opacity:1!important;pointer-events:auto!important;position:relative!important;width:20px!important;z-index:1!important}.collection-share-modal .create-link-form label.checkbox-label span{flex:1 1!important;position:static!important}.collection-share-modal .create-link-form input[type=date],.collection-share-modal .create-link-form input[type=number]{display:block;margin:8px 0 0;width:100%}.collection-share-modal .create-link-form .form-actions{display:flex;flex-direction:column;gap:12px;margin-top:60px;position:static;width:100%}.collection-share-modal .create-btn{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:500;padding:14px;position:static;transition:background .2s;width:100%}.collection-share-modal .create-btn:hover:not(:disabled){background:#0056b3}.collection-share-modal .create-btn:disabled{background:#ccc;cursor:not-allowed}.collection-share-modal .cancel-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:block;font-size:15px;font-weight:500;padding:14px;position:static;transition:all .2s;width:100%}.collection-share-modal .cancel-btn:hover{background:#e2e8f0;border-color:#94a3b8}.collection-share-modal .link-created{padding:20px;text-align:center}.collection-share-modal .success-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.collection-share-modal .link-created h3{color:#1a1a1a;font-size:20px;margin:0 0 8px}.collection-share-modal .link-created p{color:#666;font-size:14px;margin:0 0 20px}.collection-share-modal .link-display{display:flex;gap:8px;margin-bottom:20px}.collection-share-modal .link-display input{background:#f9fafb;border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;padding:12px}.collection-share-modal .done-btn,.collection-share-modal .link-display button{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px}.collection-share-modal .empty-state{color:#666;padding:40px 20px;text-align:center}.collection-share-modal .empty-state p{margin:0 0 8px}.collection-share-modal .hint{color:#999;font-size:13px}.collection-modal-overlay{align-items:center!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#00000080!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:2147483646!important}.collection-modal{background:#fff!important;border-radius:16px!important;box-shadow:0 20px 60px #0000004d,0 8px 24px #0003!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;max-height:80vh!important;max-width:500px!important;overflow:hidden!important;position:relative!important;width:100%!important}.collection-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.collection-modal-header h2{color:#1a202c;font-size:20px;font-weight:600;margin:0}.collection-modal-header-actions{align-items:center;display:flex;gap:8px}.collection-modal-add{align-items:center;background:#fff!important;border:2px solid #cbd5e1!important;border-radius:10px!important;color:#007aff!important;cursor:pointer!important;display:flex!important;height:40px!important;justify-content:center;padding:0!important;transition:all .2s!important;width:40px!important}.collection-modal-add:hover{background:#f8fafc!important;border-color:#007aff!important}.collection-modal-add:active{transform:scale(.95)!important}.collection-modal-close{align-items:center;background:#fff!important;border:2px solid #cbd5e1!important;border-radius:10px!important;color:#64748b!important;cursor:pointer!important;display:flex!important;height:40px!important;justify-content:center;padding:0!important;transition:all .2s!important;width:40px!important}.collection-modal-close svg{stroke:currentColor;height:20px;width:20px}.collection-modal-close:hover{background:#e2e8f0!important;border-color:#94a3b8!important;transform:scale(1.05)}.collection-modal-content{box-sizing:border-box;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px 24px}.collection-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;font-size:14px;margin-bottom:16px;padding:12px 16px}.collection-create-form-top{background:#f8fafc;border:2px solid #007aff;border-radius:12px;margin-bottom:20px;padding:16px}.collection-create-form-top .collection-input{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-size:15px;margin-bottom:12px;padding:12px;width:100%}.collection-create-form-top .collection-input:focus{border-color:#007aff;outline:none}.collection-create-form-top .collection-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.collection-create-form-top .collection-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.collection-create-actions{display:flex;gap:8px;margin-top:12px}.collection-section{margin-bottom:32px}.collection-section:last-child{margin-bottom:0}.collection-section-title{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.collection-list{display:flex;flex-direction:column;gap:12px}.collection-empty{color:#94a3b8;font-size:14px;margin:0;padding:32px 16px;text-align:center}.collection-modal-overlay .collection-modal .collection-list .collection-item{align-items:flex-start!important;background:#f8f9fa!important;border:1px solid #d1d5db!important;border-radius:12px!important;box-shadow:0 1px 3px #00000014!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:12px!important;margin:0 4px!important;max-width:100%!important;padding:16px!important;transition:all .2s!important}.collection-item:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.collection-item.system{background:#eff6ff;border-color:#dbeafe}.collection-item-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.collection-item-name{color:#1a202c;font-size:15px;font-weight:500}.collection-item-count{color:#64748b;font-size:13px}.collection-system-badge{background:#dbeafe;border-radius:6px;color:#1e40af;font-size:12px;font-weight:500;padding:4px 12px}.collection-item-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:4px;justify-content:flex-start;width:100%}.delete-collection-link,.edit-collection-link,.share-collection-link{align-items:center;background:#fff;border:1px solid #007aff;border-radius:8px;color:#007aff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:4px;padding:6px 8px;transition:all .2s;white-space:nowrap}.edit-collection-link{border-color:#10b981;color:#10b981}.delete-collection-link{border-color:#ef4444;color:#ef4444}.share-collection-link:hover{background:#f0f9ff}.edit-collection-link:hover{background:#f0fdf4}.delete-collection-link:hover{background:#fef2f2}.collection-create-form,.collection-edit-form{background:#fff;border:2px solid #007aff;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:16px}.collection-input{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1a202c;font-size:15px;padding:10px 12px;transition:all .2s;width:100%}.collection-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.collection-checkbox-label{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.collection-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.collection-checkbox-label span{flex:1 1}.collection-create-actions,.collection-edit-actions{display:flex;gap:8px}.collection-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.collection-btn:disabled{cursor:not-allowed;opacity:.5}.collection-btn-create,.collection-btn-save{background:#007aff;color:#fff;flex:1 1}.collection-btn-create:hover:not(:disabled),.collection-btn-save:hover:not(:disabled){background:#0056b3}.collection-btn-cancel{background:#f1f5f9;color:#64748b;flex:1 1}.collection-btn-cancel:hover:not(:disabled){background:#e2e8f0;color:#1a202c}.collection-btn-new{background:#007aff;color:#fff;justify-content:center;margin-top:16px;width:100%}.collection-btn-new:hover{background:#0056b3}@media (max-width:640px){.collection-modal-overlay{top:90px!important}.collection-modal{border-radius:16px!important;max-height:calc(100vh - 90px)!important;max-width:100%}.collection-modal-header{padding:16px}.collection-modal-header h2{font-size:18px}.collection-modal-content{padding:12px}.collection-item{padding:10px}.collection-item-info{flex:1 1;min-width:0}.collection-item-name{font-size:14px}.collection-item-count{font-size:12px}.collection-item-actions{justify-content:flex-start;margin-top:8px;width:100%}.delete-collection-link,.edit-collection-link,.share-collection-link{font-size:12px;padding:5px 8px}}.collection-mode-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;margin-left:8px;padding:2px 8px}.collection-mode-badge.checklist{background:#e8f5e9;color:#2e7d32}.collection-mode-badge.stock{background:#e3f2fd;color:#1565c0}.unified-inventory-menu-bar{align-items:center;backdrop-filter:blur(10px) saturate(140%)!important;-webkit-backdrop-filter:blur(10px) saturate(140%)!important;background:#fafafccc!important;border:.5px solid #ffffff4d;border-radius:20px;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a;display:flex;gap:6px;justify-content:space-between;margin-bottom:16px;padding:8px 12px;position:relative;z-index:10}.unified-inventory-menu-bar .menu-icon-btn{height:36px!important;min-width:36px!important;padding:4px!important;width:36px!important}.unified-collection-selector{align-items:center;display:flex;flex:0 1 auto;justify-content:center;max-width:50%}.unified-collection-tabs{display:flex;flex:1 1;gap:4px;justify-content:center;max-width:400px}.unified-collection-tab{align-items:center;background:#0000;border:none;border-radius:14px;color:#8e8e93;cursor:pointer;display:inline-flex;flex:1 1;font-size:var(--font-size-sm);font-weight:500;gap:4px;min-width:0;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.unified-collection-tab:hover:not(.active):not(:disabled){background:#0000000a;color:#636366}.unified-collection-tab:active:not(:disabled){transform:scale(.95)}.unified-collection-tab.active{background:#0000!important;box-shadow:none;color:#007aff;pointer-events:auto}.unified-collection-tab:disabled{cursor:not-allowed;opacity:.4}.unified-collection-tab .tab-label{font-weight:500}.unified-collection-tab .tab-count{font-size:var(--font-size-xs);font-weight:400;opacity:.7}.unified-right-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.manage-btn{align-items:center;background:#0000;border:none;border-radius:14px;color:#1d1d1f;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:4px;padding:6px 12px;transition:all .2s;white-space:nowrap}.manage-btn:hover:not(.active){background:#0000000a}.manage-btn.active{background:#007aff1f;color:#007aff}.manage-btn:active{transform:scale(.95)}.menu-badge{align-items:center;background:#007aff;border-radius:9px;color:#fff;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;height:18px;justify-content:center;margin-left:4px;min-width:18px;padding:0 5px}.display-btn{flex-shrink:0}@media (max-width:640px){.unified-inventory-menu-bar{gap:8px;margin-bottom:12px;padding:6px 10px}.unified-collection-tabs{gap:2px;max-width:none}.unified-collection-tab{font-size:var(--font-size-sm);gap:3px;padding:5px 8px}.unified-collection-tab .tab-count{font-size:var(--font-size-xs)}.manage-btn{font-size:var(--font-size-sm);padding:5px 10px}.menu-badge{font-size:var(--font-size-xs);height:16px;min-width:16px}.unified-right-actions{gap:6px}}@media (max-width:480px){.unified-collection-tab{justify-content:center;min-width:60px;padding:5px 6px}.manage-btn{padding:5px 8px}}.manage-dropdown{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fafafcfa;border:.5px solid #0000001a;border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 12px #00000014;min-width:200px;padding:8px;position:fixed;z-index:10000}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#1d1d1f;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:all .15s;width:100%}.dropdown-item:hover:not(:disabled){background:#007aff14}.dropdown-item:active:not(:disabled){transform:scale(.98)}.dropdown-item:disabled{cursor:not-allowed;opacity:.4}.dropdown-item svg{color:#8e8e93;flex-shrink:0}.dropdown-item.primary,.dropdown-item.primary svg{color:#007aff}.dropdown-item.danger,.dropdown-item.danger svg{color:#ff3b30}.dropdown-item.danger:hover:not(:disabled){background:#ff3b3014}.dropdown-divider{background:#0000001a;height:.5px;margin:4px 0}.group-members-modal-overlay{background:#0000;bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;padding:0;position:fixed;right:0;top:80px;z-index:10001}.group-members-modal-overlay~.bottom-navigation,body:has(.group-members-modal-overlay) .bottom-navigation{display:none!important}.group-members-modal{background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;margin:0 auto;max-width:800px;min-height:100%;padding-bottom:120px;width:100%}.group-members-menu-bar{gap:4px!important;justify-content:flex-start!important;margin:0 auto 8px!important;margin:0 auto var(--card-spacing,8px) auto!important;max-width:calc(100% - 16px)!important;padding:6px 12px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;width:calc(100% - 16px)!important;z-index:100!important}.add-member-button{align-items:center!important;background:#0000!important;border:none!important;border-radius:10px!important;color:#007aff!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;font-size:15px!important;font-weight:500!important;gap:4px!important;justify-content:center!important;padding:6px 10px!important;transition:all .2s!important}.add-member-button:hover{background:#0000000d!important}.add-member-button svg{flex-shrink:0!important;height:18px!important;width:18px!important}.done-button{align-items:center!important;background:#0000!important;border:none!important;border-radius:10px!important;color:#007aff!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;font-size:15px!important;font-weight:600!important;justify-content:center!important;padding:6px 12px!important;transition:all .2s!important}.done-button:hover{background:#0000000d!important}.group-members-modal-body{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1;margin:0;max-width:100%!important;overflow-y:auto;padding:0 8px 16px!important;width:100%}.add-member-section{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.error-message{background:#fff5f5;border:1px solid #feb2b2;color:#c53030}.error-message,.success-message{font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.success-message{background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;color:#22543d}.info-message{background:#ebf8ff;border:1px solid #90cdf4;border-radius:8px;color:#2c5282;font-size:.875rem;margin-top:1rem;padding:.75rem 1rem;text-align:center}.loading{color:#718096;padding:2rem;text-align:center}.members-list{margin-bottom:1.5rem}.member-item{background:#fff;border:2px solid #d1d5db;border-radius:12px;box-shadow:0 2px 8px #0000001a;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--card-spacing,8px);padding:16px;transition:all .2s ease}.member-item:hover{box-shadow:0 4px 12px #00000026}.member-info{flex:1 1;min-width:0}.member-name{color:#1a202c;font-weight:500;margin-bottom:.25rem}.member-email{color:#718096;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-actions{align-items:center;display:flex;gap:.5rem;margin-left:1rem}.role-badge{border-radius:12px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.role-owner{background:#fef5e7;color:#d97706}.role-editor{background:#e0f2fe;color:#0369a1}.role-viewer{background:#f3f4f6;color:#6b7280}.change-role-button,.remove-member-button{align-items:center;background:none;border:none;border-radius:6px;color:#718096;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.change-role-button:hover{background:#e0f2fe;color:#0369a1}.remove-member-button:hover{background:#fee;color:#dc2626}.change-role-button:disabled,.remove-member-button:disabled{cursor:not-allowed;opacity:.5}.add-member-form{background:#f7fafc;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.add-member-form h3{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 1rem}.form-group label{color:#4a5568;font-size:.875rem}.form-group input,.form-group select{border:1px solid #cbd5e0;border-radius:6px;font-size:.875rem;padding:.75rem;transition:all .2s}.form-actions{gap:.75rem;margin-top:1.5rem}.cancel-button,.submit-button{border:none;font-size:.875rem;font-weight:500;padding:.75rem 1rem}.cancel-button{border:1px solid #cbd5e0;color:#4a5568}.cancel-button:hover:not(:disabled){background:#f7fafc}.submit-button:hover:not(:disabled){background:#0056b3}@media (max-width:640px){.group-members-modal-overlay{background:#fff;padding:0}.group-members-modal{border-radius:0;box-shadow:none;height:100vh;max-width:100%}.group-members-menu-bar{min-height:52px;padding:10px 16px}.modal-title{font-size:16px}.modal-subtitle{font-size:12px}.group-members-modal-body{padding:1rem}.member-item{align-items:flex-start;flex-direction:column;gap:.75rem}.member-actions{justify-content:flex-end;margin-left:0;width:100%}.add-member-form{padding:1rem}.group-members-modal-footer{padding:1rem 1rem 5rem}}.role-dialog-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1100}.role-dialog{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:1.5rem;width:100%}.role-dialog h3{color:#1a202c;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.role-dialog .current-role{color:#718096;font-size:.875rem;margin:0 0 1.5rem}.role-select-container{margin-bottom:1.5rem}.role-select-container label{color:#4a5568;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.role-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1a202c;cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.role-select:hover{border-color:#cbd5e0}.role-select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.role-dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.role-dialog-actions button{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.role-dialog-actions .cancel-button{background:#f3f4f6;color:#374151}.role-dialog-actions .cancel-button:hover{background:#e5e7eb}.role-dialog-actions .ok-button{background:#3182ce;color:#fff}.role-dialog-actions .ok-button:hover{background:#2c5aa0}.role-dialog-actions .ok-button:disabled{background:#cbd5e0;cursor:not-allowed}.share-modal-overlay{background:#f8f9fa;bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;padding:0;position:fixed;right:0;top:80px;z-index:10000}.share-modal-overlay~.bottom-navigation,body:has(.share-modal-overlay) .bottom-navigation{display:none!important}body:has(.share-modal-overlay) .page-template-header{display:none!important}body:has(.share-modal-overlay) .page-template-input{display:none!important}.share-modal{background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:800px!important;padding-bottom:85px;width:100%}.share-modal-menu-bar{gap:4px!important;justify-content:flex-start!important;margin:0 auto 8px!important;margin:0 auto var(--card-spacing,8px) auto!important;max-width:calc(100% - 16px)!important;padding:6px 12px!important;width:calc(100% - 16px)!important}.back-arrow-button{align-items:center!important;background:#0000!important;border:none!important;border-radius:10px!important;color:#007aff!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;justify-content:center!important;padding:6px 8px!important;transition:all .2s!important}.back-arrow-button:hover{background:#0000000d!important}.back-arrow-button svg{flex-shrink:0!important;height:20px!important;width:20px!important}.new-group-button{align-items:center!important;background:#0000!important;border:none!important;border-radius:10px!important;color:#007aff!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;font-size:15px!important;font-weight:500!important;gap:4px!important;justify-content:center!important;padding:6px 10px!important;transition:all .2s!important}.new-group-button:hover{background:#0000000d!important}.new-group-button svg{flex-shrink:0!important;height:18px!important;width:18px!important}.create-button,.share-button{align-items:center!important;background:#0000!important;border:none!important;border-radius:10px!important;color:#007aff!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;font-size:15px!important;font-weight:600!important;justify-content:center!important;padding:6px 12px!important;transition:all .2s!important}.create-button:not(:disabled):hover,.share-button:not(:disabled):hover{background:#0000000d!important}.create-button:disabled,.share-button:disabled{color:#8e8e93!important;cursor:not-allowed!important;opacity:.3!important}.menu-spacer{width:36px}.share-modal-body{box-sizing:border-box;flex:1 1;margin:0;max-width:100%!important;overflow-y:visible;padding:0 8px 16px!important;width:100%}.error-message{background:#ffe5e5;border-radius:8px;color:#d32f2f;font-size:14px;margin-bottom:16px;padding:12px 16px}.selected-items-info{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 16px}.selected-items-info svg{flex-shrink:0}.empty-state,.loading{color:#8e8e93;padding:40px 20px;text-align:center}.empty-state p{margin:8px 0}.groups-list{display:flex;flex-direction:column;gap:0!important;margin-bottom:0!important}.group-item{align-items:flex-start!important;background:#fff!important;border:2px solid #d1d5db!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;margin-bottom:8px!important;margin-bottom:var(--card-spacing,8px)!important;padding:16px!important;transition:all .2s ease!important;width:100%!important}.group-item.selected{background:#eff6ff!important;border-color:#3b82f6!important;box-shadow:0 4px 16px #3b82f64d!important}.group-item:hover{box-shadow:0 4px 12px #00000026}.group-info{flex:1 1;min-width:0}.group-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.group-header h3{color:#1a202c;font-size:17px;font-weight:600;line-height:1.3;margin:0}.selected-badge{align-items:center;background:#3b82f6;border-radius:6px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;line-height:1.5;padding:2px 8px;text-transform:uppercase}.selected-badge svg{flex-shrink:0}.default-badge{align-items:center;background:#fef3c7;border-radius:6px;color:#92400e;display:inline-flex;font-size:11px;font-weight:600;line-height:1.5;padding:2px 8px;text-transform:uppercase}.group-meta{color:#64748b;font-size:13px;line-height:1.4;margin:0}.group-description{color:#6b7280;font-size:14px;margin:4px 0 0}.group-actions{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.manage-members-button{align-items:center;background:none;border:1px solid #e5e5ea;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s}.manage-members-button:hover{background:#f0f9ff;border-color:#007aff;color:#007aff}.set-default-button{background:none;border:1px solid #e5e5ea;border-radius:8px;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s}.set-default-button:hover{background:#fff4e5;border-color:#f59e0b}.share-to-group-button{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.share-to-group-button:hover:not(:disabled){background:#0051d5}.share-to-group-button:disabled{cursor:not-allowed;opacity:.5}.delete-group-link,.edit-group-link,.manage-members-link,.unshare-link{align-items:center;background:#fff;border:1px solid #007aff;border-radius:8px;color:#007aff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:4px;padding:6px 8px;transition:all .2s;white-space:nowrap}.unshare-link{border-color:#ff9500;color:#ff9500}.edit-group-link{border-color:#10b981;color:#10b981}.delete-group-link{border-color:#ef4444;color:#ef4444}.unshare-link:hover{background:#fff8f0}.manage-members-link:hover{background:#f0f9ff}.edit-group-link:hover{background:#f0fdf4}.delete-group-link:hover{background:#fef2f2}.delete-group-link svg,.edit-group-link svg,.manage-members-link svg,.unshare-link svg{flex-shrink:0;height:14px;width:14px}.group-item.editing{background:#f0fdf4;border-color:#10b981}.edit-group-form{display:flex;flex-direction:column;gap:12px;width:100%}.edit-description-input,.edit-name-input{border:2px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:15px;padding:10px 12px;transition:border-color .2s;width:100%}.edit-description-input:focus,.edit-name-input:focus{border-color:#10b981;outline:none}.edit-description-input{min-height:60px;resize:vertical}.edit-checkbox-label{align-items:center;color:#1a202c;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.edit-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.edit-checkbox-label span{line-height:1.4}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.cancel-edit-btn,.save-edit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.save-edit-btn{background:#10b981;color:#fff}.save-edit-btn:hover:not(:disabled){background:#059669}.save-edit-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-edit-btn{background:#fff;border:1px solid #d1d5db;color:#6b7280}.cancel-edit-btn:hover{background:#f3f4f6}.create-group-form{gap:8px;gap:var(--card-spacing,8px)}.create-group-form,.form-group{display:flex;flex-direction:column}.form-group{margin:0}.form-group label{background:#fff;color:#6b7280;font-size:11px;font-weight:500;left:16px;padding:0 4px;pointer-events:none;position:absolute;top:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #d1d5db;border-radius:12px;font-family:inherit;font-size:16px;margin:0;min-height:56px;padding:28px 16px 12px;transition:border-color .2s}.form-group select{padding-top:28px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007aff;outline:none}.form-group textarea{min-height:100px;padding-top:28px;resize:vertical}.checkbox-group{margin-top:0}.checkbox-group label{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-weight:400;gap:12px;margin-bottom:0;padding:0}.checkbox-group input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.checkbox-group span{color:#1a202c;flex:1 1;font-size:15px;font-weight:500;line-height:1.4}.help-text{color:#6b7280;display:block;font-size:13px;line-height:1.4;margin:0 0 0 32px}.form-actions{display:flex;gap:12px;margin-top:8px}.cancel-button,.submit-button{border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .2s}.cancel-button{background:#fff;border:1px solid #e5e5ea;color:#1a202c}.cancel-button:hover:not(:disabled){background:#f8f9fa}.submit-button{background:#007aff;border:none;color:#fff}.submit-button:hover:not(:disabled){background:#0051d5}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.share-modal-overlay{padding:0}.share-modal{border-radius:0;height:100vh;max-width:100%}.share-modal-menu-bar{min-height:52px;padding:10px 16px}.modal-title{font-size:16px}.share-modal-body{padding:20px 20px 5rem}.group-item{align-items:flex-start;flex-direction:column}.group-actions{justify-content:flex-start;width:100%}.form-actions{flex-direction:column-reverse}.cancel-button,.submit-button{width:100%}}.profile-page .page-template-input{background:#0000!important;will-change:auto!important}.App.mobile-app .main-content .page-template.profile-page .page-template-input,.profile-page .page-template-input{position:-webkit-sticky!important;position:sticky!important;top:0!important;transform:none!important;transition:none!important;z-index:900!important}.App .main-content .page-template.profile-page>.page-template-input{display:block!important;opacity:1!important;pointer-events:auto!important;transform:none!important}.profile-menu-bar{backdrop-filter:blur(10px) saturate(140%)!important;-webkit-backdrop-filter:blur(10px) saturate(140%)!important;background:#fafafc33!important;border:.5px solid #fff3;border-radius:24px;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a;box-sizing:border-box;display:flex;justify-content:center;margin:0 0 16px;margin:0 0 var(--card-spacing,16px) 0;max-width:100%;overflow:visible!important;padding:8px 16px;width:100%;z-index:100}.profile-menu-bar,.profile-menu-btn{align-items:center;gap:4px;position:relative}.profile-menu-btn{background:#0000;border:none;border-radius:8px;color:#1d1d1f;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:500;padding:7px 14px;transition:all .25s ease;white-space:nowrap}.profile-menu-btn:hover:not(.active){background:#0000000d}.profile-menu-btn.active{background:#007aff26!important;box-shadow:0 1px 3px #007aff1a!important;color:#007aff!important;font-weight:600}@media (max-width:768px){.profile-menu-bar{gap:6px;padding:6px 12px}.profile-menu-btn{font-size:var(--font-size-sm);justify-content:center;padding:6px 8px}}.profile-tab-content{display:flex;flex-direction:column;gap:12px;margin:0;padding:0}.profile-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 8px 16px!important;margin:0 8px var(--card-spacing,16px) 8px!important;padding:20px}.profile-card.no-padding{padding:0}.profile-tabs{margin:0;padding:0}.profile-page .page-template-body>:first-child{margin-top:0!important}.profile-section{padding:16px}.profile-section h3{color:#1a202c;font-size:var(--font-size-md);font-weight:600;margin:0 0 12px}.profile-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.profile-info-list{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.profile-info-row{display:flex;gap:24px;justify-content:space-between;width:100%}.profile-info-item{display:flex;flex:1 1;flex-direction:column;gap:6px;text-align:left}.profile-info-left{text-align:left}.profile-info-right,.profile-info-right .profile-info-label,.profile-info-right .profile-info-value{text-align:right}.profile-info-label{color:#718096;font-size:var(--font-size-sm);font-weight:500}.profile-info-value{color:#1a202c;font-size:var(--font-size-md);font-weight:600;word-break:break-word}.account-section-left{align-items:flex-start;text-align:left}.stats-compact-grid{grid-gap:16px!important;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e2e8f0;border-radius:12px;display:grid!important;gap:16px!important;grid-template-columns:repeat(4,1fr)!important;padding:16px}.stats-compact-grid .stat-compact-item{align-items:center;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:6px;padding:8px}.stats-compact-grid .stat-compact-item:nth-child(4n){border-right:none}.stats-compact-grid .stat-compact-divider{display:none}.stats-compact-multiline{grid-gap:16px!important;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e2e8f0;border-radius:12px;display:grid!important;gap:16px!important;grid-template-columns:repeat(3,1fr)!important;padding:16px}.stats-compact-multiline .stat-compact-item{align-items:center;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:6px;padding:8px}.stats-compact-multiline .stat-compact-item:nth-child(3n){border-right:none}.stats-compact-multiline .stat-compact-divider{display:none}.stat-compact-item{align-items:center;display:flex;flex-direction:column;gap:6px;min-width:0}.stat-compact-value{color:#1a202c;font-size:var(--font-size-xl)!important;font-weight:700;line-height:1}.stat-compact-value-small{color:#1a202c;font-size:var(--font-size-md)!important;font-weight:700;line-height:1}.stat-compact-label{color:#718096;font-size:var(--font-size-xs)!important;font-weight:500;letter-spacing:.5px;text-align:right;text-transform:uppercase}.stat-compact-divider{background:linear-gradient(180deg,#0000,#e2e8f0,#0000);flex-shrink:0;height:40px;width:1px}.stats-table-container{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.stats-table{border-collapse:collapse;width:100%}.stats-table thead{background:#f8f9fa}.stats-table th{border-bottom:1px solid #e2e8f0;color:#4a5568;font-weight:600;text-align:left;white-space:nowrap}.stats-table td,.stats-table th{font-size:var(--font-size-sm);padding:12px 16px}.stats-table td{border-bottom:1px solid #f7fafc;color:#1a202c}.stats-table tbody tr:last-child td{border-bottom:none}.stats-table tbody tr:hover{background:#f7fafc}.stats-error,.stats-loading{color:#718096;font-size:var(--font-size-md);padding:40px 20px;text-align:center}.stats-error{color:#e53e3e}.profile-logout-btn{background:#ff3b30;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:var(--font-size-md);font-weight:600;padding:12px;transition:background .2s;width:100%}.profile-logout-btn:hover{background:#d70015}.admin-toggle-container{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.admin-toggle-description{color:#718096;font-size:var(--font-size-sm);margin:8px 0 0}@media (max-width:768px){.profile-tab-content{gap:16px;padding:16px}.profile-section{padding:20px}.stats-grid-large{grid-template-columns:1fr}.stat-value{font-size:var(--font-size-xl)}.stats-table{font-size:var(--font-size-sm)}.stats-table td,.stats-table th{padding:10px 12px}.profile-info-row{flex-direction:column;gap:16px}.profile-info-right,.profile-info-right .profile-info-label,.profile-info-right .profile-info-value{text-align:left}.stats-compact-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.stats-compact-grid .stat-compact-item:nth-child(4n){border-right:1px solid #e2e8f0}.stats-compact-grid .stat-compact-item:nth-child(2n){border-right:none}.stats-compact-multiline{gap:12px;grid-template-columns:repeat(2,1fr)}.stats-compact-multiline .stat-compact-item:nth-child(3n){border-right:1px solid #e2e8f0}.stats-compact-multiline .stat-compact-item:nth-child(2n){border-right:none}}@media (max-width:480px){.profile-tab-content{padding:12px}.profile-section{padding:16px}.profile-info-grid{grid-template-columns:1fr}.stats-compact-grid{grid-template-columns:1fr!important}.stats-compact-grid .stat-compact-item{border-right:none}.stats-compact-multiline{grid-template-columns:1fr}.stats-compact-multiline .stat-compact-item{border-right:none}.stat-compact-value{font-size:var(--font-size-lg)!important}}.admin-page-content{box-sizing:border-box;margin:0;padding:8px 0;width:100%}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:0;margin:0 0 16px;margin:0 0 var(--card-spacing,16px) 0;padding:16px}.admin-card:last-child{margin-bottom:0}.admin-card.no-padding{padding:0}.admin-card h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.admin-card h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.profile-content .profile-user-info h4{margin-bottom:4px}.profile-content .profile-user-info p{color:#6b7280;font-size:14px;margin:0}.admin-page{box-sizing:border-box;margin:0 auto;max-width:800px;padding:0 0 24px}.admin-page .profile-page-container{margin:0 0 24px!important;max-width:100%!important;padding:0!important}.admin-page .profile-card,.admin-page .profile-card-wrapper{max-width:100%!important}.admin-toggle-container{border-top:1px solid #e5e7eb;margin-bottom:16px;margin-top:16px;padding-top:16px}.admin-toggle-label{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:14px;justify-content:space-between}.admin-toggle-label .toggle-label-active{color:#1f2937;font-weight:500}.admin-section .admin-toggle-label{color:#1f2937;font-weight:500;width:100%}.admin-section .admin-toggle-label>span:first-child{flex:1 1;text-align:left}.admin-section .admin-toggle-label .toggle-switch{flex-shrink:0;margin-left:auto}.admin-setting-row,.admin-setting-row .admin-toggle-label{justify-content:space-between;width:100%}.admin-setting-row .admin-toggle-label{align-items:center;display:flex}.admin-setting-row .admin-toggle-label>span{color:#1f2937;font-weight:500}.profile-logout-btn{margin-top:16px}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#007aff}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #007aff}.admin-panel-expanded{margin-top:24px}.admin-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.admin-title{font-size:1.5rem;font-weight:700;margin:0!important}.admin-button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;cursor:pointer;padding:8px 12px}.admin-button:hover{background:#f9fafb}.admin-button:disabled{cursor:not-allowed;opacity:.5}.admin-section{margin-bottom:24px}.admin-section h3{font-size:1.1rem;margin:0 0 8px}.admin-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.admin-error{color:#dc2626}.admin-setting-row{align-items:center;display:flex;gap:12px}.admin-setting-hint{color:#6b7280;font-size:12px}.invite-form-inline{align-items:center;display:flex;gap:12px}.invite-form-inline .invite-button{flex-shrink:0;font-weight:500!important;min-width:70px}.invite-form-inline .invite-button,.invite-form-inline .invite-email-input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:14px!important}.invite-form-inline .invite-email-input{flex:1 1;min-width:0}.invite-button:disabled{background:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important;opacity:.6}.admin-table-wrap{max-height:400px;overflow-x:auto;overflow-y:auto}.admin-card.no-padding .admin-table-wrap{border:none;border-radius:0}.admin-table{background:#fff;border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #f1f5f9;padding:10px 12px;text-align:left;white-space:nowrap}.admin-table thead th{background:#f8fafc;font-weight:600}.admin-table tbody tr:hover{background:#f9fafb}.admin-table-controls{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:8px}.admin-pager{align-items:center;display:flex;gap:8px}.admin-pager-info{color:#6b7280;font-size:12px;margin-left:8px}.admin-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.admin-input,.admin-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px}.admin-input{flex:1 1 260px}.admin-token{background:#f3f4f6;border-radius:6px;display:inline-block;padding:6px 8px}@media (max-width:640px){.admin-page{max-width:calc(100vw - 16px);padding:12px}.admin-table td,.admin-table th{padding:8px 10px}}.trash-page{background:#f8f9fa}.trash-page .page-template-input{background:#0000!important;border-bottom:none!important;margin-top:0!important;padding:0!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;transform:none!important;transition:none!important;will-change:auto!important;z-index:900!important}.trash-page .inventory-menu-bar{margin:0!important}.trash-page>.page-template-body{padding-top:16px!important;padding-top:var(--card-spacing,16px)!important}.trash-filter-selector{position:relative}.trash-filter-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#1d1d1f;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:7px 14px;transition:all .2s;white-space:nowrap}.trash-filter-btn:hover{background:#0000000d}.trash-filter-btn svg{opacity:.8}.trash-filter-menu{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;min-width:120px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:1000}.trash-filter-menu-item{background:#fff;border:none;color:#374151;cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;transition:background .2s;width:100%}.trash-filter-menu-item:hover{background:#f3f4f6}.trash-filter-menu-item.active{background:#e0f2fe;color:#007aff;font-weight:600}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.manage-dropdown{animation:dropdownSlide .2s ease-out!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;margin:0!important;min-width:180px!important;padding:0!important;position:fixed!important;z-index:9999!important}.manage-dropdown .dropdown-item{align-items:center!important;background:#0000!important;border:none!important;color:#374151!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:8px!important;padding:10px 12px!important;text-align:left!important;transition:all .2s!important;width:100%!important}.manage-dropdown .dropdown-item:first-child{border-radius:8px 8px 0 0!important}.manage-dropdown .dropdown-item:last-child{border-radius:0 0 8px 8px!important}.manage-dropdown .dropdown-item:hover:not(:disabled){background:#f3f4f6!important}.manage-dropdown .dropdown-item:disabled{cursor:not-allowed!important;opacity:.4!important}.manage-dropdown .dropdown-item svg{flex-shrink:0!important}.manage-dropdown .dropdown-item-move{color:#34c759!important}.manage-dropdown .dropdown-item-delete{color:#ff3b30!important}.manage-dropdown .dropdown-divider{background:#e5e7eb!important;height:1px!important;margin:4px 0!important}.trash-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.trash-empty svg{color:#d1d5db;margin-bottom:16px}.trash-empty h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.trash-empty p{color:#9ca3af;font-size:14px;margin:0}.trash-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.trash-error p{color:#ef4444;font-size:16px;margin:0 0 16px}.trash-error button{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.trash-error button:hover{background:#0051d5}.trash-item-overlay{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;left:0;padding:8px 12px;pointer-events:none;position:absolute;right:0}.deleted-time{color:#fff;display:block;font-size:12px;font-weight:500;text-shadow:0 1px 2px #00000080}@media (max-width:480px){.trash-empty{padding:40px 16px}.trash-empty svg{height:48px;width:48px}.trash-empty h3{font-size:18px}.trash-empty p{font-size:13px}}.profile-view-content{min-height:400px;padding-bottom:85px}.page-template.groups-page>.page-template-body{margin-top:0!important;margin-top:var(--inv-gap,0)!important;padding-top:8px!important;padding-top:var(--card-spacing,8px)!important;position:relative;z-index:1}.groups-page .page-template-input{background:#0000!important;border-bottom:none!important;box-shadow:none!important;margin-top:0!important;padding:0!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;transform:none!important;transition:none!important;will-change:auto!important;z-index:900!important}.page-template.groups-page .page-template-input>*{margin-bottom:0!important;margin-top:0!important}.groups-menu-bar{backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);background:#fafafccc;border:.5px solid #ffffff4d;border-radius:20px;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a;gap:12px;margin-bottom:8px;margin-bottom:var(--card-spacing,8px);padding:8px 12px;position:relative;z-index:10}.groups-menu-bar,.menu-btn{align-items:center;display:flex}.menu-btn{background:#0000!important;border:none;border-radius:10px;color:#8e8e93;cursor:pointer;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.menu-btn:hover:not(:disabled){background:#0000000a!important;color:#636366}.menu-btn:active:not(:disabled){transform:scale(.95)}.menu-btn:disabled{background:#0000!important;cursor:not-allowed;opacity:.4}.menu-divider{background:#0000001a;height:20px;margin:0 4px;width:1px}.btn-create-group{align-items:center;background:#007aff;border:none;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:6px;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-create-group:hover{background:#0051d5;box-shadow:0 2px 8px #007aff4d;transform:translateY(-1px)}.btn-create-group:active{transform:scale(.95)}.groups-loading{color:#666;padding:3rem;text-align:center}.groups-error{background-color:#fee;border:1px solid #fcc;border-radius:8px;justify-content:space-between;margin:1rem;padding:1rem}.groups-error,.groups-error button{align-items:center;color:#c00;display:flex}.groups-error button{background:none;border:none;cursor:pointer;font-size:var(--font-size-2xl);height:24px;justify-content:center;padding:0;width:24px}.groups-content{margin:0 auto;max-width:1400px}.groups-empty{color:#999;padding:3rem 1rem;text-align:center}.groups-empty svg{color:#ddd;margin-bottom:1rem}.groups-empty p{margin:.5rem 0}.groups-empty-hint{color:#bbb;font-size:var(--font-size-sm)}.groups-grid{grid-gap:8px;grid-gap:var(--card-spacing,8px);display:grid;gap:8px;gap:var(--card-spacing,8px);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:8px;margin-bottom:var(--card-spacing,8px)}.group-item{background:#fff;border:1px solid #94a3b8!important;border:var(--card-border,1px solid #94a3b8)!important;border-radius:12px;border-radius:var(--card-border-radius,12px);box-shadow:0 2px 8px #0000001a;box-shadow:var(--card-shadow,0 2px 8px #0000001a);overflow:hidden;transition:all .2s}.groups-grid .group-item{border-color:#94a3b8!important}.group-item:hover{box-shadow:0 4px 12px #007aff26}.group-item.active,.group-item:hover{border-color:#007aff;transform:translateY(-2px)}.group-item.active{box-shadow:0 4px 16px #007aff33}.group-item-main{background:#0000;cursor:pointer;padding:.75rem;transition:background .2s}.group-item-main:hover{background:#f8f9fa}.group-item-header{align-items:center;display:flex;gap:.625rem;margin-bottom:.5rem}.group-item-icon{align-items:center;background:#007aff;border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.group-item-name{flex:1 1;font-size:var(--font-size-base);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-item-stats{align-items:center;color:#666;display:flex;font-size:var(--font-size-sm);gap:.375rem;margin-bottom:.25rem}.group-item-stats:last-of-type{margin-bottom:0}.group-shared-items-link{background:#0000;border:none;color:#007aff;cursor:pointer;font-family:inherit;padding:0;text-align:left;text-decoration:none;transition:all .2s}.group-shared-items-link:hover{color:#0051d5;text-decoration:underline}.group-shared-items-link:active{transform:scale(.98)}.group-item-collections{background:#0000;border-top:1px solid #e5e5ea;display:flex;flex-wrap:wrap;gap:.375rem;padding:.625rem .75rem}.collection-tag{background:#fff;border:1px solid #e5e5ea;border-radius:4px;color:#007aff;cursor:pointer;display:inline-block;font-family:inherit;font-size:var(--font-size-sm);padding:.25rem .625rem;text-decoration:none;transition:all .2s}.collection-tag:hover{background:#007aff;border-color:#007aff;color:#fff}.collection-tag:active{transform:scale(.98)}.group-members{background:#fff;border:1px solid #94a3b8;border:var(--card-border,1px solid #94a3b8);border-radius:12px;border-radius:var(--card-border-radius,12px);box-shadow:0 2px 8px #0000001a;box-shadow:var(--card-shadow,0 2px 8px #0000001a);margin:0 0 8px;margin:0 0 var(--card-spacing,8px) 0;padding:16px}.group-members-header{border-bottom:1px solid #e5e5ea;display:flex;flex-direction:column;gap:12px;margin-bottom:1rem;padding-bottom:1rem}.group-members-header h3{color:#333;font-size:var(--font-size-lg);font-weight:600;margin:0}.members-empty{color:#999;padding:3rem;text-align:center}.members-list{display:flex;flex-direction:column;gap:.5rem}.member-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:.75rem;padding:.625rem .75rem}.member-item-info{flex:1 1;min-width:0}.member-item-name{align-items:center;display:flex;font-size:var(--font-size-base);font-weight:600;gap:.375rem;margin-bottom:.125rem}.member-owner-icon{color:#f59e0b}.member-item-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-item-email,.member-item-role{color:#666;font-size:var(--font-size-sm)}.member-item-role{background:#fff;border:1px solid #e5e5ea;border-radius:4px;padding:.25rem .625rem;text-transform:capitalize}.member-item-remove{background:none;border:none;color:#999;cursor:pointer;padding:.5rem;transition:color .2s}.member-item-remove:hover{color:#dc2626}.btn-primary,.btn-secondary{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-primary{background:#007aff;border-color:#007aff;color:#fff}.btn-primary:hover:not(:disabled){background:#0051d5;border-color:#0051d5;box-shadow:0 2px 8px #007aff4d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff;border-color:#e5e5ea;color:#007aff}.btn-secondary:hover{background:#f8f9fa;border-color:#007aff}.btn-secondary:active{transform:scale(.98)}.btn-danger{align-items:center;background:#dc2626;border:1px solid #dc2626;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c;box-shadow:0 2px 8px #dc26264d;transform:translateY(-1px)}.btn-danger:active{transform:scale(.98)}.modal-overlay{overflow-y:auto;padding:1rem;z-index:10000}.modal-overlay~#bottom-nav-portal,body:has(.modal-overlay) #bottom-nav-portal{display:none!important}.modal-content{box-shadow:0 10px 25px #0003;max-width:450px}.groups-modal-header,.modal-header{align-items:center;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between;padding:.875rem .625rem!important}.groups-modal-header h3,.modal-header h3{font-size:var(--font-size-lg);font-weight:600;margin:0;text-align:left}.modal-close{background:none;border:none;color:#666;cursor:pointer;padding:.5rem;transition:color .2s}.modal-close:hover{color:#000}.groups-modal-body,.modal-body{max-height:60vh;overflow-y:auto;padding:.875rem .625rem!important}.groups-modal-footer,.modal-footer{background:#fff;border-top:1px solid #e5e5ea;display:flex;flex-shrink:0;gap:.75rem;justify-content:space-between;padding:.875rem .625rem}.form-group{margin-bottom:1rem;position:relative}.form-group:last-child{margin-bottom:0}.form-group label{color:#333;display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:.5rem;position:relative;text-align:left;z-index:1}.form-group input,.form-group select{background:#fff;border:1px solid #e5e5ea;border-radius:8px;box-sizing:border-box;font-size:var(--font-size-base);padding:.625rem .75rem;position:relative;text-align:left;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.group-name-row{align-items:center;display:flex;gap:6px}.group-name-input{background:#fff;border:1px solid #e5e5ea;border-radius:8px;box-sizing:border-box;flex:1 1;font-size:var(--font-size-sm);height:36px;padding:0 .75rem}.group-name-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.group-update-btn{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:var(--font-size-sm);font-weight:500;height:36px;padding:0 .625rem;transition:all .2s;white-space:nowrap}.group-update-btn:hover:not(:disabled){background:#0051d5}.group-update-btn:active:not(:disabled){transform:scale(.98)}.group-update-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.members-list-container{display:flex;flex-direction:column;gap:6px}@media (max-width:768px){.groups-tab{padding:1rem}.groups-tab-header{align-items:stretch;flex-direction:column;gap:1rem}.groups-tab-content{grid-template-columns:1fr}.group-members{margin-top:1rem}.modal-overlay{align-items:flex-start;padding:2rem .5rem}.modal-content{display:flex;flex-direction:column;margin:0 auto;max-height:calc(100vh - 4rem);max-width:100%;overflow:hidden}.groups-modal-body,.modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;max-height:calc(100vh - 12rem)!important;min-height:0;overflow-x:hidden;overflow-y:auto!important}}.main-content:has(.admin-page){overflow:hidden!important}.admin-page.page-template{display:flex;flex-direction:column;height:calc(100vh - 152px)!important;overflow:hidden!important;padding:0!important}.admin-page .page-template-body{padding:0!important}.admin-dashboard,.admin-page .page-template-body{display:flex;flex-direction:column;height:100%;overflow:hidden}.admin-dashboard{box-sizing:border-box;margin:0;padding:8px 0;width:100%}.admin-dashboard-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.admin-header-stats{color:#6b7280;font-size:16px;font-weight:500;margin:0 0 24px;text-align:center}.queue-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.stat-box{background:#f3f4f6;border:2px solid #0000;border-radius:8px;padding:12px 8px;text-align:center}.stat-number{color:#374151;font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-box.pending{background:#f3f4f6;border-color:#d1d5db}.stat-box.pending .stat-number{color:#6b7280}.stat-box.processing{background:#fef3c7;border-color:#fde68a}.stat-box.processing .stat-number{color:#92400e}.stat-box.completed{background:#d1fae5;border-color:#a7f3d0}.stat-box.completed .stat-number{color:#065f46}.stat-box.failed{background:#fee2e2;border-color:#fecaca}.stat-box.failed .stat-number{color:#991b1b}@media (max-width:480px){.queue-stats-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-section{background:#fff;border:1px solid #e5e7eb;border-radius:0;flex-shrink:0;margin:0 0 8px;padding:16px}.dashboard-section:last-child{flex:1 1 auto;margin-bottom:0;min-height:0;overflow:hidden}.dashboard-section.no-padding{display:flex;flex-direction:column;padding:0}.dashboard-section.no-padding h3{margin:0;padding:16px 16px 12px}.dashboard-section.no-padding .queue-table-wrap{flex:1 1;min-height:0;overflow-y:auto}.dashboard-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;text-align:center}.stat-value{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:2px}.stat-label{color:#6b7280;font-size:12px;font-weight:500}.dashboard-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:16px}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.tab-button:hover{color:#1f2937}.tab-button.active{border-bottom-color:#007aff;color:#007aff}.queue-table-wrap{overflow-x:auto}.queue-table{background:#fff;border-collapse:collapse;width:100%}.queue-table td,.queue-table th{border-bottom:1px solid #f1f5f9;font-size:14px;padding:12px;text-align:left}.queue-table thead th{background:#f8fafc;color:#1f2937;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:1}.queue-table tbody tr:hover{background:#f9fafb}.status-badge{border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.batch-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.batch-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.batch-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.batch-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.batch-count{background:#e5e7eb;border-radius:4px;color:#6b7280;font-size:14px;padding:4px 8px}.batch-details{color:#4b5563;font-size:14px}.batch-details div{margin-bottom:4px}.batch-details strong{color:#1f2937;margin-right:4px}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.batch-grid{grid-template-columns:1fr}.queue-table td,.queue-table th{font-size:12px;padding:8px}}.help-page{box-sizing:border-box;margin:0 auto;max-width:800px;min-height:auto;overscroll-behavior-y:none!important;padding:0 0 24px;position:relative;width:100%;z-index:1}.help-page .page-template-input{background:#0000!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;transform:none!important;transition:none!important;z-index:900!important}.help-nav-container{box-sizing:border-box;margin:0 0 16px;margin:0 0 var(--card-spacing,16px) 0;max-width:100%;padding:0 8px;width:100%}.help-nav-container .help-nav{backdrop-filter:blur(10px) saturate(140%)!important;-webkit-backdrop-filter:blur(10px) saturate(140%)!important;background:#fafafccc!important;border:.5px solid #ffffff4d!important;border-radius:24px!important;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a!important;box-sizing:border-box;position:relative}.help-nav-arrow{align-items:center;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);background:#fafafc!important;border:none;border-radius:50%!important;box-shadow:none;color:#007aff!important;cursor:pointer;display:flex;flex:0 0 auto;height:40px;justify-content:center;margin:0;min-width:40px;padding:0;position:-webkit-sticky;position:sticky;transition:all .2s ease;width:40px;z-index:10}.help-nav-arrow-left{left:-8px}.help-nav-arrow-right{right:-8px}.help-nav-arrow:hover{background:#fafafc!important;transform:scale(1.05)}.help-nav-arrow:active{background:#fafafc!important;transform:scale(.95)}.help-nav-arrow svg{stroke:#007aff;stroke-width:2.5;color:#007aff;height:24px;width:24px}.help-nav{-webkit-overflow-scrolling:touch;align-items:center;box-sizing:border-box;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overscroll-behavior-x:contain;padding:8px;scroll-behavior:smooth;scrollbar-width:none;width:100%}.help-nav::-webkit-scrollbar{display:none}.help-nav-btn{background:#0000;border:none;border-radius:18px;color:#4a5568;cursor:pointer;flex:0 0 auto;font-size:var(--font-size-sm);font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.help-nav-btn:hover{background:#ffffff80;color:#1a202c}.help-nav-btn.active{background:#007aff;box-shadow:0 2px 8px #007aff4d;color:#fff}.help-content{margin:8px 0 24px;max-width:100%}.help-header{display:none}.help-section{background:#fff;border:1px solid #e2e8f0;border:var(--card-border,1px solid #e2e8f0);border-radius:12px;border-radius:var(--card-border-radius,12px);box-shadow:0 2px 8px #0000001a;box-shadow:var(--card-shadow,0 2px 8px #0000001a);box-sizing:border-box;display:flex;flex-direction:column;margin:0 8px 16px!important;margin:0 8px var(--card-spacing,16px) 8px!important;padding:20px}.help-section:first-of-type{margin-top:0!important}.help-section .instruction-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.help-section .instruction-header h2{flex:1 1 auto;margin:0}.help-section .instruction-header .step-number{flex:0 0 auto}.help-section h2{color:#1a202c;font-size:var(--font-size-xl);font-weight:700;margin:0 0 12px}.help-section h3{font-size:var(--font-size-md)}.help-section h3,.help-section h4{color:#1a202c;font-weight:600;margin:0 0 8px}.help-section h4{font-size:var(--font-size-base)}.instruction-btn{font-size:var(--font-size-sm)}.help-section p{color:#4a5568;font-size:var(--font-size-base);line-height:1.5;margin:0 0 16px}.help-section ul{margin:12px 0;padding-left:24px}.help-section li{color:#4a5568;font-size:var(--font-size-base);line-height:1.5;margin-bottom:8px}.help-section li strong{color:#1a202c;font-weight:600}.help-page .help-content,.help-page .help-section,.help-page .help-section h2,.help-page .help-section li,.help-page .help-section p,.help-page .help-section ul{text-align:left!important}.help-section code{background:#f1f5f9;border-radius:4px;color:#007aff;font-family:Courier New,monospace;font-size:var(--font-size-sm);padding:2px 6px}.help-section a{color:#007aff;font-weight:500;text-decoration:none}.help-section a:hover{text-decoration:underline}.help-step{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.step-number{font-size:var(--font-size-sm)}.step-content{flex:1 1}.step-content h3{color:#1a202c;font-size:var(--font-size-md);font-weight:600;margin:0 0 6px}.step-content p{color:#4a5568;font-size:var(--font-size-base);line-height:1.5;margin:0}@media (max-width:640px){.help-section{margin-bottom:12px;padding:16px}.help-section h2{font-size:var(--font-size-lg)}.help-section h3{font-size:var(--font-size-md)}.help-section h4{font-size:var(--font-size-sm)}.help-section li,.help-section p{font-size:var(--font-size-base)}}@media (max-width:480px){.help-section{border-radius:8px;padding:12px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.user-name{color:#1a202c;font-size:1.1rem;font-weight:500}.container{max-width:1200px;width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.file-types{color:#8e8e93;font-size:14px;margin-top:8px}.feature-highlight{display:flex;flex-direction:column;gap:6px;margin-top:12px}.feature-highlight span{color:#16a34a;font-size:15px;font-weight:500}.tips-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:24px 0;padding:20px}.tips-section h3{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 16px}.tips-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.tip-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;padding:12px}.tip-item strong{color:#1a202c;font-weight:600}@media (min-width:640px){.tips-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:640px){.tips-section{padding:16px}}:root{--header-h:75px;--card-spacing:8px;--card-border:1px solid #94a3b8;--card-border-radius:12px;--card-shadow:0 2px 8px #0000001a}.App{background-color:#f8f9fa;display:flex;flex-direction:column;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative;text-align:center;width:100vw}#root,body,html{height:100%}.App.mobile-app{height:100vh}#root,.App.mobile-app{overflow-y:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-container,.main-content{background:#f8f9fa;position:relative;width:100vw}.main-content{flex:1 1;min-height:calc(100vh - 160px);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:none;padding-top:calc(env(safe-area-inset-top, 0px) + 75px)!important;padding-top:calc(env(safe-area-inset-top, 0px) + var(--header-h, 88px))!important;padding:0 0 92px}@media (display-mode:standalone){.main-content{overscroll-behavior-y:none}}#bottom-nav-portal{background:#0000!important;pointer-events:none}#bottom-nav-portal .bottom-navigation,#bottom-nav-portal>div.bottom-navigation,.bottom-navigation,div.bottom-navigation,div.bottom-navigation.bottom-navigation{align-items:center;backdrop-filter:blur(10px) saturate(140%)!important;-webkit-backdrop-filter:blur(10px) saturate(140%)!important;background:#fafafccc!important;background-color:#fafafccc!important;border:.5px solid #ffffff4d!important;border-radius:24px!important;bottom:max(12px,env(safe-area-inset-bottom,0px))!important;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a!important;box-sizing:border-box;display:flex;gap:4px;height:auto!important;justify-content:center;left:50%!important;margin:0 auto!important;max-width:100%!important;min-height:49px;padding:8px 16px!important;pointer-events:auto;position:fixed!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important;width:100%!important;z-index:1000!important}.bottom-nav-item{align-items:center;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;border:none;border-radius:18px;box-shadow:none!important;color:#8e8e93;cursor:pointer;display:flex;flex:0 1 auto;flex-direction:column;font-weight:400;height:auto;justify-content:center;min-width:60px;padding:8px 12px;pointer-events:auto;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item.active{background:#007aff1f!important;border:none;box-shadow:0 2px 8px #007aff26,inset 0 .5px 0 #ffffff80!important;color:#007aff}.bottom-nav-item:hover:not(.active){background:#0000000a!important;border:none;box-shadow:none!important;color:#636366}.bottom-nav-icon{align-items:center;display:flex;justify-content:center;margin-bottom:2px}.bottom-nav-icon,.bottom-nav-icon svg{height:25px;width:25px}.bottom-nav-label{font-size:var(--font-size-xs);font-weight:500;letter-spacing:-.05px;line-height:1.2;white-space:nowrap}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:2rem}.quick-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:inherit;display:flex;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .2s ease}.quick-action-btn:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;color:#3b82f6;transform:translateY(-2px)}.quick-action-btn span{font-size:1rem;font-weight:600}@media (max-width:640px){.quick-actions{grid-template-columns:1fr}.main-content:not(.profile-active){padding-left:.5rem;padding-right:.5rem}}@supports (-webkit-touch-callout:none){.bottom-navigation{bottom:max(12px,calc(env(safe-area-inset-bottom, 0px) + 8px))!important}.main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))!important}}.upload-btn{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .2s ease}.upload-btn:hover:not(:disabled){background:#0056cc;transform:translateY(-1px)}.upload-btn:disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed}.modal-overlay{align-items:center;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:calc(100vh - 40px);max-width:400px;overflow-y:auto;position:relative;width:100%}.close-btn{background:none;color:#6b7280;height:30px;right:15px;top:15px;transition:all .2s ease;width:30px}.close-btn:hover{background:#0000001a;color:#1a202c}.search-box{flex:1 1;max-width:300px;position:relative}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-input::placeholder{color:#9ca3af}.location-input-section{background:#f2f2f7;border-radius:12px;box-sizing:border-box;margin-bottom:20px;max-width:100%;padding:12px}.location-input{background:#fff;border:1px solid #c6c6c8;border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:16px;max-width:100%;padding:10px 12px;transition:all .2s ease;width:100%}.location-input:hover:not(:disabled){border-color:#007aff}.location-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.edit-instructions{background:#f2f2f7;border-radius:8px;color:#3c3c43;font-size:14px;line-height:1.4;margin-bottom:16px;padding:12px}.edit-instructions ul{margin:0;padding-left:20px}.edit-instructions li{color:#3c3c43;margin:4px 0}.image-preview{margin:20px 0;text-align:center}.image-preview img{border-radius:10px;box-shadow:0 2px 10px #0000001a;height:auto;max-height:50vh;max-width:100%;object-fit:contain;width:auto}.help-toggle{background:none;border:none;color:#007aff;cursor:pointer;font-size:14px;margin-top:10px;padding:0;text-decoration:underline}.help-toggle:hover{color:#0056cc}@media (max-width:768px){.modal-content{margin:10px;max-width:calc(100vw - 20px)}.search-box{max-width:none}.image-preview img{max-height:50vh;max-width:95%}.help-toggle{font-size:12px}}.header-title-row{align-items:center;display:flex;gap:10px;justify-content:flex-start;width:100%}.header-icon.side{margin-top:0}.header-title.minimal{margin:0}.App.mobile-app.smart-hidden .mobile-header,.App.smart-hidden .mobile-header{opacity:1!important;pointer-events:auto!important;transform:none!important}.mobile-header .title-logo{flex:0 0 auto;height:24px;margin-right:8px;object-fit:contain;width:24px}@media (max-width:380px){.mobile-header .title-logo{height:20px;width:20px}}.mobile-header{background:#fff;border-bottom:1px solid #e2e8f0;box-sizing:border-box;height:88px;height:var(--header-h,88px);justify-content:space-between;left:0;padding:.15rem .75rem;position:fixed;right:0;top:env(safe-area-inset-top,0);transition:transform .25s ease-in-out,opacity .2s ease-in-out;z-index:1000}.header-user,.mobile-header{align-items:center;display:flex;width:100%}.header-user{gap:.75rem;justify-content:flex-start}.mobile-header .app-title-pill{align-items:center;background:linear-gradient(135deg,#7a5af8,#9e7bff);border-radius:20px;box-shadow:0 8px 18px #0000001a,0 3px 6px #00000012;color:#fff;display:inline-flex;flex-direction:column;justify-content:center;line-height:1.1;max-width:640px;padding:10px 16px;text-align:center;width:100%}.mobile-header .app-title-pill .title-line{font-size:19px;font-weight:800;letter-spacing:.3px;margin:0}.mobile-header .app-title-pill .subtitle-line{font-size:13px;font-weight:600;margin-bottom:0;margin-top:2px;opacity:.95}@media (max-width:380px){.mobile-header .app-title-pill{border-radius:16px;padding:8px 12px}.mobile-header .app-title-pill .title-line{font-size:17px}.mobile-header .app-title-pill .subtitle-line{font-size:12px}.mobile-header .header-title .title-text{font-size:20px!important;letter-spacing:.25px}.mobile-header .header-title .page-summary-text{font-size:12px!important}}@media (max-width:360px){.mobile-header .app-title-pill{min-width:120px;padding:6px 12px}.mobile-header .app-title-pill .title-line{font-size:16px}.mobile-header .app-title-pill .subtitle-line{font-size:12px}}.mobile-header .header-user{gap:12px}.header-title{align-items:center;gap:0;justify-content:center;margin:6px 0;width:100%}.mobile-header .header-title .title-text{color:#000!important;font-size:27px!important;font-weight:500!important;letter-spacing:.2px;line-height:1!important;margin:0!important;text-align:left!important}.mobile-header .header-title .page-summary-text{color:#374151!important;font-size:14px!important;font-weight:500!important;line-height:1.25;margin:0!important;text-align:left!important}.header-title{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.App.mobile-app.home-active .mobile-header .header-title .page-summary-text,.App.mobile-app.inventory-active .mobile-header .header-title .page-summary-text,.App.mobile-app.profile-active .mobile-header .header-title .page-summary-text,.App.mobile-app.scan-active .mobile-header .header-title .page-summary-text{margin-top:4px!important}.header-icon{align-items:center;display:flex;justify-content:center;margin-top:6px}.header-icon-img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));height:84px;image-rendering:-webkit-optimize-contrast;object-fit:contain;width:84px}.App.mobile-app.home-active .header-icon-img,.App.mobile-app.inventory-active .header-icon-img,.App.mobile-app.profile-active .header-icon-img,.App.mobile-app.scan-active .header-icon-img,.App.mobile-app.trash-active .header-icon-img{animation:sockBounce 3s ease-in-out infinite;height:84px;width:84px}@keyframes sockBounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-4px) rotate(-2deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-4px) rotate(2deg)}}@media (max-width:380px){.header-icon-img{height:72px;width:72px}}@media (display-mode:standalone){.mobile-header{align-items:flex-start!important;box-sizing:border-box!important;left:0!important;padding:0 10px!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:1000!important}.mobile-header .header-user{align-items:flex-start!important;justify-content:center!important;margin-top:0!important;padding-top:0!important}.mobile-header .header-title{line-height:1!important;margin-bottom:6px!important;margin-top:6px!important;padding-top:0!important}.mobile-header .header-title.minimal{line-height:1!important;margin-top:-2px!important;padding-top:0!important}.mobile-header .app-title-pill{background:#0000!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.mobile-header .app-title-pill .subtitle-line,.mobile-header .app-title-pill .title-line{line-height:1.1!important;margin:0!important}}.font-size-toggle{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;background:#f9fafb!important;background-color:#f9fafb!important;border:1.5px solid #d1d5db!important;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:1px;height:40px;justify-content:center;margin-left:auto;padding:0;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:40px}.font-size-toggle:hover{background:#f3f4f6!important;background-color:#f3f4f6!important;border-color:#9ca3af!important}.font-size-toggle:focus{background:#e5e7eb!important;background-color:#e5e7eb!important;border-color:#9ca3af!important;box-shadow:none!important;outline:none!important}.font-size-toggle:focus-visible{box-shadow:none!important;outline:none!important}.font-size-toggle:active{background:#e5e7eb;transform:scale(.95)}.font-size-icon{color:#6b7280!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;letter-spacing:-.5px;line-height:1;transition:font-size .2s ease,color .2s ease}.font-size-toggle:hover .font-size-icon{color:#374151!important}.font-size-toggle:focus .font-size-icon{color:#111827!important;font-weight:700}.font-size-number{color:#9ca3af;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:600;line-height:1;transition:color .2s ease}.font-size-toggle:hover .font-size-number{color:#6b7280}.font-size-toggle:focus .font-size-number{color:#374151}.font-size-toggle[data-size=small] .font-size-icon{font-size:11px}.font-size-toggle[data-size=medium] .font-size-icon{font-size:14px}.font-size-toggle[data-size=large] .font-size-icon{font-size:17px}.font-size-toggle[data-size=x-large] .font-size-icon{font-size:20px}@media (max-width:380px){.font-size-toggle{height:36px;width:36px}.font-size-icon{font-size:13px}}.google-signin-container{margin:1rem 0;width:100%}.google-signin-container>div{width:100%!important}.google-signin-container iframe{border-radius:10px!important;height:44px!important;width:100%!important}@media (display-mode:standalone){.google-signin-container iframe{height:48px!important}}.auth-modal{align-items:center;background-color:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.auth-form{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;margin:0 auto;max-width:380px;padding:1.5rem;position:relative;width:calc(100% - 2rem)}.auth-form h2{color:#000;font-size:1.5rem;font-weight:600;letter-spacing:-.3px;margin-bottom:1.5rem;text-align:center}.auth-form .error-message{background-color:#ffebee;border:1px solid #ffcdd2;border-left:3px solid #ff3b30;border-radius:10px;color:#c62828;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.auth-form .items-table th{background-color:#f2f2f7;color:#3c3c43;font-size:13px;font-weight:600;letter-spacing:-.1px;padding:16px 12px;text-align:left}.auth-form .items-table td{background:#fff;border-bottom:1px solid #e5e5ea;min-width:80px;padding:8px 6px;text-align:left;vertical-align:middle;white-space:nowrap}.auth-form .items-table td:first-child,.auth-form .items-table td:nth-child(2){background:#fff}.auth-form .form-group{margin-bottom:1rem}.auth-form label{color:#000;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;text-align:left}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #c6c6c8;border-radius:10px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:17px;padding:12px 16px;transition:border-color .2s ease;width:100%}.auth-form input:focus{border-color:#007aff;box-shadow:none;outline:none}.auth-form .submit-btn{-webkit-appearance:none;appearance:none;background-color:#007aff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:17px;font-weight:600;margin-top:.5rem;padding:12px 24px;transition:background-color .2s;width:100%}.auth-form .submit-btn:hover:not(:disabled){background-color:#0051d5}.auth-form .submit-btn:active{background-color:#004bb8;transform:scale(.98)}.auth-form .submit-btn:disabled{background-color:#8e8e93;cursor:not-allowed;opacity:.6}.auth-form .register-btn{background-color:#34c759}.auth-form .register-btn:hover:not(:disabled){background-color:#30b050}.auth-form .register-btn:active{background-color:#28a745}.auth-form .auth-toggle{color:#8e8e93;font-size:.875rem;margin-top:1rem;text-align:center}.auth-form .auth-toggle button{background:none;border:none;color:#007aff;cursor:pointer;font-family:inherit;font-size:.875rem;text-decoration:underline}.auth-form .auth-toggle button:hover{color:#0051d5}@media (max-width:768px){.auth-modal{align-items:flex-start;padding:10vh .75rem .75rem}.auth-form{margin:0;max-width:none;padding:1.25rem;width:calc(100% - 1.5rem)}.auth-form h2{font-size:1.25rem;margin-bottom:1rem}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{font-size:16px;padding:10px 14px}.auth-form .submit-btn{font-size:16px;padding:10px 20px}}@media (max-width:480px){.auth-modal{padding:8vh .5rem .5rem}.auth-form{border-radius:8px;padding:1rem;width:calc(100% - 1rem)}.auth-form h2{font-size:1.125rem}}.welcome-screen{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;min-height:100dvh;overflow:hidden;padding:16px;position:relative}.welcome-screen .features-grid .feature-card.feature-card{align-items:flex-start!important;text-align:left!important}.welcome-screen .features-grid .feature-card.feature-card .feature-icon{align-self:flex-start!important;margin:0 0 4px!important}.welcome-screen .features-grid .feature-card.feature-card h3,.welcome-screen .features-grid .feature-card.feature-card p{text-align:left!important}.welcome-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-height:90vh;max-width:900px;min-height:100dvh;padding:10px;text-align:center;width:100%}.hero-section{margin-bottom:32px;padding:6px 0 2px}.app-logo{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.welcome-logo{height:80px;object-fit:contain;width:80px}.app-title{color:#1a202c;font-size:32px;font-weight:700;margin:0;text-align:center}.app-title.prominent{color:#000;font-size:42px;font-weight:800;letter-spacing:.5px;text-align:center}.logo-icon{align-items:center;background:#007aff;border:1px solid #ffffff4d;border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.logo-icon svg{color:#fff;height:24px;width:24px}.hero-content{margin:0 auto;max-width:500px}.hero-headline{color:#1a202c;font-size:28px;font-weight:700;line-height:1.2;margin:4px 0}.hero-description{color:#4a5568;font-size:16px;line-height:1.5;margin:0}.features-grid{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:4px;margin:4px 0;max-height:34vh;overflow:auto}.feature-card{align-items:center;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:block;flex-direction:column;justify-content:center;padding:3px 6px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#fff;border-color:#007aff;box-shadow:0 4px 12px #007aff26;transform:translateY(-2px)}.feature-icon{align-items:center;background:#000;border-radius:8px;display:flex;height:32px;justify-content:center;margin:0 auto 1px;width:32px}.feature-icon svg{color:#fff;height:20px;width:20px}.feature-card h3{color:#1a202c;font-size:14px;font-weight:600;line-height:1.12;margin:0}.feature-card p{color:#4a5568;font-size:15px;line-height:1.18;margin:0}.feature-card p.subtitle{color:#4a5568;font-size:18px;font-weight:400;line-height:1.4;margin:0 0 8px}.cta-section{margin-top:auto;padding-top:6px;text-align:center}.get-started-btn{align-items:center;background:#007aff;border:none;border-radius:10px;box-shadow:0 6px 24px #007aff4d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.2px;margin:0 auto;padding:10px 16px;text-decoration:none;transition:all .3s ease;width:auto}.get-started-btn:hover{background:#0051d5;box-shadow:0 8px 32px #007aff66;transform:translateY(-2px)}.btn-arrow{transition:transform .3s ease}.get-started-btn:hover .btn-arrow{transform:translateX(4px)}.cta-subtitle{color:#6b7280;font-size:15px!important;margin-top:4px}@media (max-width:768px){.welcome-screen{padding:12px}.welcome-container{max-height:95vh}.app-title{font-size:28px}.app-title.prominent{font-size:36px}.hero-headline{font-size:22px}.hero-description{font-size:14px}.features-grid,.hero-section{margin-bottom:24px}.features-grid{gap:6px}.feature-card{padding:8px 10px}.feature-card h3{font-size:13px}.feature-card p{font-size:15px}.feature-icon{height:28px;width:28px}.feature-icon svg{height:16px;width:16px}.get-started-btn{font-size:14px;padding:10px 20px}.cta-subtitle{font-size:15px}}@media (max-height:700px){.features-grid{max-height:28vh}.feature-card h3{font-size:13px}.cta-subtitle,.feature-card p{font-size:15px}}@media (max-height:680px){.app-logo .app-title{font-size:22px}.app-logo .app-title.prominent{font-size:28px}.hero-content .hero-headline{font-size:15px}.hero-content .hero-description{font-size:11px}.feature-icon svg{height:20px;width:20px}.feature-card h3{font-size:11px}.feature-card p{font-size:10.5px}.get-started-btn{font-size:14px;padding:8px 11px}}@media (max-height:640px){.hero-content .hero-headline{font-size:14px}.hero-content .hero-description{font-size:10.5px}.features-grid{max-height:26vh}.get-started-btn{font-size:14px;padding:7px 10px}}@media (display-mode:standalone){.welcome-screen{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 100px);overflow-y:auto;padding:20px;position:relative}}.items-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-size:14px;min-width:100%;overflow:hidden;width:-webkit-max-content;width:max-content}.items-table td,.items-table th{border-bottom:1px solid #eee;min-width:60px;padding:8px 4px;text-align:left;white-space:nowrap}.items-table th{background-color:#f8f9fa;color:#495057;font-size:13px;font-weight:600;letter-spacing:-.1px}.items-table td:first-child,.items-table td:nth-child(2),.items-table th:first-child,.items-table th:nth-child(2){min-width:40px;text-align:center;width:40px}.items-table td:nth-child(3),.items-table th:nth-child(3){min-width:120px}.items-table td:nth-child(4),.items-table th:nth-child(4){min-width:150px}.editable-results-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-width:1400px;overflow:hidden;width:100%}.editable-results-table th{background:#f2f2f7;border-bottom:1px solid #e5e5ea;color:#3c3c43;font-size:13px;font-weight:600;letter-spacing:-.1px;padding:12px 8px;text-align:left}.editable-results-table td{border-bottom:1px solid #e5e5ea;font-size:14px;padding:12px 8px;vertical-align:middle}.editable-results-table tr:hover{background-color:#f8f9ff}.desktop-table-view{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.mobile-table-view{display:none}.table-actions{align-items:center;display:flex;gap:8px}.table-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.edit-btn{background:#007aff;color:#fff}.edit-btn:hover{background:#0056cc}.delete-btn{background:#ff3b30;color:#fff}.delete-btn:hover{background:#d70015}@media (max-width:768px){.desktop-table-view{display:none}.mobile-table-view{display:block}.items-table{font-size:13px;min-width:800px}.items-table td,.items-table th{padding:6px 3px}.editable-results-table{min-width:1200px}.editable-results-table td:nth-child(5),.editable-results-table td:nth-child(6),.editable-results-table th:nth-child(5),.editable-results-table th:nth-child(6){display:none}}@media (max-width:480px){.items-table{font-size:12px;min-width:600px}.items-table td,.items-table th{padding:4px 2px}.editable-results-table{min-width:1000px}.editable-results-table td,.editable-results-table th{font-size:12px;padding:8px 4px}}.table-empty,.table-loading{color:#8e8e93;padding:40px;text-align:center}.table-empty{font-style:italic}.sortable-header{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:#e9ecef}.sort-indicator{font-size:10px;opacity:.6;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.table-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.table-filter{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.table-filter:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}@media (display-mode:standalone){body,html{background:#fff!important;background-color:#fff!important;height:100dvh!important}body{overflow-y:auto!important;position:static!important}#root,body{padding-bottom:0!important}#root{background:#fff!important;background-color:#fff!important;margin-bottom:0!important}.App{border-radius:0!important;box-shadow:none!important;margin-top:0!important;padding-top:0!important}.App,.app-container{background:#0000!important;padding-bottom:0!important}.app-container{margin-bottom:0!important;min-height:auto!important}.app-container:before{content:none!important;display:none!important}.main-content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:none!important}.App.mobile-app>.main-content{padding-top:72px!important;padding-top:var(--page-title-offset,var(--app-header-height,72px))!important}.inventory-items,.inventory-view,.item-grid,.items-grid{margin-bottom:0!important;padding-bottom:85px!important}.welcome-screen{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:calc(100vh - 100px)!important;overflow-y:auto!important;padding:20px!important;position:relative!important}.welcome-container{min-height:100dvh}.App.mobile-app{padding:0!important}body,html{height:100dvh!important}body{overflow-y:auto!important;position:static!important}.App,.app-container,.home-view{background:#0000!important;border-radius:0!important;box-shadow:none!important}}.welcome-screen{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:calc(100vh - 100px)!important;overflow-y:auto!important;padding:20px!important;position:relative!important}@media (display-mode:standalone){.App.mobile-app,.main-content{padding:0!important}.App.mobile-app>.main-content{padding-top:72px!important;padding-top:var(--app-header-height,72px)!important}}#root,.App,.app-container,body,html{position:relative!important}@media (display-mode:standalone){#root,.App,.app-container,body,html{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}.main-content.items-active{-webkit-overflow-scrolling:touch!important;bottom:auto!important;height:auto!important;left:auto!important;min-height:calc(100vh - 88px)!important;min-height:calc(100vh - var(--nav-height, 88px))!important;overflow-y:auto!important;padding-bottom:0!important;position:relative!important;right:auto!important;scroll-padding-bottom:0!important;top:auto!important}.App.mobile-app>.main-content{padding-top:72px!important;padding-top:var(--page-title-offset,var(--app-header-height,72px))!important}}.home-view{box-sizing:border-box;margin:0 auto;max-width:800px;min-height:auto;padding-bottom:85px;position:relative;width:100%;z-index:1}.page-header-container{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;margin-top:20px;width:100%}.page-header-container.with-background{background:#f8f9fa;margin:4px -16px 20px;padding:16px 16px 20px}.page-header-title{color:#1a202c;font-size:1.75rem;font-weight:600;line-height:1;margin:0;text-align:center}.page-header-subtitle{color:#64748b;font-size:1rem;font-weight:400;line-height:1;margin:0;text-align:center;transform:translateY(8px)}.page-header-subtitle.home-subtitle{transform:translateY(-2px)}.home-header .subtitle{color:#64748b;font-size:1rem;font-weight:400;margin:0}.instructions-section{margin:8px 0 24px}.instruction-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:16px;margin-bottom:var(--card-spacing,16px);max-width:100%;padding:20px;width:100%}.instruction-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.instruction-header h3{flex:1 1 auto}.instruction-header .step-number{flex:0 0 auto}.step-number{align-items:center;background:#007aff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.instruction-card h3{color:#1a202c;font-size:18px;font-weight:600;margin:0}.instruction-card p{color:#4a5568;font-size:15px;line-height:1.5;margin:0 0 16px}.home-page .feature-highlight,.home-page .feature-highlight span,.home-page .instruction-card,.home-page .instruction-card h3,.home-page .instruction-card p,.home-page .instructions-section,.home-page .tips-section,.home-page .tips-section .tip-item{text-align:left!important}.instruction-btn{align-items:center;align-self:flex-end;background:#007aff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;justify-content:center;letter-spacing:.2px;padding:10px 16px;transition:transform .2s ease,box-shadow .2s ease;width:auto}.instruction-btn:hover{box-shadow:0 6px 18px #007aff38;transform:translateY(-1px)}.btn-icon{height:20px;width:20px}@media (max-width:640px){.instruction-card{margin-bottom:12px;padding:16px}.instruction-card h3{font-size:16px}.instruction-card p{font-size:15px}}@media (max-width:480px){.instruction-card{border-radius:8px;padding:12px}}.guest-collection-view{background:#f5f5f5;height:100vh;min-height:100vh;overflow-y:auto}.guest-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:900}.guest-header .header-icon img{height:48px;width:48px}.guest-header .header-text h1{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.guest-header .header-text p,.guest-header p{color:#666;font-size:14px;margin:0}.collection-name-highlight{color:#007aff;font-weight:600}.guest-menu-bar{align-items:center!important;background:#fff!important;border-bottom:1px solid #e0e0e0!important;display:flex!important;justify-content:space-between!important;left:0!important;padding:12px 20px!important;position:fixed!important;right:0!important;top:79px!important;z-index:900!important}.guest-menu-left{align-items:center;display:flex;gap:12px}.view-mode-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.view-mode-toggle:hover{background:#0000000a;color:#1f2937}.view-mode-toggle:active{transform:scale(.95)}.collection-name{color:#1a1a1a;font-size:17px;font-weight:600}.menu-actions{align-items:center;display:flex;gap:8px}.guest-content{padding:151px 16px 16px}.guest-footer{display:none}.guest-collection-view .items-grid{display:flex;flex-direction:column;gap:16px}.guest-collection-view .items-checklist-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.guest-collection-view .checklist-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .2s ease}.guest-collection-view .checklist-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.guest-collection-view .checklist-card.checked{background:#f0f9ff;opacity:.6}.guest-collection-view .checklist-card.checked .checklist-card-name{color:#94a3b8;text-decoration:line-through}.guest-collection-view .checklist-checkbox-container{cursor:pointer;padding:0;position:absolute;right:8px;top:8px;z-index:10}.guest-collection-view .checklist-checkbox{appearance:none;-webkit-appearance:none;background:#ffffffe6;border:2px solid #9ca3af;border-radius:4px;cursor:pointer;height:24px;position:relative;transition:all .2s ease;width:24px}.guest-collection-view .checklist-checkbox:hover{background:#fff;border-color:#111827}.guest-collection-view .checklist-checkbox:checked{background:#3b82f6e6;border-color:#2563eb}.guest-collection-view .checklist-checkbox:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:12px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:6px}.guest-collection-view .checklist-card-thumb{align-items:center;background:#f3f4f6;display:flex;height:120px;justify-content:center;overflow:hidden;width:100%}.guest-collection-view .checklist-card-thumb.placeholder{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.guest-collection-view .checklist-card-body{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px}.guest-collection-view .checklist-card-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:var(--font-size-sm);font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.guest-collection-view .checklist-card-category{color:#6b7280;font-size:var(--font-size-xs);font-weight:500}.guest-collection-view .guest-remove-btn-checklist{align-items:center;background:#fff;border:1px solid #fee2e2;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#dc2626;cursor:pointer;display:flex;height:28px;justify-content:center;left:8px;padding:6px;position:absolute;top:8px;transition:all .2s;width:28px;z-index:10}.guest-collection-view .guest-remove-btn-checklist:hover{background:#fee2e2;border-color:#dc2626;transform:scale(1.1)}.guest-collection-view .items-checklist-list{display:flex;flex-direction:column;gap:8px}.guest-collection-view .checklist-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;padding:12px;position:relative;transition:all .2s ease}.guest-collection-view .checklist-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.guest-collection-view .checklist-item.checked{background:#f0f9ff;opacity:.6}.guest-collection-view .checklist-item.checked .checklist-item-name{color:#94a3b8;text-decoration:line-through}.guest-collection-view .checklist-item-thumb{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.guest-collection-view .checklist-item-thumb.placeholder{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.guest-collection-view .checklist-item-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.guest-collection-view .checklist-item-name{color:#1f2937;font-size:var(--font-size-sm);font-weight:600;line-height:1.3}.guest-collection-view .checklist-item-category{color:#6b7280;font-size:var(--font-size-xs);font-weight:500}.guest-collection-view .checklist-item .checklist-checkbox-container{margin-left:auto;padding:0;position:static}.guest-collection-view .guest-remove-btn-list{align-items:center;background:#fff;border:1px solid #fee2e2;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:6px;transition:all .2s;width:28px}.guest-collection-view .guest-remove-btn-list:hover{background:#fee2e2;border-color:#dc2626;transform:scale(1.1)}.spinner-small{animation:spin .8s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#007aff;height:14px;width:14px}.notice-banner{font-size:14px;font-weight:500;padding:12px 20px;text-align:center}.notice-banner.expired{background:#fef3c7;border-bottom:1px solid #fcd34d;color:#92400e}.notice-banner.view-only{background:#e0f2fe;border-bottom:1px solid #7dd3fc;color:#075985}.add-item-btn{align-items:center;background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.add-item-btn:hover{background:#0056b3;box-shadow:0 2px 8px #007aff4d;transform:translateY(-1px)}.add-item-btn svg{flex-shrink:0}.add-item-form-container{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px}.add-item-form{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:450px}.add-item-form input,.add-item-form textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:12px 14px;transition:border-color .2s;width:100%}.add-item-form textarea{min-height:80px;resize:vertical}.add-item-form input:focus,.add-item-form textarea:focus{border-color:#007aff;outline:none}.add-item-form .form-actions{display:flex!important;flex-direction:row!important;gap:10px;margin-top:4px}.form-actions button[type=submit]{background:#007aff;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.form-actions button[type=submit]:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 12px #007aff66;transform:translateY(-1px)}.form-actions button[type=button]{background:#fff;border:1px solid #ddd;border-radius:10px;color:#666;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:14px 16px;transition:all .2s}.form-actions button[type=button]:hover{background:#f3f4f6;border-color:#bbb}.form-actions button[type=submit]:disabled{background:#ccc;cursor:not-allowed}.guest-collection-view .item-card{position:relative}.guest-collection-view .item-card.checked{background:#f0f9ff;opacity:.6}.guest-collection-view .item-card.checked .item-name{color:#666;text-decoration:line-through}.guest-collection-view .guest-checkbox-overlay{left:12px;position:absolute;top:12px;z-index:10}.guest-checkbox-overlay .checkbox-container{align-items:center;cursor:pointer;display:flex;position:relative;-webkit-user-select:none;user-select:none}.guest-checkbox-overlay .checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.guest-checkbox-overlay .checkmark{align-items:center;background-color:#fff;border:2px solid #cbd5e1;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:flex;height:24px;justify-content:center;transition:all .2s;width:24px}.guest-checkbox-overlay .checkbox-container:hover .checkmark{border-color:#667eea}.guest-checkbox-overlay .checkbox-container input:checked~.checkmark{background-color:#667eea;border-color:#667eea}.guest-checkbox-overlay .checkbox-container input:checked~.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:12px;margin-top:-2px;transform:rotate(45deg);width:6px}.guest-item-footer{align-items:center;border-top:1px solid #f0f0f0;color:#999;display:flex;font-size:12px;justify-content:space-between;margin-top:8px;padding-top:8px}.guest-item-footer .added-by{color:#666;font-weight:500}.guest-collection-view .guest-remove-btn{align-items:center;background:#fff;border:1px solid #fee2e2;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#dc2626;cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;position:absolute;right:12px;top:12px;transition:all .2s;width:32px;z-index:10}.guest-collection-view .guest-remove-btn svg{flex-shrink:0}.guest-collection-view .guest-remove-btn:hover{background:#fee2e2;border-color:#dc2626;transform:scale(1.1)}.guest-collection-view .empty-state{color:#666;padding:60px 20px;text-align:center}.guest-collection-view .empty-state p{font-size:16px;margin:8px 0}.guest-collection-view .empty-hint{color:#999;font-size:14px}.signup-prompt-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.signup-prompt{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:480px;padding:40px;position:relative;text-align:center;width:100%}.close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.close-btn:hover{background:#f0f0f0;color:#666}.prompt-icon{animation:bounce 2s ease-in-out infinite;font-size:48px;margin-bottom:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.signup-prompt h3{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px}.prompt-subtitle{color:#666;font-size:16px;margin:0 0 24px}.benefits-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:32px;text-align:left}.benefit{align-items:center;background:#f8f9fa;border-radius:10px;color:#1a1a1a;display:flex;font-size:14px;gap:8px;padding:12px}.benefit-icon{flex-shrink:0;font-size:20px}.signup-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.login-btn,.signup-btn{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s;width:100%}.signup-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.signup-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.login-btn{background:#fff;border:2px solid #e2e8f0;color:#667eea;font-size:14px;padding:10px 20px}.login-btn:hover{background:#f8f9fa;border-color:#667eea}.maybe-later{background:#0000;border:none;color:#999;cursor:pointer;font-size:13px;padding:10px;width:100%}.maybe-later:hover{text-decoration:underline}.guest-footer{background:#ffffff1a;border-radius:12px;color:#fff;padding:20px;text-align:center}.guest-footer p{font-size:14px;margin:0 0 12px}.footer-signup-btn{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:transform .2s}.footer-signup-btn:hover{transform:translateY(-2px)}.error-state,.loading-state{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:48px;margin-bottom:16px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.error-icon{height:64px;margin-bottom:16px;width:64px}.error-state h2{font-size:24px;margin:0 0 8px}.error-state p{font-size:16px;margin:0 0 20px;opacity:.9}.retry-btn{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:transform .2s}.retry-btn:hover{transform:translateY(-2px)}@media (max-width:768px){.guest-app-header{padding:12px 16px}.brand-icon{height:28px;width:28px}.brand-name{font-size:16px}.guest-header-card{padding:16px}.collection-icon{font-size:24px;height:48px;width:48px}.collection-info h1{font-size:18px}.guest-menu-bar{padding:10px 16px;top:53px}.items-count{font-size:14px}.add-item-btn{font-size:13px;padding:8px 12px}.add-item-form-container{padding:16px}.add-item-form{grid-template-columns:1fr}.signup-prompt{padding:24px}.signup-actions{flex-direction:column}}
/*# sourceMappingURL=main.888101b4.css.map*/