body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--font-serif:"Iowan Old Style","Apple Garamond",Baskerville,"Times New Roman","Droid Serif",Times,"Source Serif Pro",serif,"Apple Color Emoji","Segoe UI Emoji";--c-bg:#f5f5f7;--c-text:#1d1d1f;--c-card-bg:#fff;--c-primary:#007aff;--c-primary-text:#fff;--c-primary-rgb:0,122,255;--c-subtle:#e5e5e5;--c-danger:#ff3b30;--c-danger-rgb:255,59,48;--c-accent:#34c759;--c-accent-text:#fff;--c-accent-rgb:52,199,89;--c-shadow:#0000000d}[data-theme=dark]{--c-bg:#121212;--c-text:#e1e1e1;--c-card-bg:#1e1e1e;--c-primary:#0a84ff;--c-primary-text:#fff;--c-primary-rgb:10,132,255;--c-subtle:#2c2c2e;--c-danger:#ff453a;--c-danger-rgb:255,69,58;--c-accent:#30d158;--c-accent-text:#fff;--c-accent-rgb:48,209,88;--c-shadow:#ffffff0d}body{background-color:#f5f5f7;background-color:var(--c-bg);color:#1d1d1f;color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-family:var(--font-sans);margin:0;transition:background-color .2s,color .2s}.App{margin:0 auto;max-width:640px;padding:2rem 1rem}.app-header{background-color:#fff;background-color:var(--c-card-bg);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--c-subtle);border-radius:12px;box-shadow:0 2px 5px #0000000d;box-shadow:0 2px 5px var(--c-shadow);flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem;padding:.5rem 1rem;position:relative}.app-header,.header-title{align-items:center;display:flex;gap:.5rem}.back-button{margin-right:.5rem}.share-button{margin-left:.5rem}.version-number{font-size:.7rem;font-weight:400;opacity:.5}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.logout-button{background:#e5e5e5;background:var(--c-subtle);color:#1d1d1f;color:var(--c-text);font-size:.9rem;padding:8px 12px}.item-form,.list-form{display:flex;gap:10px;margin-bottom:2rem}input[type=email],input[type=password],input[type=text]{background-color:#fff;background-color:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:12px;box-shadow:0 2px 5px #0000000d;box-shadow:0 2px 5px var(--c-shadow);color:#1d1d1f;color:var(--c-text);flex-grow:1;font-size:1rem;padding:12px 15px;transition:all .2s}input:focus{border-color:#007aff;border-color:var(--c-primary);box-shadow:0 0 0 3px #fff,0 0 0 4px #007aff;box-shadow:0 0 0 3px var(--c-primary-text),0 0 0 4px var(--c-primary);outline:none}button{border:none;border-radius:12px;box-shadow:0 2px 5px #0000000d;box-shadow:0 2px 5px var(--c-shadow);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .2s}.primary-button{background-color:#007aff;background-color:var(--c-primary);color:#fff;color:var(--c-primary-text)}.primary-button:hover{transform:translateY(-1px)}.icon-button{background:none;box-shadow:none;color:#1d1d1f;color:var(--c-text);font-size:1.2rem;opacity:.5;padding:8px}.icon-button:hover{opacity:1}.items-container,.lists-container{display:flex;flex-direction:column;gap:12px}.list-item,.list-link{align-items:center;background-color:#fff;background-color:var(--c-card-bg);border-radius:12px;box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--c-shadow);display:flex;justify-content:space-between;padding:1rem}.list-link{cursor:pointer;transition:all .2s}.list-link:hover{box-shadow:0 6px 15px #0000000d;box-shadow:0 6px 15px var(--c-shadow);transform:translateY(-2px)}.list-content{display:flex;flex-direction:column;flex-grow:1;gap:8px}.list-name{font-size:1rem;font-weight:500}.list-tags{display:flex;flex-wrap:wrap;gap:6px}.list-item-content{cursor:pointer;display:flex;flex-direction:column;flex-grow:1;gap:8px}.list-item-main{align-items:flex-start;display:flex;gap:12px}.list-item-text{display:flex;flex-direction:column;flex-grow:1;gap:8px}.list-item-name{color:#1d1d1f;color:var(--c-text);font-weight:600}.inline-translation{color:#1d1d1f;color:var(--c-text);font-style:italic;font-weight:400;opacity:.7}.inline-translations{display:inline}.inline-translations .inline-translation:not(:first-child){margin-left:0}.list-item-properties{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sort-option.property-option{border-left:3px solid #007aff;border-left:3px solid var(--c-primary);padding-left:12px}.list-item.completed .list-item-content{opacity:.5;text-decoration:line-through}.delete-button{background-color:#ff3b30;background-color:var(--c-danger);border-radius:50%;color:#fff;font-size:.8rem;height:32px;margin-left:12px;opacity:.5;padding:0;width:32px}.list-item:hover .delete-button{opacity:1}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0;position:relative}.list-controls-left,.list-controls-right{align-items:center;display:flex;gap:10px}.translation-controls{align-items:center;display:flex;gap:4px;margin-left:8px}.header-controls .translation-controls{margin-left:0}.translation-controls .icon-button{background-color:#fff;background-color:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:8px;font-size:1rem;padding:6px;transition:all .2s}.translation-controls .icon-button:hover{background-color:#007aff;background-color:var(--c-primary);transform:scale(1.1)}.translation-controls .icon-button.active{background-color:#007aff;background-color:var(--c-primary);box-shadow:0 2px 8px #007aff;box-shadow:0 2px 8px var(--c-primary);color:#fff;color:var(--c-primary-text)}.sharing-controls{align-items:center;margin-left:8px}.sharing-controls,.visibility-controls{display:flex;gap:8px}.visibility-toggle{align-items:center;cursor:pointer;display:flex;font-size:.85rem;gap:4px}.visibility-toggle input[type=checkbox]{margin:0}.visibility-toggle span{white-space:nowrap}.ai-controls{gap:10px}.custom-prompt-btn-header{align-items:center;background-color:#fff;background-color:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:50%;bottom:8px;color:#1d1d1f;color:var(--c-text);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:8px;transition:all .2s;width:32px;z-index:10}.custom-prompt-btn-header:hover{background-color:#007aff;background-color:var(--c-primary);color:#fff;color:var(--c-primary-text);transform:scale(1.1)}select{background-color:#fff;background-color:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:12px;box-shadow:0 2px 5px #0000000d;box-shadow:0 2px 5px var(--c-shadow);color:#1d1d1f;color:var(--c-text);font-size:1rem;padding:12px 15px;transition:all .2s}.ai-sort-button,.sort-button{background:#e5e5e5;background:var(--c-subtle);color:#1d1d1f;color:var(--c-text);font-size:.9rem;padding:8px 12px}.ai-sort-button,.sort-button,.sort-controls{align-items:center;display:flex;gap:8px}.az-toggle-button{align-items:center;background-color:#fff;background-color:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:6px;color:#1d1d1f;color:var(--c-text);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:8px;transition:all .2s;width:40px}.az-toggle-button:hover{background-color:#007aff;background-color:var(--c-primary);color:#fff;color:var(--c-primary-text);transform:translateY(-1px)}.az-toggle-button.active{border-color:#007aff;border-color:var(--c-primary)}.az-toggle-button.active,.completed-last-toggle-button{background-color:#fff;background-color:var(--c-card-bg);color:#1d1d1f;color:var(--c-text)}.completed-last-toggle-button{align-items:center;border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:6px;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:8px;transition:all .2s;width:40px}.completed-last-toggle-button:hover{background-color:#007aff;background-color:var(--c-primary);color:#fff;color:var(--c-primary-text);transform:translateY(-1px)}.completed-last-toggle-button.active{background-color:#fff;background-color:var(--c-card-bg);border-color:#007aff;border-color:var(--c-primary);color:#1d1d1f;color:var(--c-text)}.sort-dropdown{display:inline-block;position:relative}.sort-dropdown-content{background-color:#fff;background-color:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:12px;box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--c-shadow);min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.sort-option{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--c-subtle);cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:12px 15px;transition:background-color .15s}.sort-option:last-child{border-bottom:none}.sort-option:hover{background-color:#e5e5e5;background-color:var(--c-subtle)}.sort-option.ai-option{font-style:italic;opacity:.8}.autocomplete-container{flex:1 1;position:relative}.autocomplete-container input{box-sizing:border-box;width:100%}.suggestions-dropdown{background-color:#fff;background-color:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:0 0 12px 12px;border-top:none;box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--c-shadow);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--c-subtle);cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px;transition:background-color .15s}.suggestion-item:last-child{border-bottom:none}.suggestion-item.selected,.suggestion-item:hover{background-color:#e5e5e5;background-color:var(--c-subtle)}.suggestion-item.selected{background-color:#007aff;background-color:var(--c-primary);color:#fff;color:var(--c-primary-text)}.suggestion-text{flex:1 1;pointer-events:none}.suggestion-delete-btn{align-items:center;background:none;border:none;border-radius:50%;color:#1d1d1f;color:var(--c-text);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;margin-left:8px;opacity:.6;transition:all .15s;width:24px}.suggestion-delete-btn:hover{background-color:#ff3b30;background-color:var(--c-danger);color:#fff;opacity:1;transform:scale(1.1)}.suggestion-item.selected .suggestion-delete-btn{color:#fff;color:var(--c-primary-text)}.suggestion-item.selected .suggestion-delete-btn:hover{background-color:#fff3;color:#fff;color:var(--c-primary-text)}.item-fade-in{animation:fadeInItem .2s ease-out}@keyframes fadeInItem{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.share-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.permission-select,.share-emails-input{background-color:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;box-sizing:border-box;color:#1d1d1f;color:var(--c-text);font-size:.95rem;padding:12px;width:100%}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.secondary-button{background-color:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;color:#1d1d1f;color:var(--c-text);cursor:pointer;font-size:.95rem;padding:10px 20px;transition:all .2s}.secondary-button:hover{background-color:#e5e5e5;background-color:var(--c-subtle)}.share-link-container{align-items:center;display:flex;gap:8px}.share-link-input{background-color:#e5e5e5;background-color:var(--c-subtle);box-sizing:border-box;color:#1d1d1f;color:var(--c-text);cursor:text;flex:1 1;font-family:monospace;font-size:.9rem;padding:12px}.copy-link-btn,.share-link-input{border:1px solid var(--c-border);border-radius:8px}.copy-link-btn{align-items:center;background-color:#007aff;background-color:var(--c-primary);color:#fff;color:var(--c-primary-text);cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-width:48px;padding:12px 16px;transition:all .2s;white-space:nowrap}.copy-link-btn:hover{background-color:var(--c-primary-hover);transform:scale(1.05)}.copy-link-btn.copied{background-color:var(--c-success);color:#fff}.share-link-note{color:var(--c-text-secondary);font-size:.85rem;font-style:italic;margin:8px 0 0}.share-settings{display:flex;flex-direction:column;gap:12px}.share-block{background-color:var(--c-surface);border:2px solid var(--c-border);border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .2s ease}.share-block:hover{background-color:#e5e5e5;background-color:var(--c-subtle)}.share-block.selected,.share-block:hover{border-color:#007aff;border-color:var(--c-primary)}.share-block.selected{color:#fff;color:var(--c-primary-text)}.share-block.selected,.share-block.selected:hover{background-color:#007aff;background-color:var(--c-primary)}.share-block.selected:hover{opacity:.9}.share-block-content{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.share-block-icon{font-size:2rem;margin-bottom:4px}.share-block-title{color:inherit;font-size:1.1rem;font-weight:600}.share-block-subtitle{color:inherit;font-size:.85rem;opacity:.8}.form-actions .primary-button:disabled{background-color:#e5e5e5;background-color:var(--c-subtle);color:var(--c-text-secondary);cursor:not-allowed;opacity:.5}.form-actions .primary-button:disabled:hover{transform:none}.auth-container{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:400px;padding:40px 20px}.share-invitation{background-color:#fff;background-color:var(--c-card-bg);border:2px solid #007aff;border:2px solid var(--c-primary);border-radius:16px;box-shadow:0 8px 20px #0000000d;box-shadow:0 8px 20px var(--c-shadow);padding:30px;text-align:center}.invitation-icon{font-size:3rem;margin-bottom:16px}.share-invitation h2{color:#1d1d1f;color:var(--c-text);font-size:1.5rem;font-weight:600;margin:0 0 16px}.invitation-message{color:#1d1d1f;color:var(--c-text);font-size:1.1rem;line-height:1.4;margin:0 0 12px}.invitation-access{color:var(--c-text-secondary);font-size:.9rem;font-style:italic;margin:0}.auth-form{background-color:#fff;background-color:var(--c-card-bg);border-radius:16px;box-shadow:0 8px 20px #0000000d;box-shadow:0 8px 20px var(--c-shadow);padding:30px}.auth-form h3{color:#1d1d1f;color:var(--c-text);font-size:1.3rem;font-weight:600;margin:0 0 24px;text-align:center}.auth-form form{display:flex;flex-direction:column;gap:16px}.auth-form button,.auth-form input{margin:0}.error-message{background-color:#ff3b30;background-color:var(--c-danger)}.error-message,.success-message{border-radius:8px;color:#fff;font-size:.9rem;padding:12px 16px;text-align:center}.success-message{background-color:#34c759}.dashboard-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--c-subtle);margin-top:2rem;padding-top:1rem;text-align:center}.account-settings-link{background:none;border:none;border-radius:8px;color:#007aff;color:var(--c-primary);cursor:pointer;font-family:inherit;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.account-settings-link:hover{background-color:#e5e5e5;background-color:var(--c-subtle)}.account-settings{margin:0 auto;max-width:600px}.account-settings-header{align-items:center;background-color:#fff;background-color:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.account-settings-header h2{font-size:1.5rem;font-weight:600;margin:0}.settings-section{background-color:#fff;background-color:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.settings-section h3{color:#1d1d1f;color:var(--c-text);font-size:1.2rem;font-weight:600;margin:0 0 1.5rem}.settings-form{gap:1rem}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#1d1d1f;font-size:.9rem}.form-group input{background-color:#fff;background-color:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:8px;color:#1d1d1f;color:var(--c-text);font-family:inherit;font-size:1rem;padding:12px 16px;transition:border-color .2s}.form-group input:focus{border-color:#007aff;border-color:var(--c-primary);outline:none}.form-group input:disabled{background-color:#e5e5e5;background-color:var(--c-subtle);color:#999;cursor:not-allowed}.custom-prompt-btn{align-items:center;background:#e5e5e5;background:var(--c-subtle);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:8px;color:#1d1d1f;color:var(--c-text);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.custom-prompt-btn:hover{background:#007aff;background:var(--c-primary);color:#fff;color:var(--c-primary-text);transform:scale(1.05)}.modal-overlay{background-color:#00000080;bottom:0;right:0}.modal-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000000d;box-shadow:0 8px 32px var(--c-shadow);max-height:80vh;max-width:600px;width:90%}.modal-header{border-bottom:1px solid #e5e5e5;padding:20px 24px}.modal-header h3{color:#1d1d1f;font-size:1.25rem}.modal-close{border-radius:4px;color:#1d1d1f;padding:4px}.modal-close:hover{background-color:#e5e5e5;background-color:var(--c-subtle)}.modal-body{padding:24px}.modal-description{color:#1d1d1f;color:var(--c-text);line-height:1.5;margin-bottom:24px;opacity:.8}.ai-provider-section{background-color:#fff;background-color:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:8px;margin-bottom:24px;padding:16px}.ai-provider-section label{color:#1d1d1f;color:var(--c-text);display:block;font-weight:600;margin-bottom:8px}.ai-provider-section select{background-color:#f5f5f7;background-color:var(--c-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:6px;color:#1d1d1f;color:var(--c-text);font-size:.9rem;padding:12px;transition:border-color .2s;width:100%}.ai-provider-section select:focus{border-color:#007aff;border-color:var(--c-primary);box-shadow:0 0 0 2px #007aff33;box-shadow:0 0 0 2px rgba(var(--c-primary-rgb),.2);outline:none}.prompt-input-section{margin-bottom:24px}.prompt-input-section label{color:#1d1d1f;color:var(--c-text);display:block;font-weight:500;margin-bottom:8px}.prompt-input-section textarea{background:#fff;background:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:8px;box-sizing:border-box;color:#1d1d1f;color:var(--c-text);font-family:inherit;font-size:.9rem;min-height:80px;padding:12px;resize:vertical;width:100%}.prompt-input-section textarea:focus{border-color:#007aff;border-color:var(--c-primary);box-shadow:0 0 0 2px #007aff33;box-shadow:0 0 0 2px rgba(var(--c-primary-rgb),.2);outline:none}.add-prompt-btn{background:#007aff;background:var(--c-primary);border:none;border-radius:8px;color:#fff;color:var(--c-primary-text);cursor:pointer;font-size:.9rem;font-weight:500;margin-top:8px;padding:8px 16px;transition:all .2s ease}.add-prompt-btn:hover:not(:disabled){box-shadow:0 4px 12px #007aff4d;box-shadow:0 4px 12px rgba(var(--c-primary-rgb),.3);transform:translateY(-1px)}.add-prompt-btn:disabled{cursor:not-allowed;opacity:.5}.prompts-list h4{font-size:1rem;font-weight:600;margin:0 0 16px}.no-prompts,.prompts-list h4{color:#1d1d1f;color:var(--c-text)}.no-prompts{font-style:italic;margin:.5rem 0;opacity:.6}.no-items-warning{background-color:#ff3b301a;background-color:rgba(var(--c-danger-rgb),.1);border-left:3px solid #ff3b30;border-left:3px solid var(--c-danger);border-radius:6px;color:#ff3b30;color:var(--c-danger);font-size:.9rem;margin:.5rem 0;padding:.5rem}.prompts-container{display:flex;flex-direction:column;gap:8px}.prompt-item{align-items:center;background:#e5e5e5;background:var(--c-subtle);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:8px;display:flex;justify-content:space-between;padding:12px}.prompt-text{color:#1d1d1f;color:var(--c-text);flex:1 1;font-size:.9rem;line-height:1.4}.remove-prompt-btn{align-items:center;background:#ff3b30;background:var(--c-danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;margin-left:12px;transition:all .2s ease;width:24px}.remove-prompt-btn:hover{box-shadow:0 2px 8px #ff3b304d;box-shadow:0 2px 8px rgba(var(--c-danger-rgb),.3);transform:scale(1.1)}.modal-footer{background:#fff;background:var(--c-card-bg);border-top:1px solid #e5e5e5;gap:12px;padding:20px 24px}.modal-footer .secondary-button{background:#e5e5e5;background:var(--c-subtle);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:8px;color:#1d1d1f;color:var(--c-text);cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s ease}.modal-footer .secondary-button:hover{background:#1d1d1f;background:var(--c-text);color:#fff;color:var(--c-card-bg)}.modal-footer .primary-button{background:#007aff;background:var(--c-primary);border:none;border-radius:8px;color:#fff;color:var(--c-primary-text);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-footer .primary-button:hover{box-shadow:0 4px 12px #007aff4d;box-shadow:0 4px 12px rgba(var(--c-primary-rgb),.3);transform:translateY(-1px)}.modal-footer .process-button{background:#34c759;background:var(--c-accent);border:none;border-radius:8px;color:#fff;color:var(--c-accent-text);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-footer .process-button:hover:not(:disabled){box-shadow:0 4px 12px #34c7594d;box-shadow:0 4px 12px rgba(var(--c-accent-rgb),.3);transform:translateY(-1px)}.modal-footer .process-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.ai-controls{align-items:center;display:flex;gap:8px}.ai-controls select{background:#fff;background:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--c-shadow);color:#1d1d1f;color:var(--c-text);font-size:.9rem;padding:8px 12px;transition:all .2s}.ai-controls select:focus{border-color:#007aff;border-color:var(--c-primary);box-shadow:0 0 0 2px #007aff33;box-shadow:0 0 0 2px rgba(var(--c-primary-rgb),.2);outline:none}.input-with-camera{align-items:center;display:flex;position:relative;width:100%}.input-with-camera input{flex:1 1;padding-right:90px}.camera-button-inside{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:1}.camera-button-inside:hover{transform:translateY(-50%) scale(1.1)}.camera-button-inside:active{transform:translateY(-50%) scale(.95)}.microphone-button-inside{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;position:absolute;right:50px;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:1}.microphone-button-inside:hover{transform:translateY(-50%) scale(1.1)}.microphone-button-inside:active{transform:translateY(-50%) scale(.95)}.microphone-button-inside.recording{animation:pulse 1.5s infinite}.microphone-button-inside.recording img{filter:brightness(1.2) saturate(1.5)}@keyframes pulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}to{transform:translateY(-50%) scale(1)}}.photo-button{background:#34c759;background:var(--c-accent);border:none;border-radius:8px;color:#fff;color:var(--c-accent-text);cursor:pointer;font-size:1.2rem;margin-left:8px;padding:10px 16px;transition:all .2s ease}.photo-button:hover{box-shadow:0 4px 12px #34c7594d;box-shadow:0 4px 12px rgba(var(--c-accent-rgb),.3);transform:translateY(-1px)}.photo-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.photo-modal-content{max-width:600px;padding:20px;width:100%}.photo-capture-modal{height:auto;max-height:90vh;max-width:90vw;width:auto}.photo-capture-content{align-items:center;display:flex;justify-content:center;max-height:70vh;overflow:auto;padding:20px}@media (max-width:768px){.photo-modal-content{padding:16px}.photo-capture-modal,.photo-modal-content{height:auto;max-height:90vh;max-width:95vw;width:auto}.photo-capture-content{max-height:60vh;padding:16px}.modal-overlay{align-items:center}.modal-body{overflow-y:auto;padding:16px}.modal-header{padding:12px 16px}.modal-header h3{font-size:1.1rem}}.photo-capture{height:100%}.camera-view,.photo-capture{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.camera-view,.photo-preview{flex:1 1}@media (max-width:768px){.photo-capture{gap:16px;height:100%}.camera-view,.photo-preview{gap:16px;width:100%}}.camera-video{box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--c-shadow)}.camera-video,.preview-image{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}@media (max-width:768px){.camera-video,.preview-image{max-height:100%;object-fit:contain}}.camera-controls{display:flex;gap:12px}.camera-controls,.preview-controls{border-top:1px solid #e5e5e5;border-top:1px solid var(--c-subtle);justify-content:center;padding:20px;width:100%}@media (max-width:768px){.camera-controls,.preview-controls{gap:12px;padding:16px}.analyze-button,.cancel-button,.capture-button,.retake-button{-webkit-tap-highlight-color:transparent;font-size:1rem;min-height:44px;min-width:100px;padding:12px 20px;touch-action:manipulation}}.capture-button{background:#007aff;background:var(--c-primary);border:none;border-radius:8px;color:#fff;color:var(--c-primary-text);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.capture-button:hover:not(:disabled){box-shadow:0 4px 12px #007aff4d;box-shadow:0 4px 12px rgba(var(--c-primary-rgb),.3);transform:translateY(-1px)}.capture-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.cancel-button{background:#e5e5e5;background:var(--c-subtle);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:8px;color:#1d1d1f;color:var(--c-text);cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s ease}.cancel-button:hover{background:#1d1d1f;background:var(--c-text);color:#fff;color:var(--c-card-bg)}.photo-preview{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.preview-image{border-radius:12px;box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--c-shadow);height:auto;max-width:500px;width:100%}.preview-controls{align-items:center;display:flex;gap:12px}.retake-button{background:#e5e5e5;background:var(--c-subtle);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:8px;color:#1d1d1f;color:var(--c-text);cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s ease}.retake-button:hover{background:#1d1d1f;background:var(--c-text);color:#fff;color:var(--c-card-bg)}.analyze-button{background:#34c759;background:var(--c-accent);border:none;border-radius:8px;color:#fff;color:var(--c-accent-text);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.analyze-button:hover:not(:disabled){box-shadow:0 4px 12px #34c7594d;box-shadow:0 4px 12px rgba(var(--c-accent-rgb),.3);transform:translateY(-1px)}.analyze-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.list-item-actions{align-items:center;display:flex;gap:8px}.image-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:all .2s ease}.image-button:hover{transform:scale(1.1)}.item-thumbnail{border:2px solid #e5e5e5;border:2px solid var(--c-subtle);border-radius:6px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.item-thumbnail:hover{border-color:#34c759;border-color:var(--c-accent)}.image-error-placeholder{background-color:#ffebee!important;border:2px dashed #f44336!important;color:#f44336!important}.image-error-placeholder:hover{background-color:#ffcdd2!important;border-color:#d32f2f!important}.image-viewer-modal{height:auto;max-height:90vh;max-width:90vw;width:auto}.image-viewer-content{align-items:center;display:flex;justify-content:center;max-height:70vh;overflow:auto;padding:20px}.full-size-image{border-radius:8px;box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--c-shadow);max-height:100%;max-width:100%;object-fit:contain}.image-viewer-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--c-subtle);display:flex;gap:12px;justify-content:center;padding:20px}.remove-image-button{background:#e5e5e5;background:var(--c-subtle);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:8px;color:#1d1d1f;color:var(--c-text);cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s ease}.remove-image-button:hover{background:#1d1d1f;background:var(--c-text);color:#fff;color:var(--c-card-bg)}.retake-image-button{background:#34c759;background:var(--c-accent);border:none;border-radius:8px;color:#fff;color:var(--c-accent-text);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.retake-image-button:hover{box-shadow:0 4px 12px #34c7594d;box-shadow:0 4px 12px rgba(var(--c-accent-rgb),.3);transform:translateY(-1px)}.ai-status-notification{align-items:center;animation:slideDown .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;left:50%;max-width:90%;padding:12px 20px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.ai-status-notification.success{background-color:#34c759;background-color:var(--c-accent);border:1px solid #34c7594d;color:#fff;color:var(--c-accent-text)}.ai-status-notification.warning{background-color:#ff9500;border:1px solid #ff95004d;color:#fff}.notification-close{align-items:center;border-radius:50%;color:inherit;display:flex;height:20px;justify-content:center;transition:background-color .2s;width:20px}.notification-close:hover{background-color:#fff3}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.ai-status-indicator{align-items:center;background-color:#fff;background-color:var(--c-card-bg);border:1px solid #e5e5e5;border:1px solid var(--c-subtle);border-radius:6px;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.ai-status-indicator.enabled{background-color:#34c7591a;border-color:#34c759;border-color:var(--c-accent)}.ai-status-indicator.disabled{background-color:#e5e5e5;background-color:var(--c-subtle);border-color:#e5e5e5;border-color:var(--c-subtle);opacity:.7}.ai-status-icon{font-size:1.2rem}.ai-status-text{font-size:.9rem;font-weight:500}.ai-status-indicator.enabled .ai-status-text{color:#34c759;color:var(--c-accent)}.ai-status-indicator.disabled .ai-status-text{color:#1d1d1f;color:var(--c-text);opacity:.7}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content,.modal-content-small{background:var(--c-card-bg);border-radius:12px;box-shadow:0 10px 25px var(--c-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;padding:0}.modal-content-small{width:400px}.modal-content-large{background:var(--c-card-bg);border-radius:12px;box-shadow:0 10px 25px var(--c-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;padding:0;width:600px}.modal-header{align-items:center;border-bottom:1px solid var(--c-subtle);display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-header h3{color:var(--c-text);font-size:1.1rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--c-text);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.modal-close:hover{background:var(--c-subtle)}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{background:var(--c-bg);border-top:1px solid var(--c-subtle);display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem}.property-tag{align-items:center;background:var(--c-subtle);border-radius:12px;color:var(--c-text);display:inline-flex;font-size:.75rem;font-weight:500;margin:2px;padding:2px 8px;transition:all .2s}.property-tag.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.property-tag.clickable:hover{background:var(--c-primary);color:var(--c-primary-text);transform:translateY(-1px)}.property-tag.qty{background:rgba(var(--c-accent-rgb),.1);border:1px solid rgba(var(--c-accent-rgb),.2);color:var(--c-accent)}.property-tag.department{background:rgba(var(--c-primary-rgb),.1);border:1px solid rgba(var(--c-primary-rgb),.2);color:var(--c-primary)}.property-tag.category{background:#ffc1071a;border:1px solid #ffc10733;color:#f57c00}.property-tag.priority{background:rgba(var(--c-danger-rgb),.1);border:1px solid rgba(var(--c-danger-rgb),.2);color:var(--c-danger)}.property-tag.language{background:#9c27b01a;border:1px solid #9c27b033;color:#9c27b0}.property-tag.date{background:#4caf501a;border:1px solid #4caf5033;color:#4caf50}.property-tag.tag{background:#9e9e9e1a;border:1px solid #9e9e9e33;color:#9e9e9e}.property-tag.shared{background:#2196f31a;border:1px solid #2196f333;color:#2196f3}.property-tag.public{background:#ff98001a;border:1px solid #ff980033;color:#ff9800}[data-theme=dark] .property-tag.qty{background:rgba(var(--c-accent-rgb),.2);border-color:rgba(var(--c-accent-rgb),.3)}[data-theme=dark] .property-tag.department{background:rgba(var(--c-primary-rgb),.2);border-color:rgba(var(--c-primary-rgb),.3)}[data-theme=dark] .property-tag.category{background:#ffc10733;border-color:#ffc1074d}[data-theme=dark] .property-tag.priority{background:rgba(var(--c-danger-rgb),.2);border-color:rgba(var(--c-danger-rgb),.3)}[data-theme=dark] .property-tag.language{background:#9c27b033;border-color:#9c27b04d}[data-theme=dark] .property-tag.date{background:#4caf5033;border-color:#4caf504d}[data-theme=dark] .property-tag.tag{background:#9e9e9e33;border-color:#9e9e9e4d}[data-theme=dark] .property-tag.shared{background:#2196f333;border-color:#2196f34d}[data-theme=dark] .property-tag.public{background:#ff980033;border-color:#ff98004d}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:8px 16px;transition:all .2s}.btn-primary{background:var(--c-primary);color:var(--c-primary-text)}.btn-primary:hover:not(:disabled){background:var(--c-primary);opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--c-subtle);color:var(--c-text)}.btn-secondary:hover:not(:disabled){background:var(--c-subtle);opacity:.8}.btn-danger{background:var(--c-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--c-danger);opacity:.9}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.form-group{margin-bottom:1rem}.form-group label{color:var(--c-text);display:block;font-weight:500;margin-bottom:.5rem}.form-control{background:var(--c-card-bg);border:1px solid var(--c-subtle);border-radius:8px;color:var(--c-text);font-size:.9rem;padding:8px 12px;transition:border-color .2s;width:100%}.form-control:focus{border-color:var(--c-primary);box-shadow:0 0 0 2px rgba(var(--c-primary-rgb),.1);outline:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-size:14px;justify-content:space-between;max-width:400px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:1000}.notification-content{align-items:center;display:flex;flex:1 1;gap:8px}.notification-icon{font-size:16px}.notification-message{flex:1 1;line-height:1.4}.notification-close{background:none;border:none;cursor:pointer;font-size:18px;margin-left:8px;opacity:.7;padding:0;transition:opacity .2s}.notification-close:hover{opacity:1}.notification-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.notification-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.notification-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.notification-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (prefers-color-scheme:dark){.notification-warning{background-color:#3d2c02;border:1px solid #ffb300;color:#ffd54f}.notification-error{background-color:#3d1b1b;border:1px solid #f44336;color:#ffcdd2}.notification-success{background-color:#1b3d1b;border:1px solid #4caf50;color:#c8e6c9}.notification-info{background-color:#1b3d3d;border:1px solid #00bcd4;color:#b2ebf2}}
/*# sourceMappingURL=main.c50b7e2d.css.map*/