@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Work+Sans:wght@300;400;500;600;700;800&display=swap";body{font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body,.app,.messages-area,.message-text,.message-content-wrapper{-webkit-user-select:text;user-select:text}:root{--bg-primary-light: #f8f9fa;--bg-secondary-light: #ffffff;--bg-tertiary-light: #f1f3f4;--text-primary-light: #3c4043;--text-secondary-light: #5f6368;--border-light: #e8eaed;--hover-light: #f1f3f4;--accent-light: #004f9d;--font-pixel: "Press Start 2P", cursive;--bg-primary-dark: #181818;--bg-secondary-dark: #212121;--bg-tertiary-dark: #303030;--text-primary-dark: #e3e3e3;--text-secondary-dark: #9aa0a6;--border-dark: #3c4043;--hover-dark: #2a2a2a;--accent-dark: #004f9d}.app.light{--bg-primary: var(--bg-primary-light);--bg-secondary: var(--bg-secondary-light);--bg-tertiary: var(--bg-tertiary-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--border-color: var(--border-light);--hover-bg: var(--hover-light);--accent-color: var(--accent-light)}.app.dark{--bg-primary: var(--bg-primary-dark);--bg-secondary: var(--bg-secondary-dark);--bg-tertiary: var(--bg-tertiary-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--border-color: var(--border-dark);--hover-bg: var(--hover-dark);--accent-color: var(--accent-dark)}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg-primary)}.app-body{display:flex;flex-direction:row;flex:1;overflow:hidden;margin-left:72px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app.sidebar-open .app-body{margin-left:280px}.top-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0;background:var(--bg-secondary);height:64px;z-index:1000}.top-header:after{content:"";position:absolute;left:72px;right:0;bottom:0;height:1px;background:#ffffff14;transition:left .3s cubic-bezier(.4,0,.2,1)}.app.sidebar-open .top-header:after{left:280px}.header-left-section{display:flex;align-items:center;height:100%}.header-toggle-container{width:72px;height:100%;display:flex;align-items:center;padding-left:12px;transition:width .3s cubic-bezier(.4,0,.2,1);background:var(--bg-primary)}.app.sidebar-open .header-toggle-container{width:280px}.app.password-manager-open .header-toggle-container,.app.ledger-open .header-toggle-container{transition:none}.header-toggle-btn{padding:10px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;height:50px;width:50px;box-sizing:border-box;position:relative;flex-shrink:0}.header-toggle-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.model-dropdown-container{position:relative;display:flex;align-items:center;margin-left:8px}.model-selector-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease;color:var(--text-primary)}.model-selector-btn:hover{background:#303030}.app.light .model-selector-btn:hover{background:#e8eaed}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);text-transform:uppercase;line-height:1.6}.brand-name{font-size:17px;font-weight:600;color:var(--text-primary);letter-spacing:0;font-family:var(--font-pixel);position:relative;text-rendering:optimizeLegibility}.brand-name:after{content:"";display:inline-block;width:6px;height:6px;margin-top:4px;margin-left:3px;border-radius:0%;background:#34a853;animation:brandBlink 2.5s steps(2,start) infinite;vertical-align:middle;box-shadow:0 0 4px #34a85399}@keyframes brandBlink{0%,45%{opacity:1}50%,to{opacity:0}}.brand-vault{font-size:17px;font-weight:600;color:#4c9aff;letter-spacing:0;font-family:var(--font-pixel);margin-left:10px;text-rendering:optimizeLegibility}.dropdown-arrow{color:var(--text-secondary);transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.model-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:240px;background:#353535;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1000;overflow:hidden}.app.light .model-dropdown-menu{background:#fff;box-shadow:0 4px 20px #0000001a}.app.light .model-option:hover,.app.light .add-model-link-btn:hover{background:#0000000d}.model-dropdown-two-column{min-width:460px}.dropdown-columns{display:flex}.dropdown-column{flex:1;min-width:0}.dropdown-column.models-column{border-right:1px solid var(--border-color)}.dropdown-column .model-dropdown-header{display:flex;padding:10px 16px 6px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.dropdown-column .model-option{height:44px;padding:0 16px}.dropdown-column .model-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-dropdown-header{display:none}.model-option{width:100%;height:48px;padding:0 16px;background:transparent;border:none;text-align:left;cursor:pointer;transition:background .2s ease;display:flex;align-items:center}.model-option:hover{background:#ffffff14}.model-option.selected{background:transparent}.model-option-content{display:flex;align-items:center;justify-content:space-between;width:100%}.model-name{font-size:14px;color:var(--text-primary);font-weight:400}.model-option.selected .model-name{font-weight:500}.model-option svg{color:var(--text-primary);flex-shrink:0}.no-models-message{display:flex;align-items:center;gap:10px;padding:16px;color:var(--text-secondary);font-size:13px;border-bottom:1px solid var(--border-color)}.no-models-message svg{color:var(--text-secondary);opacity:.7}.add-model-divider{height:1px;background:var(--border-color);margin:4px 16px}.add-model-btn{color:var(--text-secondary)}.add-model-btn:hover{color:var(--text-primary)}.add-model-panel{padding:0 16px;height:48px;display:flex;align-items:center;justify-content:center;width:100%}.add-model-input-row{display:flex;gap:8px;align-items:center;width:100%}.add-model-input{flex:1;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s ease}.add-model-input:focus{border-color:var(--accent-color)}.add-model-input::placeholder{color:var(--text-secondary)}.add-model-input:disabled{opacity:.6}.add-model-link-btn,.add-model-submit-btn,.add-model-cancel-btn{padding:6px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.add-model-link-btn:hover{background:#ffffff14;color:#4c9aff;border-color:#4c9aff}.add-model-cancel-btn:hover{background:#e5393526;color:#ff5252;border-color:#ff5252}.add-model-submit-btn:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.add-model-submit-btn:disabled{opacity:.4;cursor:not-allowed}.model-pull-progress{margin-top:12px;position:relative;height:24px;background:var(--bg-secondary);border-radius:12px;overflow:hidden}.model-pull-progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--accent-color),#4c9aff);border-radius:12px;transition:width .3s ease}.model-pull-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:var(--text-primary);white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:1}.model-pull-error{margin-top:8px;padding:8px 12px;background:#e5393526;border:1px solid rgba(229,57,53,.3);border-radius:8px;color:#ff5252;font-size:12px}.model-option-wrapper{position:relative}.model-option-actions{display:flex;align-items:center;gap:8px}.model-delete-btn{padding:6px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.model-option:hover .model-delete-btn{opacity:1}.model-delete-btn:hover{background:#e5393526;color:#ff5252}.model-default-btn{padding:6px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.model-option:hover .model-default-btn{opacity:1}.model-default-btn:hover{background:#ffc10726;color:#ffc107}.model-default-btn.is-default{opacity:1;color:#ffc107}.model-default-btn.is-default:hover{background:#ffc10726}.model-delete-progress{position:relative;height:48px;display:flex;align-items:center;padding:0 16px;overflow:hidden}.model-delete-progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#e539354d,#ff52524d);transition:width .1s ease}.model-delete-status{position:relative;z-index:1;font-size:14px;color:#ff5252}.header-right-actions{display:flex;gap:4px;align-items:center}.header-right-actions{display:flex;gap:4px;align-items:center;height:100%;padding-right:2px}.icon-button{padding:10px;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.icon-button:hover{background:var(--hover-bg);color:var(--text-primary)}.icon-button.highlight-circle{color:#4c9aff;background:#4c9aff1a;box-shadow:0 0 #4c9affb3;animation:pulse-circle 1.5s infinite cubic-bezier(.66,0,0,1);z-index:1002}@keyframes pulse-circle{to{box-shadow:0 0 0 20px #4c9aff00}}.header-ledger-title{font-family:var(--font-pixel);font-size:11px;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;margin-right:8px}.header-divider{width:1px;height:24px;background:var(--border-color);margin:0 16px}.header-password-count{background:var(--accent-color, #004f9d);color:#fff;padding:4px 10px;border-radius:10px;font-size:10px;font-weight:600;margin-right:12px}.app.ledger-open .header-toggle-btn,.app.password-manager-open .header-toggle-btn{filter:blur(1px);opacity:.9;pointer-events:none}.icon-button.ledger-close{color:#e53935}.icon-button.ledger-close:hover{background:#e5393526;color:#ff5252}.icon-button.password-close{color:#4c9aff}.icon-button.password-close:hover{background:#4c9aff26;color:#6bb3ff}.icon-button.extension-close{color:#4caf50}.icon-button.extension-close:hover{background:#4caf5026;color:#66bb6a}.app.both-open .icon-button.password-close.unlocked{position:relative}.app.both-open .icon-button.password-close.unlocked:after{content:"‿";position:absolute;bottom:-4px;left:50%;transform:translate(10px);font-size:24px;color:#fc0;font-weight:700;animation:smilePop .4s ease-out;pointer-events:none}@keyframes smilePop{0%{opacity:0;transform:translate(10px) scale(0)}50%{transform:translate(10px) scale(1.2)}to{opacity:1;transform:translate(10px) scale(1)}}.sidebar{width:72px;background:var(--bg-primary);border-right:none;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);height:calc(100vh - 64px);overflow:hidden;position:fixed;top:64px;left:0;z-index:900}.sidebar.open{width:280px}.sidebar-full-content{position:absolute;width:280px;height:100%;display:flex;flex-direction:column;transform:translate(-208px);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none;opacity:0}.sidebar.open .sidebar-full-content{transform:translate(0);pointer-events:auto;opacity:1}.sidebar-minimized{position:relative;z-index:2;opacity:1;transition:opacity .15s ease}.sidebar.open .sidebar-minimized{opacity:0;pointer-events:none}.tour-content{text-align:left}.tour-title{font-family:var(--font-pixel);font-size:14px;color:var(--text-primary);margin-bottom:12px;letter-spacing:1px;text-transform:none!important}.tour-text{font-family:var(--font-work);font-size:14px;line-height:1.5;color:var(--text-secondary)}.tour-progress-text{font-family:var(--font-pixel);font-size:10px;color:#666;margin-top:8px;text-align:right;opacity:.8;margin-right:-9px;margin-bottom:-30px}.sidebar-top-section{display:none}.sidebar-toggle-btn{padding:12px;margin:-8px 0 0;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.sidebar-toggle-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.sidebar-minimized{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:16px 0 0 12px;gap:8px;width:100%}.sidebar-mini-btn{padding:12px;margin:-8px 0 0;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.sidebar-mini-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.sidebar-mini-btn:first-child{border-bottom:none;margin-bottom:8px;border-radius:8px}.sidebar-header{padding:12px 16px;border-bottom:none;display:flex;flex-direction:column;gap:10px}.model-selector-sidebar{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.model-selector-sidebar:hover{background:var(--hover-bg)}.model-selector-sidebar:focus{border-color:var(--accent-color)}.new-chat-btn{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;background:#333;color:#e3e3e3;border:1px solid rgba(255,255,255,.05);border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:0}.new-chat-btn:hover{background:#404040;border-color:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.app.light .new-chat-btn{background:#e8eaed;color:#3c4043;border-color:#00000014}.app.light .new-chat-btn:hover{background:#d9dbde;border-color:#0000001f;box-shadow:0 4px 12px #0000001a}.create-folder-btn,.confirm-folder-btn,.cancel-folder-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.sidebar-btn-row{display:flex;gap:8px;width:100%}.create-folder-btn{flex:1}.create-folder-btn.compact{flex:1;padding:0;height:40px;border-radius:12px}.create-folder-btn:hover{background:var(--hover-bg)}.reload-backend-btn{display:flex;align-items:center;justify-content:center;padding:0;height:40px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;flex:1}.reload-backend-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:#fff3}.reload-backend-btn:disabled{opacity:.6;cursor:not-allowed}.reload-backend-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.folder-creation-mode{display:flex;gap:8px;width:100%}.confirm-folder-btn{flex:1;padding:10px;background:#303030;border-color:#303030;color:#fff}.confirm-folder-btn:hover:not(:disabled){background:#404040}.confirm-folder-btn:disabled{opacity:.5;cursor:not-allowed}.folder-count-badge{position:absolute;top:-4px;right:-4px;background:#fff;color:var(--accent-color);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid var(--accent-color)}.cancel-folder-btn{width:auto;padding:10px}.cancel-folder-btn:hover{background:#f443361a;color:#f44336;border-color:#f44336}.chat-checkbox{width:18px;height:18px;margin-right:8px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);position:relative;transition:all .2s ease;flex-shrink:0}.chat-checkbox:hover{border-color:#606060}.chat-checkbox:checked{background:#004f9d;border-color:#004f9d}.chat-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.chat-item.selected{background:#5050504d;border-left:3px solid #606060}.folder-creation-hint{padding:12px 16px;background:#50505033;border-radius:8px;color:var(--text-secondary);font-size:13px;text-align:center;margin-bottom:12px;border:1px solid rgba(80,80,80,.3)}.sidebar-section{flex:1;overflow-y:auto;padding:0 8px 8px}.sidebar-section.documents-section{flex:none;margin:10px 8px 8px;padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px}.sidebar-section::-webkit-scrollbar{width:8px}.sidebar-section::-webkit-scrollbar-track{background:transparent}.sidebar-section::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.sidebar-section::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sidebar-section-title{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 40px;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative}.sidebar-section-title>svg:first-child{position:absolute;left:11px}.add-document-btn{position:absolute;right:8.5px;padding:4px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-document-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.sidebar-section:first-of-type .sidebar-section-title{display:none!important}.sidebar-section:nth-child(2) .sidebar-section-title{display:none!important}.chats-list{display:flex;flex-direction:column;gap:2px}.chat-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;min-height:36px}.chat-item:hover{background:var(--hover-bg)}.chat-item.active{background:var(--bg-tertiary)}.chat-item-content{flex:1;min-width:0;display:flex;align-items:center}.chat-item-name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;flex:1}.chat-item-time{font-size:11px;color:var(--text-secondary);margin-top:1px;display:none}.chat-item-edit-input{width:100%;padding:4px 8px;background:var(--bg-primary);border:1px solid var(--accent-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none}.chat-item-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.chat-item:hover .chat-item-actions{opacity:1}.chat-item-temp-toggle{padding:6px;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-item-temp-toggle:hover{background:#ff98001a;color:#ff9800}.chat-item-temp-toggle.active{color:#ff9800;opacity:1}.chat-item-delete{padding:6px;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-item-delete:hover{background:#f443361a;color:#f44336}.temporary-chat{border-left:3px solid #ff9800}.folder-container{margin-bottom:4px}.folder-header{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;border-radius:12px;cursor:pointer;transition:all .2s ease;background:var(--bg-tertiary);min-height:36px}.folder-header:hover{background:var(--hover-bg)}.folder-header.drag-over{box-shadow:inset 0 0 0 2px var(--accent-color);background:#8b5cf61a}.folder-title{display:flex;align-items:center;gap:8px;flex:1;color:var(--text-primary);font-size:14px;font-weight:500;min-width:0}.folder-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.folder-count{font-size:12px;color:var(--text-secondary);font-weight:400;flex-shrink:0}.folder-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s ease;flex-shrink:0;margin-left:8px}.folder-header:hover .folder-actions{opacity:1}.folder-delete-btn{padding:6px;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.folder-delete-btn:hover{background:#f443361a;color:#f44336}.folder-chats{margin-top:4px;margin-left:12px;padding-left:12px;border-left:2px solid var(--border-color)}.folder-chats .chat-item{margin-bottom:4px}.chat-item-remove-folder{padding:6px;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-item-remove-folder:hover{background:#9ca3af1a;color:var(--text-primary)}.chat-item[draggable=true]{cursor:move}.chat-item[draggable=true]:active{opacity:.5}.documents-list-sidebar{display:flex;flex-direction:column;gap:4px;margin-top:8px}.document-item-sidebar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary);border-radius:12px;font-size:13px;color:var(--text-primary);position:relative;transition:all .2s ease}.document-item-sidebar:hover{background:var(--hover-bg)}.document-item-sidebar:hover .document-delete-btn{opacity:1}.document-name-sidebar{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-delete-btn{padding:4px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.document-delete-btn:hover{background:#ea43351a;color:#ea4335}.no-documents{padding:9.2px 16px;text-align:center;color:var(--text-secondary);font-size:13px}.sidebar-footer{padding:8px 16px}.status-indicator{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:#34a853}.status-dot.offline{background:#ea4335}.langchain-badge{display:none;margin-top:8px;padding:6px 12px;background:var(--bg-tertiary);border-radius:12px;font-size:12px;color:var(--text-secondary);text-align:center}.main-container{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);height:100vh;overflow:hidden;position:relative;padding-top:64px;padding-bottom:64px}.messages-area{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:24px;padding-bottom:24px;width:100%;background:var(--bg-secondary);height:100%;scroll-behavior:smooth;overflow-anchor:none}.main-container.centered-mode .messages-area{display:none}.messages-area::-webkit-scrollbar{width:12px}.messages-area::-webkit-scrollbar-track{background:var(--bg-primary)}.messages-area::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:6px;border:3px solid var(--bg-primary)}.messages-area::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.messages-container{display:flex;flex-direction:column;gap:4px;padding:0 24px 24px;max-width:900px;margin:0 auto;width:100%}.message.user+.message.assistant{margin-top:28px}.message.assistant+.message.user{margin-top:28px}.message-sources{margin-bottom:4px}.message{display:flex;gap:12px;align-items:center;width:100%;position:relative}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start;align-items:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;font-size:18px;overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.message.user .message-avatar{order:2;align-self:center;margin-top:0;transform:translateY(0)}.message.assistant .message-avatar{margin-top:8px}.message-bubble{max-width:75%;position:relative;display:flex;flex-direction:column;gap:8px}.message.assistant .message-bubble{max-width:90%}.message.user .message-bubble{order:1;align-items:flex-end;max-width:70%}.message-content-wrapper{position:relative;background:transparent;border-radius:0;padding:0;border:none}.message.user .message-content-wrapper{background:var(--bg-tertiary);border-color:var(--bg-tertiary);border-radius:22px;padding:12px 16px;border:1px solid var(--bg-tertiary)}.message-content-wrapper:hover{box-shadow:none}.message.user .message-content-wrapper:hover{box-shadow:0 2px 8px #0000001a}.message-text{font-size:15px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.15}.message.user .message-text{color:var(--text-primary);font-weight:400}.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6{font-weight:700;font-family:inherit;line-height:1.3;color:var(--text-primary);margin:0!important;padding:0!important;text-transform:none;letter-spacing:normal}.message-text h1:first-child,.message-text h2:first-child,.message-text h3:first-child,.message-text h4:first-child,.message-text h5:first-child,.message-text h6:first-child{margin-top:0!important}.message.user .message-text h1,.message.user .message-text h2,.message.user .message-text h3,.message.user .message-text h4,.message.user .message-text h5,.message.user .message-text h6{color:#fff}.message-text h1{font-size:1.3em}.message-text h2{font-size:1.15em}.message-text h3{font-size:1.05em}.message-text h4{font-size:1em}.message-text h5{font-size:.95em}.message-text h6{font-size:.9em}.message-text p{margin:0!important;padding:0!important;line-height:1.225}.message-text p:empty{display:none;margin:0!important;height:0!important}.message-text p+p{margin-top:.3em!important}.message-text p+h1,.message-text p+h2,.message-text p+h3,.message-text p+h4{margin-top:0!important}.message-text ul+h1,.message-text ul+h2,.message-text ul+h3,.message-text ul+h4,.message-text ol+h1,.message-text ol+h2,.message-text ol+h3,.message-text ol+h4{margin-top:-.5em!important}.message-text h1+table,.message-text h2+table,.message-text h3+table,.message-text h4+table,.message-text h5+table,.message-text h6+table{margin-top:.3em!important}.message-text p+table,.message-text *+table{margin-top:.3em!important}.message-text table{border-collapse:collapse;width:100%;margin:.5em 0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;font-size:14px;table-layout:auto}.message-text *:has(+table){margin-bottom:.3em!important}.message-text strong{font-weight:600;color:var(--text-primary)}.message.user .message-text strong{color:#fff;font-weight:600}.message-text em{font-style:italic;color:var(--text-primary)}.message-text ul,.message-text ol{margin:0!important;padding:0 0 0 20px!important}.message-text h1+ul,.message-text h2+ul,.message-text h3+ul,.message-text h4+ul,.message-text h1+ol,.message-text h2+ol,.message-text h3+ol,.message-text h4+ol{margin-top:-1.4em!important}.message-text p+ul,.message-text p+ol{margin-top:-1.2em!important}.message-text li{margin-top:.2em;margin-bottom:0;padding:0 0 0 2px!important;line-height:1}.message-text li:first-child{margin-top:0}.message-text li p{margin:0;display:inline}.message-text ul ul,.message-text ol ol,.message-text ul ol,.message-text ol ul{margin:.8em 0 0!important;padding-left:28px!important}.message-text li li{margin-top:.9em;margin-bottom:0}.message-text code.inline-code,.message-text .inline-code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85em;color:#e06c75;border:1px solid var(--border-color);display:inline;white-space:nowrap}.message.user .message-text code.inline-code,.message.user .message-text .inline-code{background:#fff3;color:gold;border-color:#ffffff4d}.message-text code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;color:var(--text-primary);border:1px solid var(--border-color)}.message.user .message-text code{background:#fff3;color:#fff;border-color:#ffffff4d}.code-block-wrapper{position:relative;margin:1em 0;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);overflow:hidden}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.code-language{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.code-copy-btn{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease}.code-copy-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-color)}.code-block-wrapper code{display:block;padding:12px 16px;overflow-x:auto;line-height:1.5;background:transparent;border:none;font-size:.9em}.message-text pre{background:var(--bg-tertiary);padding:12px 16px;border-radius:8px;overflow-x:auto;margin:1em 0;border:1px solid var(--border-color);line-height:1.5}.message-text pre code{background:transparent;padding:0;border-radius:0;display:block;line-height:1.5;border:none;font-size:.9em}.message-text blockquote{border-left:3px solid var(--accent-color);padding:.5em 0 .5em 1em;margin:1em 0;color:var(--text-secondary);font-style:italic;background:var(--bg-tertiary);border-radius:4px}.message-text blockquote p{margin:.3em 0}.message.user .message-text blockquote{border-left-color:#ffffff80;color:#ffffffe6;background:#ffffff1a}.message-text table{border-collapse:collapse;width:100%;margin:.5em 0 0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;font-size:14px;table-layout:auto}.message-text th,.message-text td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-color);white-space:normal;word-break:keep-all;min-width:100px}.message-text th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary);white-space:nowrap}.message-text tr:last-child td{border-bottom:none}.message-text tr:nth-child(2n){background:var(--bg-tertiary)}.message.user .message-text table,.message.user .message-text th,.message.user .message-text td{border-color:#ffffff4d}.message.user .message-text th{background:#fff3;color:#fff}.message.user .message-text tr:nth-child(2n){background:#ffffff1a}.message-text a{color:var(--accent-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.message-text a:hover{border-bottom-color:var(--accent-color)}.message.user .message-text a{color:#fff;font-weight:500;border-bottom-color:#ffffff80}.message.user .message-text a:hover{border-bottom-color:#fff}.message-text hr{border:none;border-top:1px solid var(--border-color);margin:.3em 0}.message.user .message-text hr{border-top-color:#ffffff4d}.message-text>*:first-child{margin-top:0!important}.message-text>*:last-child{margin-bottom:0!important}.message-text ul ul,.message-text ol ol,.message-text ul ol,.message-text ol ul{margin:0!important;padding-left:24px!important}.message-text li li{margin:0!important}.message-text li strong,.message-text li em{display:inline}.message-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease;background:transparent;border-radius:6px;padding:0;border:none;box-shadow:none;align-self:flex-start}.message.user .message-actions{align-self:flex-end}.message.assistant .message-actions{align-self:flex-start}.message-bubble:hover .message-actions{opacity:1}.message-content-wrapper+.message-actions,.message-sources+.message-actions{margin-top:-2px}.message-action-btn{padding:6px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.message-action-btn:hover{background:var(--hover-bg);color:var(--accent-color)}.message-sources{margin-top:2px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-tertiary);overflow:hidden}.sources-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-size:14px;font-weight:400;cursor:pointer;transition:background .2s ease}.sources-toggle:hover{background:var(--hover-bg)}.sources-toggle-left{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.sources-list{display:flex;gap:6px;margin-top:8px;margin-bottom:6px;padding:0 8px 8px 16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--bg-tertiary)}.source-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;min-width:200px;max-width:260px;flex:0 0 clamp(200px,22vw,240px);scroll-snap-align:start}.source-card:hover{border-color:var(--accent-color);box-shadow:0 8px 20px #1a73e826;transform:translateY(-1px)}.sources-list::-webkit-scrollbar{height:6px}.sources-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:999px}.sources-list::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:999px}.sources-list::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.source-card-disabled,.source-card-disabled:hover{cursor:default;border-color:var(--border-color);box-shadow:none;transform:none;opacity:.75;pointer-events:none}.source-card-disabled svg{display:none}.source-card:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.source-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;line-height:1.4;color:var(--text-primary)}.source-card-title span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.source-card-snippet{margin:0;font-size:12px;line-height:1.45;color:var(--text-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.source-card-host{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.source-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:var(--bg-secondary);border:1px dashed var(--border-color);font-size:12px;color:var(--text-secondary);justify-self:flex-start;flex:0 0 auto}.edited-badge{display:inline-block;padding:2px 4px;background:#1a73e81a;border-radius:8px;font-size:11px;font-weight:500;color:var(--accent-color);margin-bottom:2px;align-self:flex-start}.message.user .edited-badge{background:transparent;color:var(--text-secondary);align-self:flex-end;padding:0;font-size:10px;margin-bottom:2px}.typing-indicator{display:flex;gap:4px;padding:0;align-items:center;height:32px;margin-top:8px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.message:has(.editing-message){display:block!important;width:100%}.message:has(.editing-message) .message-avatar{display:none}.editing-message{display:flex;flex-direction:column;gap:0;width:100%;max-width:95%!important;position:relative}.message-bubble:has(.editing-message){max-width:95%!important}.edit-message-input{width:100%;padding:14px 8px 25px 18px;background:var(--bg-tertiary);border:2px solid var(--accent-color);border-radius:18px;color:var(--text-primary);font-size:15px;font-family:inherit;line-height:1.6;resize:none;min-height:120px;max-height:300px;outline:none;overflow-y:auto}.edit-message-input::-webkit-scrollbar{width:8px}.edit-message-input::-webkit-scrollbar-track{background:transparent;border-radius:18px;margin-top:4px;margin-bottom:4px;margin-right:8px}.edit-message-input::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:18px;border:2px solid var(--bg-tertiary);margin-right:4px}.edit-message-input::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.edit-message-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;position:absolute;bottom:12px;right:18px}.edit-save-btn,.edit-cancel-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;box-shadow:0 2px 4px #0000001a}.edit-save-btn{background:var(--accent-color);color:#fff}.edit-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.edit-save-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.edit-cancel-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.edit-cancel-btn:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.edit-hint{display:none;font-size:11px;color:var(--text-secondary);position:absolute;bottom:16px;left:18px}.input-area{padding:4px 24px 8px;background:var(--bg-secondary);border-top:none;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:0;left:0;right:0;transform:translateY(0);transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:10}.input-area.no-animation{transition:none!important}.input-area.centered-input{bottom:auto;top:50%;transform:translateY(-50%)}.centered-welcome{margin-bottom:24px;text-align:center;opacity:1}.centered-subtitle{font-size:28px;font-weight:400;color:var(--text-primary);margin:0;letter-spacing:-.5px}.input-container{max-width:900px;width:100%;background:var(--bg-tertiary);border-radius:28px;box-shadow:0 2px 6px #00000014;border:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .2s ease;overflow:hidden}.input-container.expanded{border-radius:28px}.input-container:focus-within{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001f}.input-row{display:flex;align-items:center;padding:6px 8px;gap:8px}.input-actions{display:flex;gap:4px;align-items:center}.input-action-btn{padding:8px;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.input-action-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.input-action-btn.active{background:var(--accent-dark);color:#fff}.input-action-btn.active:hover{background:var(--accent-dark);opacity:.9}.input-form{flex:1;display:flex;align-items:center;gap:8px}.chat-textarea{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:16px;font-family:inherit;line-height:1.5;resize:none;outline:none;padding:10px 8px;max-height:200px;overflow-y:auto}.chat-textarea::-webkit-scrollbar{width:8px}.chat-textarea::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.chat-textarea::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}.chat-textarea::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.chat-textarea::placeholder{color:var(--text-secondary)}.send-btn{padding:10px;background:var(--accent-color);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.send-btn svg{transform:translate(-1px,1px)}.send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.send-btn:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;opacity:.5}.documents-modal,.ledger-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.modal-content{background:var(--bg-secondary);border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:20px;font-weight:500;color:var(--text-primary)}.modal-close-btn{padding:8px;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:24px}.quick-add-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-add-modal-content{background:var(--bg-secondary);border-radius:16px;max-width:500px;width:90%;box-shadow:0 8px 32px #0000004d}.quick-add-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.quick-add-modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.quick-add-modal-body{padding:24px}.quick-add-hint{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.quick-add-preview{background:var(--bg-tertiary);padding:16px;border-radius:12px;margin-bottom:20px}.quick-add-preview strong{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.quick-add-preview p{font-size:14px;color:var(--text-primary);line-height:1.5;margin:0;max-height:120px;overflow-y:auto}.quick-add-actions{display:flex;gap:12px;justify-content:flex-end}.quick-add-cancel-btn,.quick-add-confirm-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.quick-add-cancel-btn{background:var(--bg-tertiary);color:var(--text-primary)}.quick-add-cancel-btn:hover{background:var(--hover-bg)}.quick-add-confirm-btn{background:var(--accent-color);color:#fff;display:flex;align-items:center;gap:6px}.quick-add-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1a73e84d}.quick-add-confirm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-add-confirm-btn:disabled:hover{transform:none;box-shadow:none}.quick-add-extracting{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.quick-add-extracting p{font-size:14px;color:var(--text-secondary);margin:0}@media (max-width: 768px){.sidebar{position:fixed;top:64px;left:0;bottom:0;z-index:900;box-shadow:2px 0 8px #0000001a;width:260px}.sidebar.closed{transform:translate(-100%);width:0}.welcome-title{font-size:36px}.welcome-subtitle{font-size:16px}.messages-container{padding:16px}.input-area{padding:12px 16px}.input-container{max-width:100%}.chat-item-actions{opacity:1}.edit-hint{display:none}}.document-picker-section.opening{max-height:0;padding:0 16px;opacity:0}.document-picker-section.closing{max-height:0;padding:0 16px;opacity:0;transition:max-height .3s ease,padding .3s ease,opacity .2s ease}.input-row{gap:8px}.ai-avatar{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ai-avatar img{position:relative;z-index:2;width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-size:20px;line-height:1}.document-picker-section{border-bottom:1px solid var(--border-color);padding:12px 16px;max-height:200px;opacity:1;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .2s ease .1s}.document-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.document-picker-header-actions{display:flex;gap:8px}.document-picker-action-btn{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;transition:all .2s ease}.document-picker-action-btn:hover{background:var(--hover-bg)}.document-picker-list{display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow-y:auto}.document-picker-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:12px;color:var(--text-primary)}.document-picker-item:hover{border-color:var(--accent-color);background:var(--hover-bg)}.document-picker-item:has(input:checked){background:var(--accent-color);border-color:var(--accent-color);color:#fff}.document-picker-item:has(input:checked) svg{color:#fff}.document-picker-item input[type=checkbox]{display:none}.document-picker-item svg{color:var(--accent-color);flex-shrink:0}.document-picker-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-action-btn.active{background:var(--accent-color);color:#fff}.input-action-btn.has-count{position:relative;overflow:visible}.document-count-badge{position:absolute;top:0;right:0;font-size:9px;font-weight:700;color:#fff;line-height:1;background:#e53935;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.scroll-to-bottom-btn{position:absolute;bottom:120px;right:32px;width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;animation:fadeIn .3s ease}.scroll-to-bottom-btn:hover{background:var(--hover-bg);color:var(--accent-color)}.scroll-to-bottom-btn.hiding{animation:fadeOut .3s ease forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.app.extension-open .sidebar.closed{filter:blur(1px);pointer-events:none;opacity:.5;background:var(--bg-primary)}.app.extension-open .header-toggle-container{pointer-events:none;background:var(--bg-primary)}.app.extension-open .header-toggle-btn{filter:blur(1px);opacity:.5}.app.extension-open .sidebar{border:none}.app.extension-open .top-header{z-index:4000}.ledger-overlay,.ledger-overlay *{font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ledger-overlay{position:fixed;top:60px;left:72px;right:0;bottom:0;background:var(--bg-secondary, #212121);display:flex;justify-content:stretch;align-items:stretch;z-index:999;animation:overlayFadeIn .2s ease}.app.ledger-open .sidebar,.app.password-manager-open .sidebar{filter:blur(1px);opacity:.85;pointer-events:none}.ledger-container{background:var(--bg-secondary, #212121);width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.ledger-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-secondary, #212121);border-bottom:1px solid var(--border-color, #3c4043)}.ledger-header h1{font-family:var(--font-pixel, "Press Start 2P", cursive);font-size:11px;font-weight:400;color:var(--text-primary, #e3e3e3);margin:0;text-transform:uppercase;letter-spacing:2px;opacity:.9}.ledger-close-btn{padding:8px;background:transparent;border:none;color:var(--text-secondary, #9aa0a6);cursor:pointer;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ledger-close-btn:hover{background:var(--hover-bg, #2a2a2a);color:var(--text-primary, #e3e3e3)}.ledger-tabs{display:flex;gap:4px;padding:8px 16px;background:var(--bg-secondary, #212121);border-bottom:1px solid var(--border-color, #3c4043)}.ledger-tabs::-webkit-scrollbar{display:none}.ledger-tab{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary, #9aa0a6);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ledger-tab:hover{background:var(--hover-bg, #2a2a2a);color:var(--text-primary, #e3e3e3)}.ledger-tab svg{opacity:.7;transition:opacity .2s ease}.ledger-tab:hover svg{opacity:1}.ledger-tab.active{background:var(--accent-color, #004f9d);color:#fff}.ledger-tab.active svg{opacity:1}.ledger-content{flex:1;overflow-y:auto;padding:24px 32px;background:var(--bg-secondary, #212121)}.content-container{max-width:none;margin:0}.content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ledger-title{font-family:"Press Start 2P",cursive;font-size:13px;font-weight:400;color:var(--text-primary, #e3e3e3);margin:0;text-transform:uppercase;letter-spacing:.5px;line-height:1.5}.add-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent-color, #004f9d);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-btn:hover{opacity:.9;transform:translateY(-1px)}.dashboard-container{max-width:none;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 12px;background:var(--bg-tertiary, #303030);border:1px solid var(--border-color, #3c4043);border-radius:12px;transition:all .2s ease;position:relative;overflow:hidden;cursor:pointer}.stat-card:hover{background:var(--hover-bg, #2a2a2a);border-color:var(--accent-color, #004f9d)}.stat-card-active{border-color:var(--accent-color, #004f9d);background:#004f9d1a}.stat-icon{position:absolute;top:10px;right:10px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px}.stat-icon svg{width:16px;height:16px}.goal-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6}.reminder-icon{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#f59e0b}.note-icon{background:linear-gradient(135deg,#004f9d33,#004f9d1a);color:#004f9d}.stat-content h3{font-family:"Press Start 2P",cursive;font-size:11px;font-weight:400;color:var(--text-secondary, #9aa0a6);margin:10px 0 4px;text-transform:uppercase;letter-spacing:.5px;line-height:1.5}.stat-number{font-size:36px;font-weight:700;color:var(--text-primary, #e3e3e3);margin:0 0 6px;line-height:1}.stat-label{font-size:13px;color:var(--text-secondary, #9aa0a6)}.stat-card-active{border-color:var(--accent-color, #004f9d);background:#004f9d26}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--bg-tertiary, #303030);border:1px solid var(--border-color, #3c4043);border-radius:8px;color:var(--text-secondary, #9aa0a6);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{background:var(--hover-bg, #2a2a2a);border-color:var(--accent-color, #004f9d);color:var(--text-primary, #e3e3e3)}.quick-action-btn svg{opacity:.7}.quick-action-btn:hover svg{opacity:1}.recent-section{background:var(--bg-tertiary, #303030);border:1px solid var(--border-color, #3c4043);border-radius:12px;padding:20px;margin-top:24px}.section-title{font-family:"Press Start 2P",cursive;font-size:11px;font-weight:400;color:var(--text-primary, #e3e3e3);margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px;line-height:1.5}.recent-section .agent-card,.recent-section .reminder-card,.recent-section .note-card{background:var(--bg-secondary, #212121);border-color:#ffffff0d}.recent-section .agent-card:hover,.recent-section .reminder-card:hover,.recent-section .note-card:hover{border-color:var(--accent-color, #004f9d);background:var(--hover-bg, #2a2a2a)}.recent-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;margin-bottom:4px;transition:all .2s ease;border:1px solid transparent}.recent-item:hover{background:var(--hover-bg, #2a2a2a)}.recent-item-clickable{cursor:pointer}.recent-item-clickable:hover{background:#004f9d1a;border-color:var(--accent-color, #004f9d)}.recent-item-content{flex:1}.recent-item-title{font-size:14px;font-weight:600;color:var(--text-primary, #e3e3e3);margin-bottom:6px;display:flex;align-items:center;gap:8px}.recent-item-meta{font-size:12px;color:var(--text-secondary, #9aa0a6)}.items-grid,.reminders-grid,.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding-bottom:20px}.agent-card,.reminder-card,.info-card{background:var(--bg-tertiary, #303030);border:1px solid var(--border-color, #3c4043);border-radius:16px;padding:20px;transition:border-color .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:220px;cursor:pointer}.agent-card:hover,.reminder-card:hover,.info-card:hover{border-color:var(--accent-color, #004f9d);transform:none;box-shadow:none}.agent-card-header,.reminder-card-header,.info-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.agent-card-title,.reminder-card-title,.info-card-key{font-size:16px;font-weight:700;color:var(--text-primary, #e3e3e3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.agent-card-content,.reminder-card-content,.info-card-value{font-size:14px;color:var(--text-secondary, #b0b3b8);line-height:1.6;margin-bottom:auto;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex:1}.agent-card-footer,.reminder-card-footer,.info-card-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);align-items:center}.info-card-value.masked{font-family:monospace;letter-spacing:2px}.reminder-date{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;margin-bottom:4px}.card-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.agent-card:hover .card-actions,.reminder-card:hover .card-actions,.info-card:hover .card-actions{opacity:1}.card-actions button{padding:6px;background:transparent;border:none;color:var(--text-secondary, #9aa0a6);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.card-actions button:hover{background:#ffffff1a;color:var(--text-primary)}.card-actions button.delete-btn-icon:hover{color:#ef4444;background:#ef44441a}.progress-bar{width:100%;height:8px;background:var(--border-color, #3c4043);border-radius:4px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;background:linear-gradient(90deg,#004f9d,#06c);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #004f9d80}.item-card-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.status-badge,.category-badge,.tag-badge{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge{background:var(--hover-bg, #2a2a2a);color:var(--text-secondary, #9aa0a6);border:1px solid var(--border-color, #3c4043)}.status-active{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.status-completed{background:#3b82f626;color:#3b82f6;border-color:#3b82f64d}.status-pending{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b4d}.status-paused{background:#9ca3af26;color:#9ca3af;border-color:#9ca3af4d}.category-badge,.tag-badge{background:var(--hover-bg, #2a2a2a);color:var(--text-secondary, #9aa0a6);border:1px solid var(--border-color, #3c4043)}.reminders-list{display:flex;flex-direction:column;gap:16px}.reminder-item{display:flex;align-items:center;gap:20px;padding:20px 24px;background:var(--bg-tertiary, #303030);border:1px solid var(--border-color, #3c4043);border-radius:16px;border-left:4px solid var(--border-color, #3c4043);transition:all .3s cubic-bezier(.4,0,.2,1)}.reminder-item:hover{transform:translate(8px);border-color:var(--accent-color, #004f9d);box-shadow:0 8px 24px #00000026}.reminder-item.priority-high{border-left-color:#ef4444;background:#ef444414}.reminder-item.priority-medium{border-left-color:#f59e0b;background:#f59e0b14}.reminder-item.priority-low{border-left-color:#22c55e;background:#22c55e14}.priority-indicator{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor}.priority-indicator.priority-high{background:#ef4444;box-shadow:0 0 15px #ef444480}.priority-indicator.priority-medium{background:#f59e0b;box-shadow:0 0 15px #f59e0b80}.priority-indicator.priority-low{background:#22c55e;box-shadow:0 0 15px #22c55e80}.reminder-content{flex:1}.reminder-title{font-size:15px;font-weight:600;color:var(--text-primary, #e3e3e3);margin-bottom:6px}.reminder-description{font-size:13px;color:var(--text-secondary, #9aa0a6);margin-bottom:10px;line-height:1.5}.reminder-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.reminder-date{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #9aa0a6)}.reminder-actions{display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.reminder-item:hover .reminder-actions{opacity:1}.reminder-actions button{padding:10px;background:var(--hover-bg, #2a2a2a);border:1px solid var(--border-color, #3c4043);color:var(--text-secondary, #9aa0a6);cursor:pointer;border-radius:10px;transition:all .2s ease}.reminder-actions button:hover{background:var(--accent-color, #004f9d);color:#fff;transform:scale(1.1)}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding-bottom:20px}.note-card{background:var(--bg-tertiary, #303030);border:1px solid var(--border-color, #3c4043);border-radius:16px;padding:20px;transition:border-color .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:220px;cursor:pointer}.note-card:hover{border-color:var(--accent-color, #004f9d);transform:none;box-shadow:none}.note-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.note-card-title-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.note-card-title{font-size:16px;font-weight:700;color:var(--text-primary, #e3e3e3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.note-card-date{font-size:12px;color:var(--text-secondary, #9aa0a6);font-weight:500}.note-card-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.note-card:hover .note-card-actions{opacity:1}.note-card-actions button{padding:6px;background:transparent;border:none;color:var(--text-secondary, #9aa0a6);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.note-card-actions button:hover{background:#ffffff1a;color:var(--text-primary)}.note-card-actions button.delete-btn-icon:hover{color:#ef4444;background:#ef44441a}.note-card-content{font-size:14px;color:var(--text-secondary, #b0b3b8);line-height:1.6;margin-bottom:auto;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex:1}.note-card-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);align-items:center}.note-images-preview{display:flex;gap:4px;margin-top:8px}.note-image-thumb{width:24px;height:24px;border-radius:4px;object-fit:cover;opacity:.7}.note-card-footer .category-badge,.note-card-footer .tag-badge{padding:4px 10px;font-size:10px}.info-list{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--bg-tertiary, #303030);border:1px solid var(--border-color, #3c4043);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-item:hover{border-color:var(--accent-color, #004f9d);box-shadow:0 8px 24px #00000026;transform:translate(4px)}.info-content{flex:1}.info-key{font-size:14px;font-weight:600;color:var(--text-primary, #e3e3e3);margin-bottom:6px}.info-value{font-size:14px;color:var(--text-secondary, #9aa0a6);margin-bottom:10px}.info-actions{display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.info-item:hover .info-actions{opacity:1}.info-actions button{padding:10px;background:var(--hover-bg, #2a2a2a);border:1px solid var(--border-color, #3c4043);color:var(--text-secondary, #9aa0a6);cursor:pointer;border-radius:10px;transition:all .2s ease}.info-actions button:hover{background:var(--accent-color, #004f9d);color:#fff;transform:scale(1.1)}.empty-state{text-align:center;padding:32px;color:var(--text-secondary, #9aa0a6);font-size:14px}.empty-state-card{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:var(--bg-tertiary, #303030);border:2px dashed var(--border-color, #3c4043);border-radius:24px;color:var(--text-secondary, #9aa0a6)}.empty-state-card svg{margin-bottom:20px;opacity:.3}.empty-state-card p{font-size:15px;margin:0;max-width:300px;line-height:1.6}.ledger-modal-overlay{position:fixed;top:60px;left:72px;right:0;bottom:0;background:#0000001a;display:flex;justify-content:center;align-items:flex-start;padding-top:40px;z-index:10000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:overlayFadeIn .2s ease}.ledger-modal-content{background:var(--bg-secondary, #212121);border:1px solid var(--border-color, #3c4043);border-radius:24px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px #0000004d;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}.ledger-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color, #3c4043);background:var(--bg-secondary, #212121)}.ledger-modal-header h3{font-family:"Press Start 2P",cursive;font-size:10px;font-weight:400;color:var(--text-primary, #e3e3e3);margin:0;text-transform:uppercase;letter-spacing:1px}.modal-header-actions{display:flex;align-items:center;gap:8px}.favorite-toggle-btn{padding:6px;background:transparent;border:1px solid var(--border-color, #3c4043);color:var(--text-secondary, #9aa0a6);cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.favorite-toggle-btn:hover{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.favorite-toggle-btn.active{background:#fbbf2426;border-color:#fbbf2466;color:#fbbf24}.ledger-modal-header button{padding:6px;width:34px;height:34px;background:transparent;border:1px solid var(--border-color, #3c4043);color:var(--text-secondary, #9aa0a6);cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ledger-modal-header button:hover{background:var(--hover-bg, #2a2a2a);color:var(--text-primary, #e3e3e3)}.note-form-simple{display:flex;flex-direction:column;gap:16px;height:100%}.goal-form-simple{display:flex;flex-direction:column;gap:16px;padding:20px}.goal-title-row{display:flex;gap:12px;align-items:stretch}.goal-title-input{flex:2;padding:14px 16px!important;background:var(--bg-tertiary, #303030)!important;border:1px solid var(--border-color, #3c4043)!important;border-radius:12px!important;color:var(--text-primary, #e3e3e3)!important;font-size:15px!important;font-weight:600!important}.goal-category-select,.goal-status-select{flex:1;padding:14px 12px!important;background:var(--bg-tertiary, #303030)!important;border:1px solid var(--border-color, #3c4043)!important;border-radius:12px!important;color:var(--text-primary, #e3e3e3)!important;font-size:13px!important;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important}.goal-category-select:focus,.goal-status-select:focus{outline:none;border-color:var(--accent-color, #004f9d)!important}.goal-category-select option,.goal-status-select option{background:var(--bg-tertiary, #303030);color:var(--text-primary, #e3e3e3);padding:12px}.goal-description-large{min-height:200px!important;padding:16px 20px!important;background:var(--bg-tertiary, #303030)!important;border:1px solid var(--border-color, #3c4043)!important;border-radius:12px!important;color:var(--text-primary, #e3e3e3)!important;font-size:14px!important;line-height:1.6!important;resize:none!important;font-family:inherit}.goal-bottom-row{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding-top:8px}.goal-meta-inputs{display:flex;align-items:center;gap:16px;width:100%}.goal-date-input{flex:1;padding:14px 16px!important;background:var(--bg-tertiary, #303030)!important;border:1px solid var(--border-color, #3c4043)!important;border-radius:12px!important;color:var(--text-primary, #e3e3e3)!important;font-size:13px!important;height:48px!important;box-sizing:border-box!important}.goal-progress-input{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-tertiary, #303030);border:1px solid var(--border-color, #3c4043);border-radius:12px;color:var(--text-secondary, #9aa0a6);font-size:13px;height:48px;box-sizing:border-box}.goal-progress-input input{flex:1;margin:0 12px;padding:8px;background:var(--bg-secondary, #212121);border:1px solid var(--border-color, #3c4043);border-radius:6px;color:var(--text-primary, #e3e3e3);font-size:13px;text-align:center;height:32px;color-scheme:dark}[data-theme=light] .goal-progress-input input{color-scheme:light}.reminder-form-simple{display:flex;flex-direction:column;gap:16px;padding:20px}.reminder-title-row{display:flex;gap:12px;align-items:stretch}.reminder-title-input{flex:2;padding:14px 16px!important;background:var(--bg-tertiary, #303030)!important;border:1px solid var(--border-color, #3c4043)!important;border-radius:12px!important;color:var(--text-primary, #e3e3e3)!important;font-size:15px!important;font-weight:600!important}.reminder-priority-select,.reminder-status-select{flex:1;padding:14px 12px!important;background:var(--bg-tertiary, #303030)!important;border:1px solid var(--border-color, #3c4043)!important;border-radius:12px!important;color:var(--text-primary, #e3e3e3)!important;font-size:13px!important;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important}.reminder-priority-select:focus,.reminder-status-select:focus{outline:none;border-color:var(--accent-color, #004f9d)!important}.reminder-priority-select option,.reminder-status-select option{background:var(--bg-tertiary, #303030);color:var(--text-primary, #e3e3e3);padding:12px}.reminder-description-large{min-height:200px!important;padding:16px 20px!important;background:var(--bg-tertiary, #303030)!important;border:1px solid var(--border-color, #3c4043)!important;border-radius:12px!important;color:var(--text-primary, #e3e3e3)!important;font-size:14px!important;line-height:1.6!important;resize:none!important;font-family:inherit}.reminder-bottom-row{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding-top:8px}.reminder-meta-inputs{display:flex;align-items:center;gap:16px;width:100%}.reminder-date-input{flex:1;padding:14px 16px!important;background:var(--bg-tertiary, #303030)!important;border:1px solid var(--border-color, #3c4043)!important;border-radius:12px!important;color:var(--text-primary, #e3e3e3)!important;font-size:13px!important;height:48px!important;box-sizing:border-box!important;color-scheme:dark}[data-theme=light] .reminder-date-input{color-scheme:light}.reminder-tags-input{flex:1;padding:14px 16px!important;background:var(--bg-tertiary, #303030)!important;border:1px solid var(--border-color, #3c4043)!important;border-radius:12px!important;color:var(--text-primary, #e3e3e3)!important;font-size:13px!important;height:48px!important;box-sizing:border-box!important}.reminder-tags-input::placeholder{color:var(--text-secondary, #9aa0a6)}.form-actions-inline{display:flex;gap:12px}.form-actions-inline .cancel-btn{padding:10px 20px;background:var(--bg-tertiary, #303030);border:1px solid var(--border-color, #3c4043);border-radius:10px;color:var(--text-primary, #e3e3e3);font-size:14px;cursor:pointer;transition:all .2s ease}.form-actions-inline .cancel-btn:hover{background:var(--hover-bg, #2a2a2a)}.form-actions-inline .save-btn{padding:10px 20px;background:#1a73e8;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.form-actions-inline .save-btn:hover{background:#1557b0}.note-title-row{display:flex;gap:12px;align-items:stretch}.note-title-input{flex:2;padding:14px 16px!important;background:var(--bg-tertiary, #303030)!important;border:1px solid var(--border-color, #3c4043)!important;border-radius:12px!important;color:var(--text-primary, #e3e3e3)!important;font-size:15px!important;font-weight:600!important}.note-category-input,.note-tags-input{flex:1;padding:14px 12px!important;background:var(--bg-tertiary, #303030)!important;border:1px solid var(--border-color, #3c4043)!important;border-radius:12px!important;color:var(--text-primary, #e3e3e3)!important;font-size:13px!important}.note-category-input::placeholder,.note-tags-input::placeholder{color:var(--text-secondary, #9aa0a6)!important;font-size:12px!important}.note-content-large{flex:1;min-height:350px!important;padding:20px 24px!important;background:var(--bg-tertiary, #303030)!important;border:1px solid var(--border-color, #3c4043)!important;border-radius:16px!important;color:var(--text-primary, #e3e3e3)!important;font-size:15px!important;line-height:1.7!important;resize:none!important;font-family:inherit;scrollbar-width:thin;scrollbar-color:var(--border-color, #3c4043) transparent}.note-content-large::-webkit-scrollbar{width:8px}.note-content-large::-webkit-scrollbar-track{background:transparent;border-radius:4px}.note-content-large::-webkit-scrollbar-thumb{background:var(--border-color, #3c4043);border-radius:4px}.note-content-large::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #9aa0a6)}.note-content-large::placeholder{color:var(--text-secondary, #9aa0a6)!important}.note-content-large:focus{border-color:var(--accent-color, #004f9d)!important;box-shadow:0 0 0 2px #004f9d1a!important}.note-files-section{display:flex;align-items:center;gap:12px;flex:1}.file-upload-label{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:10px;color:#ffffff80;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:500;flex-shrink:0}.file-upload-label:hover{border-color:#004f9d80;color:#fff;background:#004f9d0d}.note-file-previews{display:flex;gap:8px;flex-wrap:wrap;flex:1}.note-file-thumb{position:relative;display:flex;flex-direction:column;align-items:center;padding:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;min-width:60px}.note-file-thumb img{width:40px;height:40px;object-fit:cover;border-radius:4px;cursor:pointer}.note-file-thumb .file-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#004f9d33;border-radius:4px;font-size:10px;font-weight:700;color:#4c9aff}.note-file-thumb .file-name{font-size:9px;color:#ffffff80;margin-top:4px;max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-file-thumb button{position:absolute;top:-4px;right:-4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease}.note-file-thumb:hover button{opacity:1}.note-form-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}.cancel-btn-compact{padding:10px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn-compact:hover{background:#ffffff14;color:#fff}.delete-btn-compact{padding:10px;background:#dc262626;border:1px solid rgba(220,38,38,.3);border-radius:10px;color:#ef4444;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.delete-btn-compact:hover{background:#dc262640}.save-btn-compact{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--accent-color, #004f9d);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn-compact:hover{opacity:.9}.note-view-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.note-view-title{font-size:20px;font-weight:700;color:#fff;margin:0;flex:1}.note-view-meta{display:flex;gap:8px;flex-wrap:wrap}.note-view-content{flex:1;padding:20px 0;font-size:15px;line-height:1.8;color:#ffffffd9;white-space:pre-wrap;min-height:200px;max-height:400px;overflow-y:auto}.note-view-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.edit-btn-compact{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#004f9d,#036);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-btn-compact:hover{transform:translateY(-1px);box-shadow:0 4px 15px #004f9d66}.note-view-actions .delete-btn-compact{display:flex;align-items:center;gap:8px;padding:12px 24px}.note-files-horizontal{display:flex;gap:12px;overflow-x:auto;padding:16px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.note-files-horizontal::-webkit-scrollbar{height:6px}.note-files-horizontal::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.note-file-card{display:flex;flex-direction:column;align-items:center;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;min-width:100px;cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.note-file-card:hover{background:#ffffff0f;border-color:#004f9d66;transform:translateY(-2px)}.note-file-card img{width:60px;height:60px;object-fit:cover;border-radius:8px}.file-icon-large{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#004f9d4d,#003c7833);border-radius:8px;font-size:12px;font-weight:700;color:#4c9aff}.file-card-name{font-size:11px;color:#ffffffb3;margin-top:8px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.file-download-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#004f9de6;border-radius:6px;color:#fff;opacity:0;transition:opacity .2s ease;text-decoration:none}.note-file-card:hover .file-download-btn{opacity:1}.note-file-previews-horizontal{display:flex;gap:8px;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.note-file-previews-horizontal::-webkit-scrollbar{height:4px}.note-file-previews-horizontal::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.note-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:8px}.file-upload-label,.cancel-btn-compact,.save-btn-compact,.delete-btn-compact{height:40px;box-sizing:border-box}.note-card{cursor:pointer}.documents-button-wrapper{position:relative}.documents-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;height:40px;background:#004f9d26;border:1px solid var(--border-color, #3c4043);border-radius:10px;color:#4c9aff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.documents-btn:hover{background:#004f9d40;border-color:#004f9d80}.documents-overlay{position:absolute;bottom:50px;left:0;min-width:320px;max-width:400px;max-height:300px;background:#1e1e1efa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:1000;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.documents-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:600;color:#fff}.documents-overlay-header button{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.documents-overlay-header button:hover{background:#ffffff1a;color:#fff}.documents-overlay-list{max-height:240px;overflow-y:auto;padding:8px}.document-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff08;border-radius:8px;margin-bottom:6px;transition:all .2s ease}.document-item:hover{background:#ffffff0f}.document-item:last-child{margin-bottom:0}.document-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.document-preview{width:36px;height:36px;object-fit:cover;border-radius:6px}.document-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#004f9d4d,#003c7833);border-radius:6px;font-size:10px;font-weight:700;color:#4c9aff}.document-name{font-size:13px;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-actions{display:flex;gap:6px}.doc-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;text-decoration:none}.doc-action-btn.view{background:#004f9d33;color:#4c9aff}.doc-action-btn.view:hover{background:#004f9d66}.doc-action-btn.download{background:#22c55e33;color:#22c55e}.doc-action-btn.download:hover{background:#22c55e66}.doc-action-btn.remove{background:#dc262633;color:#ef4444}.doc-action-btn.remove:hover{background:#dc262666}.ledger-overlay,.ledger-overlay *,.note-content-large,.documents-overlay-list{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.ledger-overlay::-webkit-scrollbar,.ledger-overlay *::-webkit-scrollbar,.note-content-large::-webkit-scrollbar,.documents-overlay-list::-webkit-scrollbar{width:8px;height:8px}.ledger-overlay::-webkit-scrollbar-track,.ledger-overlay *::-webkit-scrollbar-track,.note-content-large::-webkit-scrollbar-track,.documents-overlay-list::-webkit-scrollbar-track{background:transparent}.ledger-overlay::-webkit-scrollbar-thumb,.ledger-overlay *::-webkit-scrollbar-thumb,.note-content-large::-webkit-scrollbar-thumb,.documents-overlay-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.ledger-overlay::-webkit-scrollbar-thumb:hover,.ledger-overlay *::-webkit-scrollbar-thumb:hover,.note-content-large::-webkit-scrollbar-thumb:hover,.documents-overlay-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app.light .ledger-overlay,.app.light .ledger-overlay *,.app.light .note-content-large,.app.light .documents-overlay-list{scrollbar-color:rgba(0,0,0,.2) transparent}.app.light .ledger-overlay::-webkit-scrollbar-thumb,.app.light .ledger-overlay *::-webkit-scrollbar-thumb,.app.light .note-content-large::-webkit-scrollbar-thumb,.app.light .documents-overlay-list::-webkit-scrollbar-thumb{background:#0003}.app.light .ledger-overlay::-webkit-scrollbar-thumb:hover,.app.light .ledger-overlay *::-webkit-scrollbar-thumb:hover,.app.light .note-content-large::-webkit-scrollbar-thumb:hover,.app.light .documents-overlay-list::-webkit-scrollbar-thumb:hover{background:#00000059}.image-upload-label-compact{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:10px;color:#ffffff80;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:500}.image-upload-label-compact:hover{border-color:#004f9d80;color:#fff;background:#004f9d0d}.note-image-previews{display:flex;gap:10px;flex-wrap:wrap}.note-image-thumb{position:relative;width:50px;height:50px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.note-image-thumb img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s ease}.note-image-thumb:hover img{transform:scale(1.1)}.note-image-thumb button{position:absolute;top:2px;right:2px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#000c;border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease}.note-image-thumb:hover button{opacity:1}.note-image-thumb button:hover{background:#dc2626}.ledger-form{padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.ledger-form input[type=text],.ledger-form input[type=date],.ledger-form input[type=number],.ledger-form select,.ledger-form textarea{width:100%;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s ease}.ledger-form input::placeholder,.ledger-form textarea::placeholder{color:#ffffff59}.ledger-form input:focus,.ledger-form select:focus,.ledger-form textarea:focus{outline:none;border-color:#004f9d99;background:#004f9d0d;box-shadow:0 0 0 3px #004f9d1a,0 0 20px #004f9d1a}.ledger-form textarea{resize:vertical;min-height:120px;line-height:1.6}.ledger-form select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:48px}.ledger-form select option{background:#1a1a1a;color:#fff;padding:12px}.checkbox-label{display:flex;align-items:center;gap:14px;cursor:pointer;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:all .3s ease}.checkbox-label:hover{background:#ffffff0d;border-color:#ffffff1f}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#004f9d}.checkbox-label span{font-size:14px;font-weight:500;color:#fffc}.form-actions{display:flex;gap:16px;padding-top:12px}.cancel-btn,.save-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border:none;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.cancel-btn:hover{background:#ffffff14;color:#fff}.save-btn{background:linear-gradient(135deg,#004f9d,#036);color:#fff;box-shadow:0 4px 15px #004f9d4d,inset 0 1px #ffffff1a}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #004f9d66,0 0 40px #004f9d33}.delete-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #dc26264d,inset 0 1px #ffffff1a}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc262666,0 0 30px #dc262633}.image-upload-section{margin:8px 0}.image-upload-label{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;background:#ffffff08;border:2px dashed rgba(255,255,255,.15);border-radius:14px;color:#fff9;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.image-upload-label:hover{border-color:#004f9d80;color:#fff;background:#004f9d0d}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;margin-top:16px}.image-preview-item{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.image-preview-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-preview-item:hover img{transform:scale(1.1)}.image-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#000c;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;opacity:0}.image-preview-item:hover .image-remove-btn{opacity:1}.image-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.note-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin:16px 0}.note-image{width:100%;height:100px;object-fit:cover;border-radius:12px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.08)}.note-image:hover{transform:scale(1.05);border-color:var(--border-color, #3c4043);box-shadow:0 10px 30px #0000004d}.image-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:20000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:overlayFadeIn .2s ease}.image-viewer-container{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.image-viewer-img{max-width:100%;max-height:90vh;border-radius:16px;box-shadow:0 30px 80px #00000080;object-fit:contain}.image-viewer-close{position:absolute;top:-60px;right:0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .3s ease}.image-viewer-close:hover{background:#ffffff26;transform:rotate(90deg)}.ledger-content::-webkit-scrollbar,.ledger-form::-webkit-scrollbar{width:8px}.ledger-content::-webkit-scrollbar-track,.ledger-form::-webkit-scrollbar-track{background:transparent}.ledger-content::-webkit-scrollbar-thumb,.ledger-form::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.ledger-content::-webkit-scrollbar-thumb:hover,.ledger-form::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 768px){.ledger-container{width:100%;height:100vh;border-radius:0}.ledger-header{padding:20px 24px}.ledger-header h1{font-size:14px;letter-spacing:2px}.ledger-tabs{padding:16px 20px;gap:6px}.ledger-tab{padding:12px 16px}.ledger-tab span{display:none}.ledger-content{padding:24px}.stats-grid,.items-grid,.notes-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.ledger-modal-content{width:95%;max-height:95vh}.ledger-modal-header,.ledger-form{padding:20px 24px}}.note-view-container{display:flex;flex-direction:column;height:100%;padding:0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.note-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding-bottom:12px;border-bottom:2px solid var(--accent-color, #004f9d)!important;min-height:40px;transition:border-color .3s ease}.note-detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;padding-bottom:0;border-bottom:none!important;margin-top:8px;width:100%;min-height:0}.note-detail-meta:empty{display:none;margin:0}.note-body-text{font-size:16px;line-height:1.6;color:var(--text-primary, #e3e3e3);white-space:pre-wrap;margin-bottom:32px;margin-top:8px;padding-top:4px}.note-meta-row{display:flex;gap:12px;margin-bottom:-16px;margin-top:24px}.back-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid transparent;color:var(--text-secondary, #9aa0a6);font-size:13px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease;width:auto!important;min-width:0!important;flex:0 0 auto!important}.back-btn:hover{background:var(--hover-bg, #2a2a2a);color:var(--text-primary, #e3e3e3)}.arrow-left{font-size:16px;line-height:1}.note-view-title-text{font-size:24px;font-weight:700;color:var(--text-primary, #e3e3e3);margin:0;padding-bottom:0;border-bottom:none;line-height:1.2}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary, #9aa0a6);cursor:pointer;transition:all .2s ease;box-shadow:none!important}.icon-btn:hover{background:var(--hover-bg, #2a2a2a);color:var(--text-primary, #e3e3e3)}.icon-btn.active{color:#fbbf24}.icon-btn.delete-action-btn{color:#9ca3af!important;display:flex!important;align-items:center;justify-content:center;background:transparent!important}.icon-btn.delete-action-btn:hover{background:transparent!important}.icon-btn.delete-action-btn:hover svg{stroke:#ef4444!important;transition:stroke .2s ease}.icon-btn.delete-btn{color:#9ca3af!important;opacity:1!important;visibility:visible!important;display:flex!important;align-items:center;justify-content:center;background:transparent!important}.icon-btn.delete-btn svg{width:20px!important;height:20px!important;display:block!important;opacity:1!important;stroke:#9ca3af!important;fill:none!important;stroke-width:2px!important}.icon-btn.delete-btn svg line,.icon-btn.delete-btn svg path,.icon-btn.delete-btn svg polyline,.icon-btn.delete-btn svg rect,.icon-btn.delete-btn svg circle{stroke:#9ca3af!important}.icon-btn.delete-btn:hover svg,.icon-btn.delete-btn:hover svg *{stroke:#ef4444!important}.note-view-actions{border:none!important;box-shadow:none!important;display:flex;gap:8px;align-items:center}.icon-btn.delete-btn:hover{background:transparent;color:#ef4444}.note-detail-content{flex:1;overflow-y:auto;padding-right:8px}.note-detail-title{font-size:28px;font-weight:700;color:var(--text-primary, #e3e3e3);margin:0 0 16px;line-height:1.3}.note-detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #3c4043)}.note-body-text{font-size:16px;line-height:1.8;color:var(--text-primary, #e3e3e3);white-space:pre-wrap;margin-bottom:32px}.note-form-container{display:flex;flex-direction:column;height:100%}.note-editor{display:flex;flex-direction:column;flex:1;gap:24px;overflow-y:auto;padding-right:8px}.note-title-row{margin-bottom:0}.note-header-title-input{flex:1;background:transparent;border:none;font-size:24px;font-weight:600;color:var(--text-primary, #e3e3e3);padding:0 16px;margin:0 12px;outline:none;text-align:left;height:100%;border-bottom:1px solid transparent}.note-header-title-input::placeholder{color:var(--text-secondary, #606368);font-weight:600;opacity:.7}.note-meta-row{display:flex;gap:16px}.note-category-input,.note-tags-input{flex:1;padding:12px 16px!important;background:var(--bg-tertiary, #303030)!important;border:1px solid var(--border-color, #3c4043)!important;border-radius:8px!important;color:var(--text-primary, #e3e3e3)!important;font-size:14px!important;transition:all .2s ease}.note-category-input:focus,.note-tags-input:focus{border-color:var(--accent-color, #004f9d)!important;outline:none}.note-content-editor{flex:1;width:100%;background:transparent;border:none;color:var(--text-primary, #e3e3e3);font-size:16px;line-height:1.8;resize:none;outline:none;min-height:300px;font-family:inherit;padding:10px 0}.note-content-editor::placeholder{color:var(--text-secondary, #606368);font-style:italic}.note-editor-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-color, #3c4043)}.save-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background-color:#004f9d!important;background-image:none!important;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s ease;box-shadow:none!important;width:auto!important;min-width:0!important;flex:0 0 auto!important;opacity:1}.save-btn:hover{background-color:#004f9d!important;opacity:.8!important;transform:none!important;box-shadow:none!important;filter:none!important}.remove-file-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#ef4444;border:2px solid var(--bg-tertiary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s;z-index:10}.note-file-card:hover .remove-file-btn{opacity:1}.category-badge,.tag-badge{background:var(--hover-bg, #2a2a2a)!important;color:var(--text-secondary, #9aa0a6)!important;border:1px solid var(--border-color, #3c4043)!important}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:var(--bg-tertiary, #303030);border:2px dashed rgba(255,255,255,.1);border-radius:16px;color:var(--text-secondary, #9aa0a6);text-align:center;gap:16px;grid-column:1 / -1;min-height:200px}.empty-state-card svg{opacity:.5;color:var(--text-primary)}.empty-state-card p{font-size:14px;max-width:300px;line-height:1.5;margin:0}.note-detail-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.note-detail-meta .category-badge,.note-detail-meta .tag-badge{padding:6px 14px;font-size:11px}.password-manager-overlay,.password-manager-overlay *{font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.password-manager-overlay{position:fixed;top:60px;left:72px;right:0;bottom:0;background:var(--bg-secondary, #212121);display:flex;justify-content:center;align-items:center;z-index:2000;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.password-manager-container{background:var(--bg-secondary, #212121);width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.setup-container,.unlock-container{display:flex;justify-content:center;align-items:center;background:var(--bg-secondary, #212121);width:100%;height:100%;overflow:hidden}.password-manager-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-secondary, #212121);border-bottom:1px solid var(--border-color, #3c4043)}.header-left{display:flex;align-items:center;gap:12px}.header-left svg{color:var(--accent-color, #004f9d)}.header-left h2{font-family:var(--font-pixel, "Press Start 2P", cursive);font-size:11px;font-weight:400;color:var(--text-primary, #e3e3e3);margin:0;text-transform:uppercase;letter-spacing:2px;opacity:.9}.password-count{background:var(--accent-color, #004f9d);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}.close-btn{padding:8px;background:transparent;border:none;color:var(--text-secondary, #9aa0a6);cursor:pointer;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--hover-bg, #2a2a2a);color:var(--text-primary, #e3e3e3)}.password-manager-toolbar{display:flex;gap:12px;padding:12px 24px;background:var(--bg-secondary, #212121);align-items:center}.toolbar-lock-icon{color:var(--accent-color, #004f9d);flex-shrink:0}.search-box{flex:1;display:flex;align-items:center;gap:10px;background:var(--bg-tertiary, #303030);border:1px solid var(--border-color, #3c4043);border-radius:12px;padding:12px 16px;transition:all .2s ease}.search-box:focus-within{border-color:var(--accent-color, #004f9d)}.search-box svg{color:var(--text-secondary, #9aa0a6)}.search-box input{flex:1;background:transparent;border:none;color:var(--text-primary, #e3e3e3);font-size:14px;outline:none}.search-box input::placeholder{color:var(--text-secondary, #9aa0a6)}.add-password-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--bg-tertiary, #303030);border:1px solid var(--border-color, #3c4043);border-radius:12px;color:var(--text-secondary, #9aa0a6);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-password-btn:hover{background:var(--hover-bg, #2a2a2a);border-color:var(--accent-color, #004f9d);color:var(--text-primary, #e3e3e3)}.add-password-btn:disabled{opacity:.5;cursor:not-allowed}.add-password-btn svg{opacity:.7}.add-password-btn:hover svg{opacity:1}.passwords-list{flex:1;overflow-y:auto;padding:20px 24px;background:var(--bg-secondary, #212121);display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:min-content;gap:16px;align-items:start;align-content:start;scrollbar-width:thin;scrollbar-color:var(--border-color, #3c4043) transparent}.passwords-list::-webkit-scrollbar{width:8px}.passwords-list::-webkit-scrollbar-track{background:transparent}.passwords-list::-webkit-scrollbar-thumb{background:var(--border-color, #3c4043);border-radius:4px}.passwords-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #9aa0a6)}[data-theme=light] .passwords-list{scrollbar-color:#ccc transparent}[data-theme=light] .passwords-list::-webkit-scrollbar-thumb{background:#ccc}[data-theme=light] .passwords-list::-webkit-scrollbar-thumb:hover{background:#999}.password-card{background:var(--bg-tertiary, #303030);border:1px solid var(--border-color, #3c4043);border-radius:14px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:fit-content}.password-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.website-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.website-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--accent-color, #004f9d),#003366);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}.website-name{font-size:14px;font-weight:600;color:var(--text-primary, #e3e3e3);margin-bottom:4px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-badge{padding:3px 8px;border-radius:10px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.password-actions{display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.password-card:hover .password-actions{opacity:1}.password-actions button{padding:8px;background:var(--hover-bg, #2a2a2a);border:1px solid var(--border-color, #3c4043);color:var(--text-secondary, #9aa0a6);cursor:pointer;border-radius:10px;transition:all .2s ease}.password-actions button:hover{background:var(--accent-color, #004f9d);color:#fff;transform:scale(1.1)}.password-details{display:flex;flex-direction:column;gap:6px}.detail-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff05;border:1px solid transparent;border-radius:8px;transition:all .2s ease}.detail-row:hover{background:var(--hover-bg, #2a2a2a);border-color:var(--border-color, #3c4043)}.detail-label{font-size:11px;color:var(--text-secondary, #9aa0a6);min-width:80px;text-transform:uppercase;font-weight:700;letter-spacing:1px}.detail-value{flex:1;color:var(--text-primary, #e3e3e3);font-size:14px;font-family:Consolas,Monaco,monospace;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-value{letter-spacing:1px}.copy-btn,.toggle-password-btn{background:transparent;border:1px solid var(--border-color, #3c4043);color:var(--text-secondary, #9aa0a6);padding:6px;border-radius:8px;cursor:pointer;transition:all .2s ease}.copy-btn:hover,.toggle-password-btn:hover{background:var(--accent-color, #004f9d);color:#fff;border-color:var(--accent-color, #004f9d)}.password-notes{padding:14px 16px;background:#ffffff05;border:1px solid var(--border-color, #3c4043);border-radius:12px;color:var(--text-secondary, #9aa0a6);font-size:13px;line-height:1.6}.password-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{background:#004f9d33;color:var(--accent-color, #4c9aff);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}.master-password-setup{padding:0 32px 24px;width:540px;max-width:90%;margin:0 auto;background:var(--bg-tertiary, #303030);border-radius:24px;border:1px solid var(--border-color, #3c4043);box-sizing:border-box;transform-origin:center center}@media (max-height: 850px){.master-password-setup{transform:scale(1)}}@media (max-height: 780px){.master-password-setup{transform:scale(.95)}}@media (max-height: 700px){.master-password-setup{transform:scale(.88)}}@media (max-height: 620px){.master-password-setup{transform:scale(.8)}}.setup-header{text-align:center;margin-bottom:4px;position:relative;padding-top:16px}.setup-icon{color:var(--accent-color, #004f9d);margin-bottom:8px}.close-setup-btn{position:absolute;top:16px;right:-10px;background:var(--bg-secondary, #212121);border:1px solid var(--border-color, #3c4043);color:var(--text-secondary, #9aa0a6);cursor:pointer;padding:8px;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-setup-btn:hover{background:var(--hover-bg, #2a2a2a);color:var(--text-primary, #e3e3e3);border-color:var(--accent-color, #004f9d)}.setup-header h2{font-family:var(--font-pixel, "Press Start 2P", cursive);font-size:10px;font-weight:400;margin:0 0 6px;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary, #e3e3e3)}.setup-header p{color:var(--text-secondary, #9aa0a6);font-size:0px}.password-card{padding:20px;background:var(--bg-secondary, #212121);border:1px solid var(--border-color, #3c4043);border-radius:12px;margin-bottom:16px;margin-top:8px;transition:border-color .2s ease}.password-card:hover{border-color:var(--accent-color, #004f9d)}.password-card .form-group{margin-bottom:20px}.password-card .form-group:last-child{margin-bottom:0}.password-card input{background:var(--bg-tertiary, #303030)}.requirement-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff05;border-radius:8px;font-size:12px;color:var(--text-secondary, #9aa0a6);transition:all .2s ease}.requirement-item svg{color:var(--border-color, #3c4043);flex-shrink:0;transition:color .2s ease}.requirement-item.met svg{color:#22c55e}.setup-step h3{font-family:var(--font-pixel, "Press Start 2P", cursive);font-size:9px;margin:2px 0 10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary, #e3e3e3)}.step-description{color:var(--text-secondary, #9aa0a6);font-size:13px;margin-bottom:12px}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-row .form-group{margin-bottom:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-secondary, #9aa0a6);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--bg-tertiary, #303030);border:1px solid var(--border-color, #3c4043);border-radius:12px;padding:14px 16px;color:var(--text-primary, #e3e3e3);font-size:14px;transition:all .2s ease;min-height:48px;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color, #004f9d);box-shadow:0 0 0 2px #004f9d1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary, #9aa0a6);opacity:.6}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.form-group select option{background:var(--bg-tertiary, #303030);color:var(--text-primary, #e3e3e3);padding:12px}.toggle-password{position:absolute;right:12px;background:transparent;border:none;color:var(--text-secondary, #9aa0a6);cursor:pointer;padding:4px;transition:color .2s ease}.toggle-password:hover{color:var(--text-primary, #e3e3e3)}.password-strength{margin-top:12px;display:flex;align-items:center;gap:12px}.strength-bar{flex:1;height:6px;background:var(--border-color, #3c4043);border-radius:3px;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease;border-radius:3px}.strength-1{width:25%;background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef444466}.strength-2{width:50%;background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 8px #f59e0b66}.strength-3{width:75%;background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:0 0 8px #22c55e66}.strength-4{width:100%;background:linear-gradient(90deg,#004f9d,#06c);box-shadow:0 0 10px #004f9d80}.strength-label{font-size:12px;color:var(--text-secondary, #9aa0a6);min-width:60px;font-weight:500}.setup-tips{display:flex;gap:12px;padding:12px 16px;background:#f59e0b1a!important;border:1px solid rgba(245,158,11,.3)!important;border-radius:12px;margin-top:12px;font-size:13px;line-height:1.5;height:50px;align-items:center;color:#fff!important}.setup-tips strong{color:#fff!important}.setup-tips svg{color:#f59e0b!important}.setup-warning{display:flex;gap:12px;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-top:16px;font-size:13px;line-height:1.5;align-items:flex-start}.setup-warning ul{margin:8px 0 0;padding-left:20px}.setup-warning li{margin-bottom:4px;color:var(--text-secondary, #9aa0a6)}.setup-error,.unlock-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:12px;margin-top:12px;margin-bottom:18px;font-size:13px;line-height:1.5;display:flex;align-items:center;gap:12px;height:50px}.setup-step-2{margin-top:8px}.security-question-card{display:flex;gap:12px;padding:16px;background:var(--bg-secondary, #212121);border:1px solid var(--border-color, #3c4043);border-radius:12px;margin-bottom:12px;transition:border-color .2s ease}.security-question-card:hover{border-color:var(--accent-color, #004f9d)}.security-question-card:last-child{margin-bottom:0}.question-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#004f9d,#036);border-radius:8px;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.question-content{flex:1;display:flex;flex-direction:column;gap:8px}.question-content select{width:100%;background:var(--bg-tertiary, #303030);color:var(--text-primary, #e3e3e3);min-height:38px;padding:8px 36px 8px 12px;border-radius:8px;border:1px solid var(--border-color, #3c4043);font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;transition:border-color .2s ease}.question-content select:focus{outline:none;border-color:var(--accent-color, #004f9d)}.question-content input{width:100%;background:var(--bg-tertiary, #303030);color:var(--text-primary, #e3e3e3);min-height:38px;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color, #3c4043);font-size:13px;transition:border-color .2s ease}.question-content input:focus{outline:none;border-color:var(--accent-color, #004f9d)}.question-content input::placeholder{color:var(--text-secondary, #9aa0a6);opacity:.6}.confirm-card{padding:18px;background:var(--bg-secondary, #212121);border:1px solid var(--border-color, #3c4043);border-radius:12px;margin-top:8px}.confirm-section{margin-bottom:0}.confirm-title{font-size:11px;font-weight:600;color:var(--text-secondary, #9aa0a6);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.confirm-items{display:flex;flex-direction:column;gap:8px}.confirm-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#22c55e14;border-radius:8px;font-size:13px;color:#22c55e}.confirm-item svg{flex-shrink:0}.confirm-item.next-step{background:#004f9d14;color:var(--text-primary, #e3e3e3)}.confirm-item.next-step svg{color:#4c9aff}.confirm-item.tip-item{background:#f59e0b14;color:var(--text-primary, #e3e3e3)}.confirm-item.tip-item svg{color:#f59e0b}.confirm-divider{height:1px;background:var(--border-color, #3c4043);margin:12px 0}.security-tips-card{padding:16px;background:var(--bg-secondary, #212121);border:1px solid var(--border-color, #3c4043);border-radius:12px;margin-top:12px}.security-tip-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:13px;color:var(--text-primary, #e3e3e3)}.security-tip-item:last-child{padding-bottom:0}.tip-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#004f9d33;border-radius:50%;color:#4c9aff;font-weight:600;font-size:12px;flex-shrink:0}.setup-actions,.reset-actions{display:flex;gap:12px;margin-top:20px}.back-btn,.cancel-btn{flex:1;padding:14px 24px;background:var(--bg-secondary, #212121);border:1px solid var(--border-color, #3c4043);color:var(--text-secondary, #9aa0a6);border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover,.cancel-btn:hover{border-color:var(--text-primary, #e3e3e3);color:var(--text-primary, #e3e3e3);background:var(--hover-bg, #2a2a2a)}.next-btn,.unlock-btn,.save-btn{flex:1;padding:14px 24px;background:linear-gradient(135deg,#004f9d,#036);border:none;color:#fff;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;font-size:14px}.next-btn:hover,.unlock-btn:hover,.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #004f9d66}.master-password-unlock{padding:50px 40px 40px;width:560px;margin:0 auto;text-align:center;background:var(--bg-tertiary, #303030);border-radius:24px;border:1px solid var(--border-color, #3c4043)}.forgot-password-link{background:transparent;border:none;color:var(--accent-color, #4c9aff);padding:12px;font-size:13px;cursor:pointer;margin-top:16px;transition:all .2s ease;display:block;width:100%;text-align:center}.forgot-password-link:hover{color:var(--text-primary, #e3e3e3);text-decoration:underline}.master-password-unlock input{background:#202020;border-color:#3c4043}.master-password-unlock input:focus{background:#1a1a1a;border-color:var(--accent-color)}.unlock-header{margin-bottom:32px}.unlock-icon{color:var(--accent-color, #004f9d);margin-bottom:16px}.unlock-header h2{font-family:var(--font-pixel, "Press Start 2P", cursive);font-size:10px;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary, #e3e3e3)}.unlock-header p{color:var(--text-secondary, #9aa0a6);font-size:14px}.pbkdf2-badge{display:inline-block;padding:4px 10px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:8px;font-size:10px;color:#22c55e;margin-top:8px}.forgot-password-btn{background:transparent;border:none;color:var(--accent-color, #4c9aff);padding:12px;font-size:13px;cursor:pointer;margin-top:16px;transition:all .2s ease}.forgot-password-btn:hover{color:var(--text-primary, #e3e3e3);text-decoration:underline}.reset-header{text-align:center;margin-bottom:12px}.reset-header h2{font-family:var(--font-pixel, "Press Start 2P", cursive);font-size:10px;margin:0;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary, #e3e3e3)}.reset-description{text-align:center;color:var(--text-secondary, #9aa0a6);font-size:14px;margin-bottom:24px}.close-unlock-btn{position:absolute;top:20px;right:20px;background:var(--bg-secondary, #212121);border:1px solid var(--border-color, #3c4043);color:var(--text-secondary, #9aa0a6);cursor:pointer;padding:8px;border-radius:10px;transition:all .2s ease}.close-unlock-btn:hover{background:var(--hover-bg, #2a2a2a);color:var(--text-primary, #e3e3e3)}.password-modal-overlay{position:fixed;top:60px;left:72px;right:0;bottom:0;background:#0000001a;display:flex;justify-content:center;align-items:flex-start;padding-top:40px;z-index:10000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:overlayFadeIn .2s ease}.password-modal{background:var(--bg-secondary, #212121);border:1px solid var(--border-color, #3c4043);border-radius:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #0000004d;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}.password-modal::-webkit-scrollbar{width:8px}.password-modal::-webkit-scrollbar-track{background:transparent}.password-modal::-webkit-scrollbar-thumb{background:var(--border-color, #3c4043);border-radius:4px}.password-modal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #9aa0a6)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color, #3c4043);background:var(--bg-secondary, #212121)}.modal-header h3{font-family:var(--font-pixel, "Press Start 2P", cursive);font-size:10px;font-weight:400;margin:0;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary, #e3e3e3)}.modal-header button{padding:6px;width:34px;height:34px;background:transparent;border:1px solid var(--border-color, #3c4043);color:var(--text-secondary, #9aa0a6);cursor:pointer;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-header button:hover{background:var(--hover-bg, #2a2a2a);color:var(--text-primary, #e3e3e3)}.password-form{padding:24px}.form-actions{display:flex;gap:12px;margin-top:24px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:var(--bg-tertiary, #303030);border:2px dashed var(--border-color, #3c4043);border-radius:24px;color:var(--text-secondary, #9aa0a6);text-align:center;grid-column:1 / -1}.empty-state svg{opacity:.3;margin-bottom:20px}.empty-state p{font-size:15px;margin:0;max-width:300px;line-height:1.6}@media (max-width: 768px){.password-manager-overlay{left:0;top:60px}.password-manager-toolbar{flex-direction:column}.passwords-list,.password-card{padding:16px}.website-info{flex-direction:column;align-items:flex-start;gap:10px}.detail-row{flex-wrap:wrap}.password-modal{width:95%;margin:16px}}.master-password-setup,.master-password-unlock{padding:32px;width:600px;max-width:90%;min-height:380px;margin:0 auto;background:var(--bg-tertiary, #303030);border-radius:24px;border:1px solid var(--border-color, #3c4043);box-sizing:border-box;animation:overlayFadeIn .3s ease}.setup-header,.unlock-header{text-align:center;margin-bottom:4px;position:relative;padding-top:16px;flex-shrink:0}.setup-icon,.unlock-icon{color:var(--accent-color, #004f9d);margin-bottom:8px}.setup-header h2,.unlock-header h2{font-family:var(--font-pixel, "Press Start 2P", cursive);font-size:10px;font-weight:400;margin:0 0 6px;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary, #e3e3e3)}.setup-header p,.unlock-header p{color:var(--text-secondary, #9aa0a6);font-size:13px;line-height:1.4;margin:0 0 16px}.setup-step{margin-bottom:16px}.setup-step-1{min-height:420px;display:flex;flex-direction:column}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:12px;color:var(--text-secondary, #9aa0a6);font-weight:500}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:40px}.toggle-password{position:absolute;right:8px;background:transparent;border:none;color:var(--text-secondary, #9aa0a6);cursor:pointer;display:flex;align-items:center;justify-content:center}.password-strength{margin-top:8px}.strength-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:4px}.strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.strength-0{width:0%}.strength-1{width:25%;background-color:#ef4444}.strength-2{width:50%;background-color:#f59e0b}.strength-3{width:75%;background-color:#3b82f6}.strength-4{width:100%;background-color:#22c55e}.strength-label{font-size:11px;color:var(--text-secondary, #9aa0a6)}.unlock-btn{width:100%;padding:14px;background:var(--accent-color, #004f9d);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:16px}.unlock-btn:hover{background:#003d7a;transform:translateY(-1px)}.unlock-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:10px;border-radius:8px;font-size:13px;margin-top:8px;text-align:center}.password-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);gap:16px}.password-manager-loading svg{color:var(--accent-color);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.password-requirements{padding:16px;background:var(--bg-secondary, #212121);border:1px solid var(--border-color, #3c4043);border-radius:12px;margin-bottom:8px}.requirements-title{font-size:11px;font-weight:600;color:var(--text-secondary, #9aa0a6);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.requirements-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.requirement-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff05;border-radius:8px;font-size:12px;color:var(--text-secondary, #9aa0a6)}.requirement-item.met{color:#22c55e;background:#22c55e14}.setup-tips{display:flex;gap:12px;padding:12px;background:#3b82f61a;border-radius:8px;font-size:13px;color:#3b82f6;align-items:center}.setup-actions{display:flex;gap:12px;margin-top:16px}.next-btn{flex:1;padding:12px;background:var(--accent-color, #004f9d);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer}.back-btn{padding:12px 24px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:12px;cursor:pointer}.app.light .master-password-setup{background:#fff;border-color:#e8eaed}.app.light .password-card,.app.light .security-question-card,.app.light .password-requirements{background:#f8f9fa;border-color:#e8eaed}.app.light .form-group input,.app.light .form-group select,.app.light .form-group textarea,.app.light .question-content input,.app.light .question-content select{background:#fff;border-color:#e8eaed;color:#3c4043}.app.light .form-group input::placeholder,.app.light .form-group textarea::placeholder,.app.light .question-content input::placeholder{color:#5f6368}.app.light .setup-btn{background:#004f9d;color:#fff}.app.light .back-btn{background:#f1f3f4;color:#3c4043;border-color:#e8eaed}.app.light .back-btn:hover{background:#e8eaed}.app.light .forgot-password-link{color:#004f9d}.app.light .close-setup-btn{background:#f1f3f4;border-color:#e8eaed;color:#5f6368}.app.light .close-setup-btn:hover{background:#e8eaed;color:#3c4043}.app.light .setup-tips{color:#3c4043!important;background:#f59e0b26!important}.app.light .setup-tips strong{color:#3c4043!important}.app.light .step-description{color:#5f6368}.extension-overlay,.extension-overlay *{font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.extension-overlay{position:fixed;top:60px;left:72px;right:0;bottom:0;background:var(--bg-secondary);display:flex;justify-content:stretch;align-items:stretch;z-index:3000;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.extension-container{background:transparent;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.extension-tabs{display:flex;gap:8px;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid rgba(255,255,255,.08)}.extension-tab{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:12px 24px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-secondary, #9aa0a6);font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap}.extension-tab:hover{background:#ffffff0d;color:var(--text-primary, #e3e3e3);border-color:#ffffff1a}.extension-tab svg{opacity:.7;transition:opacity .2s ease}.extension-tab:hover svg{opacity:1}.extension-tab.active{background:linear-gradient(135deg,#004f9d,#06c);color:#fff;border-color:transparent;box-shadow:0 4px 16px #004f9d66}.extension-tab.active svg{opacity:1}.extension-content{flex:1;overflow-y:auto;padding:32px;background:transparent}.demo-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;height:100%;max-width:1400px;margin:0 auto}.demo-instructions,.form-card{background:linear-gradient(180deg,#303030e6,#262626f2);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .3s ease,box-shadow .3s ease}.demo-instructions:hover,.form-card:hover{border-color:#004f9d66;box-shadow:0 8px 32px #0000004d}.demo-instructions{position:relative;overflow:hidden}.demo-instructions:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#004f9d,#4c9aff,#004f9d);opacity:.8}.instructions-title{font-family:"Press Start 2P",cursive;font-size:11px;color:#4c9aff;text-transform:uppercase;letter-spacing:1px;margin:8px 0 24px;line-height:1.5;text-shadow:0 0 20px rgba(76,154,255,.3)}.step-list{display:flex;flex-direction:column;gap:6px;flex:1}.step-item{display:flex;align-items:flex-start;gap:10px;padding:6px 10px;border-radius:8px;transition:all .3s ease;border:1px solid transparent;background:transparent}.step-item:hover{background:#ffffff08}.step-item.active{background:linear-gradient(135deg,#004f9d33,#4c9aff1a);border-color:#4c9aff4d;box-shadow:0 4px 12px #004f9d33}.step-item.completed .step-number{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 2px 8px #4caf5066}.step-number{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;background:#3c4043cc;color:var(--text-secondary, #9aa0a6);transition:all .3s ease;border:2px solid transparent}.step-item.active .step-number{background:linear-gradient(135deg,#004f9d,#06c);color:#fff;box-shadow:0 2px 8px #004f9d66}.step-text{font-size:13px;line-height:1.5;color:var(--text-secondary, #9aa0a6);padding-top:3px}.step-item.active .step-text{color:var(--text-primary, #e3e3e3)}.security-badge{display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#4caf5026,#4caf501a);border:1px solid rgba(76,175,80,.3);border-radius:12px;margin-top:10px}.security-badge svg{color:#4caf50;flex-shrink:0}.security-badge span{font-size:13px;font-weight:600;color:#4caf50;letter-spacing:.3px}.demo-forms{display:contents}.form-card{position:relative;overflow:hidden}.form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4c9aff,#6bb3ff,#4c9aff);opacity:.8}.form-card:last-child:before{background:linear-gradient(90deg,#4caf50,#66bb6a,#4caf50)}.form-title{font-size:16px;font-weight:600;color:var(--text-primary, #e3e3e3);margin:8px 0 6px;display:flex;align-items:center;gap:10px}.form-title svg{color:#4c9aff;filter:drop-shadow(0 0 8px rgba(76,154,255,.4))}.form-title.signup-title svg{color:#4caf50;filter:drop-shadow(0 0 8px rgba(76,175,80,.4))}.form-subtitle{font-size:12px;color:var(--text-secondary, #9aa0a6);margin:0 0 24px}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary, #9aa0a6);margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.input-wrapper{position:relative}.input-wrapper input{width:100%;padding:14px 44px;font-size:14px;border:1px solid rgba(60,64,67,.8);border-radius:10px;background:#1a1a1acc;color:var(--text-primary, #e3e3e3);outline:none;box-sizing:border-box;transition:all .3s ease}.input-wrapper input::placeholder{color:#9aa0a699}.input-wrapper input:focus{border-color:#4c9aff;box-shadow:0 0 0 3px #4c9aff26;background:#1a1a1a}.input-wrapper input.autofilling{border-color:#4caf50;box-shadow:0 0 0 4px #4caf5040,inset 0 0 30px #4caf5033;background:#4caf5026!important;animation:autofillPulse .6s ease;color:#e8f5e9!important;-webkit-text-fill-color:#e8f5e9!important}@keyframes autofillPulse{0%,to{transform:scale(1);background:#4caf5026}50%{transform:scale(1.01);background:#4caf5040}}.input-wrapper input.error{border-color:#f44336;box-shadow:0 0 0 3px #f4433626}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #9aa0a6)}.eye-button{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--text-secondary, #9aa0a6);padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.eye-button:hover{color:var(--text-primary, #e3e3e3)}.submit-btn{width:100%;padding:14px;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;background:linear-gradient(135deg,#004f9d,#06c);color:#fff;margin-top:12px;box-shadow:0 4px 16px #004f9d4d}.submit-btn:disabled{background:#3c404399;cursor:not-allowed;opacity:.7;box-shadow:none}.submit-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 24px #004f9d66}.submit-btn.success,.submit-btn.signup-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 16px #4caf504d}.submit-btn.signup-btn:disabled{background:#3c404399;box-shadow:none}.submit-btn.signup-btn:not(:disabled):hover{box-shadow:0 6px 24px #4caf5066}.form-feature{display:flex;align-items:center;gap:14px;padding:13px 14px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:12px}.form-feature+.form-feature{margin-top:8px}.form-feature:first-of-type{margin-top:10px}.form-feature.solo{margin-top:auto}.feature-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon.login-feature{background:linear-gradient(135deg,#4c9aff33,#4c9aff1a);color:#4c9aff;box-shadow:0 4px 12px #4c9aff26}.feature-icon.signup-feature{background:linear-gradient(135deg,#4caf5033,#4caf501a);color:#4caf50;box-shadow:0 4px 12px #4caf5026}.feature-icon.vault-feature{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.feature-content h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text-primary, #e3e3e3)}.feature-content p{margin:0;font-size:12px;color:var(--text-secondary, #9aa0a6);line-height:1.4}.guide-content{max-width:1000px;margin:0 auto}.guide-title{font-family:"Press Start 2P",cursive;font-size:14px;color:var(--text-primary, #e3e3e3);text-transform:uppercase;margin:0 0 40px;text-align:center;line-height:1.5}.guide-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.guide-section{background:linear-gradient(180deg,#303030e6,#262626f2);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.guide-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,#4c9aff,transparent)}.guide-section:hover{border-color:#004f9d66;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.guide-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.guide-icon.autofill-icon{background:linear-gradient(135deg,#4c9aff33,#4c9aff1a);color:#4c9aff;box-shadow:0 4px 16px #4c9aff33}.guide-icon.save-icon{background:linear-gradient(135deg,#4caf5033,#4caf501a);color:#4caf50;box-shadow:0 4px 16px #4caf5033}.guide-icon.security-icon{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#f59e0b;box-shadow:0 4px 16px #f59e0b33}.guide-icon.key-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#8b5cf6;box-shadow:0 4px 16px #8b5cf633}.guide-section h3{font-size:16px;font-weight:600;color:var(--text-primary, #e3e3e3);margin:0 0 10px}.guide-section p{font-size:13px;color:var(--text-secondary, #9aa0a6);line-height:1.6;margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.save-modal{background:linear-gradient(180deg,#303030,#262626);border-radius:20px;padding:32px;width:380px;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px #00000080;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.modal-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#4c9aff33,#4c9aff1a);display:flex;align-items:center;justify-content:center;color:#4c9aff;box-shadow:0 4px 16px #4c9aff33}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #e3e3e3)}.modal-header p{margin:4px 0 0;font-size:13px;color:var(--text-secondary, #9aa0a6)}.modal-credentials{background:#1a1a1acc;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;margin-bottom:24px}.credential-row{display:flex;align-items:center;gap:12px;font-size:14px}.credential-row:first-child{margin-bottom:10px;color:var(--text-primary, #e3e3e3)}.credential-row:last-child{color:var(--text-secondary, #9aa0a6)}.credential-row svg{color:var(--text-secondary, #9aa0a6)}.modal-actions{display:flex;gap:12px}.modal-btn{flex:1;padding:14px;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.modal-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary, #9aa0a6)}.modal-btn.secondary:hover{background:#ffffff0d;color:var(--text-primary, #e3e3e3);border-color:#ffffff40}.modal-btn.primary{background:linear-gradient(135deg,#004f9d,#06c);color:#fff;box-shadow:0 4px 16px #004f9d4d}.modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #004f9d66}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;padding:16px 28px;border-radius:14px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;box-shadow:0 12px 40px #4caf5066;z-index:10002;animation:toastSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideUp{0%{transform:translate(-50%) translateY(30px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.app.light .demo-instructions,.app.light .form-card,.app.light .guide-section{background:linear-gradient(180deg,#fff,#f8f9fa);border-color:#00000014}.app.light .input-wrapper input{background:#fff;border-color:#0000001f;color:#3c4043}.app.light .extension-tabs{background:var(--bg-secondary);border-bottom:1px solid rgba(0,0,0,.08)}.app.sidebar-open .extension-overlay{left:280px}.demo-sidebar-wrapper{position:fixed;top:0;right:0;bottom:0;z-index:2147483640;pointer-events:none}.demo-sidebar-wrapper>*{pointer-events:auto}.extension-overlay [class*=react-joyride] button[data-action=primary],.extension-overlay [class*=__primary]{font-family:"Press Start 2P",cursive!important;font-size:9px!important;letter-spacing:.5px!important;text-transform:uppercase!important;padding:12px 20px!important}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #3b82f6;--primary-gradient: #3b82f6;--primary-bg-light: rgba(59, 130, 246, .1);--sidebar-bg: #ffffff;--main-bg: #f9fafb;--secondary-bg: #f3f4f6;--message-bg: #ffffff;--modal-bg: #ffffff;--input-bg: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--hover-bg: #f3f4f6;--active-bg: #e5e7eb;--danger-bg: rgba(239, 68, 68, .1);--danger-color: #ef4444;--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #9ca3af}body.dark-mode{--sidebar-bg: #1e2333;--main-bg: #13161f;--secondary-bg: #252a3d;--message-bg: #252a3d;--modal-bg: #1e2333;--input-bg: #252a3d;--text-primary: #f7fafc;--text-secondary: #cbd5e0;--border-color: #2d3748;--hover-bg: #2d3748;--active-bg: #374151;--danger-bg: rgba(239, 68, 68, .2);--danger-color: #f87171;--scrollbar-thumb: #4a5568;--scrollbar-thumb-hover: #667eea}body{font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--main-bg);color:var(--text-primary);transition:background .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100vw;height:100vh;overflow:hidden}.demo-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:500;box-shadow:0 2px 8px #0003}.demo-banner-icon{font-size:16px}.demo-banner-text{text-align:center}.demo-banner-link{color:#fff;text-decoration:underline;font-weight:600;cursor:pointer;transition:opacity .2s}.demo-banner-link:hover{opacity:.8}.demo-app-container{margin-top:36px;height:calc(100vh - 36px)}.demo-banner-inline{text-align:center;padding:2px;font-size:12px;color:var(--text-secondary);margin-top:2px;margin-bottom:-8px}.demo-banner-inline a{color:#004f9d;text-decoration:underline;font-weight:600}