@charset "UTF-8";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Avenir,Helvetica,Arial,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #4f46e5;--primary-hover: #1f51ff;--accent-color: #ff7e5f;--accent-hover: #ff6347;--text-color: #333333;--light-text: #666666;--background-color: #ffffff;--light-background: #ffffff;--border-color: #e0e0e0;--border-radius: 8px;--shadow: 0 4px 6px rgba(0, 0, 0, .05);--header-height: 60px;--footer-height: 80px;--max-width: 1200px;--transition: all .3s ease}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{color:#333;background:#fff;font-family:Avenir,Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.6}#app{max-width:100%;margin:0 auto;font-weight:400;display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;margin-top:0}a{text-decoration:none;color:#4f46e5;transition:all .3s ease}a:hover{color:#1f51ff}button{background-color:#4f46e5;color:#fff;border:none;border-radius:8px;padding:12px 20px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease}button:hover{background-color:#1f51ff}button:disabled{background-color:#ccc;cursor:not-allowed}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.05);padding:24px;margin-bottom:20px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:500;color:#333}input,select,textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease;background-color:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px rgba(74,111,165,.2)}.error-message{color:#e53935;margin-top:5px;padding:10px;background-color:rgba(229,57,53,.1);border-radius:8px;font-size:14px}@media (max-width: 768px){.card{padding:20px}button{width:100%}}.mobile-navbar[data-v-e4099a8f]{width:100%;height:100%;display:flex;align-items:center;background-color:var(--background-color, white)}.nav-items[data-v-e4099a8f]{display:flex;width:100%;height:100%;justify-content:space-around}.nav-item[data-v-e4099a8f]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:start;color:var(--light-text, #718096);text-decoration:none;position:relative;transition:all .2s ease;padding:8px 0;height:100%}.nav-item.router-link-active[data-v-e4099a8f]{color:#4f46e5}.nav-icon[data-v-e4099a8f]{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:4px}.nav-label[data-v-e4099a8f]{font-size:.75rem;font-weight:500}.admin-badge[data-v-e4099a8f]{position:absolute;top:-6px;right:-6px;background-color:var(--accent-color, #ef4444);color:#fff;border-radius:50%;width:16px;height:16px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}.unread-indicator[data-v-e4099a8f]{position:absolute;top:-4px;right:-4px;background-color:#4caf50;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px rgba(0,0,0,.2);border:2px solid white}.bottom-sheet-overlay[data-v-f7d65abd]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0);z-index:1001;display:flex;align-items:flex-end;transition:background-color .3s ease;pointer-events:none}.bottom-sheet-overlay.overlay-visible[data-v-f7d65abd]{background-color:rgba(0,0,0,.5);pointer-events:auto}.bottom-sheet[data-v-f7d65abd]{background-color:#fff;border-radius:20px 20px 0 0;width:100%;max-height:0;display:flex;flex-direction:column;box-shadow:0 -4px 20px rgba(0,0,0,.15);overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),transform .3s ease}.bottom-sheet.bottom-sheet-visible[data-v-f7d65abd]{max-height:80vh}.bottom-sheet.dragging[data-v-f7d65abd]{transition:max-height .4s cubic-bezier(.4,0,.2,1)}.drag-area[data-v-f7d65abd]{cursor:grab;user-select:none}.drag-area[data-v-f7d65abd]:active{cursor:grabbing}.bottom-sheet-handle[data-v-f7d65abd]{width:40px;height:4px;background-color:#e2e8f0;border-radius:2px;margin:12px auto 8px;flex-shrink:0;transition:background-color .2s ease;pointer-events:none}.drag-area:hover .bottom-sheet-handle[data-v-f7d65abd]{background-color:#cbd5e1}.drag-area:active .bottom-sheet-handle[data-v-f7d65abd]{background-color:#94a3b8}.bottom-sheet-header[data-v-f7d65abd]{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0;pointer-events:none;transition:background-color .2s ease}.drag-area:active .bottom-sheet-header[data-v-f7d65abd]{background-color:#f8fafc}.transaction-header-info[data-v-f7d65abd]{flex:1;min-width:0}.transaction-title[data-v-f7d65abd]{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 4px}.transaction-amount[data-v-f7d65abd]{font-size:1.5rem;font-weight:700;margin:0}.transaction-amount .amount-positive[data-v-f7d65abd]{color:#10b981}.transaction-amount .amount-negative[data-v-f7d65abd]{color:#4b5563}.bottom-sheet-content[data-v-f7d65abd]{flex:1 1 auto;overflow-y:auto;padding:0 20px 20px;min-height:0}.detail-section h4[data-v-f7d65abd]{font-size:1.1rem;font-weight:600;color:#1f2937;margin:20px 0 16px}.detail-item[data-v-f7d65abd]{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0}.detail-item[data-v-f7d65abd]:last-child{border-bottom:none}.detail-label[data-v-f7d65abd]{font-weight:500;color:#6b7280;flex-shrink:0;margin-right:16px}.detail-value[data-v-f7d65abd]{text-align:right;color:#1f2937;font-weight:500;word-break:break-word}.detail-value.transaction-id[data-v-f7d65abd]{font-family:monospace;font-size:.85rem;color:#6b7280}.transaction-badge[data-v-f7d65abd]{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500}.transaction-badge.account-related[data-v-f7d65abd]{background-color:rgba(16,185,129,.1);color:#10b981}.transaction-badge.external[data-v-f7d65abd]{background-color:rgba(107,114,128,.1);color:#6b7280}:root{--navbar-height: 85px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.app-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.content-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--navbar-height) + var(--safe-area-bottom));position:relative;z-index:1;will-change:transform}.content-area.no-navbar-padding{padding-bottom:0}.navbar-area{position:fixed;bottom:0;left:0;width:100%;height:calc(var(--navbar-height) + var(--safe-area-bottom));z-index:100;background-color:var(--background-color, white);box-shadow:0 -2px 10px rgba(0,0,0,.1);padding-bottom:var(--safe-area-bottom)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.modal-content{background-color:#fff;padding:2rem;max-width:400px;width:90%;border-radius:12px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1)}.modal-content.confirm-modal-content{padding:.9rem 1.5rem 1.5rem;width:400px;max-width:90%;text-align:left}.modal-content.confirm-modal-content h3{margin:0;font-size:1.25rem;color:#000;margin-bottom:1rem}.modal-content.confirm-modal-content p{color:#757575;line-height:1.4;margin-bottom:1.5rem}.modal-content.confirm-modal-content .modal-buttons.confirmation-actions{display:flex;justify-content:flex-end;gap:.75rem}.modal-content.confirm-modal-content .modal-buttons.confirmation-actions .cancel-button{padding:.75rem 1.25rem;background-color:#f5f5f5;border-radius:10px;cursor:pointer;color:#e11d48;transition:background-color .2s ease}.modal-content.confirm-modal-content .modal-buttons.confirmation-actions .cancel-button:hover:not(:disabled){background-color:#eee}.modal-content.confirm-modal-content .modal-buttons.confirmation-actions .confirm-button{padding:.75rem 1.25rem;background-color:#e11d48;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease}.modal-content.confirm-modal-content .modal-buttons.confirmation-actions .confirm-button:hover:not(:disabled){background-color:#be123c}.modal-content.confirm-modal-content .modal-buttons.confirmation-actions .confirm-button:disabled{background-color:#bdbdbd;cursor:not-allowed;box-shadow:none}.modal-content .modal-icon{margin-bottom:1rem}.modal-content .modal-icon .success-icon{color:#4caf50}.modal-content .modal-icon .error-icon{color:#dc3545}.modal-content h3{margin-bottom:1rem;font-family:Arial,Helvetica,sans-serif}.modal-content p{margin-bottom:1.5rem;color:#6c757d}.modal-content .modal-buttons{display:flex;justify-content:center}.modal-content .modal-buttons.confirmation-actions{justify-content:flex-end;gap:12px}.modal-content .modal-buttons .spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.modal-content .modal-buttons .modal-button{padding:.8rem 2rem;background-color:#4f46e5;color:#fff;border:none;border-radius:9px;cursor:pointer;box-shadow:0 4px 6px rgba(79,70,229,.2)}.modal-content .modal-buttons .modal-button:disabled{opacity:.7;cursor:not-allowed}.image-modal-content{background-color:#fff;border-radius:8px;overflow:hidden;max-width:90%;max-height:90vh;display:flex;flex-direction:column;width:100%}@media (max-width: 480px){.image-modal-content{max-width:95%;max-height:80vh}}.image-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0}.image-modal-header h3{margin:0;font-size:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.image-modal-body{display:flex;justify-content:center;align-items:center;overflow:auto;max-height:calc(90vh - 60px)}@media (max-width: 480px){.image-modal-body{max-height:calc(80vh - 50px)}}.document-image{max-width:100%;max-height:100%;object-fit:contain}.close-modal-btn{background:none;border:none;cursor:pointer;color:#4f46e5;width:fit-content;font-size:1.2rem;display:flex;align-items:center;justify-content:center;padding:4px}.close-modal-btn:active{background-color:inherit}@keyframes spin{to{transform:rotate(360deg)}}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .2s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-zoom-enter-active,.modal-zoom-leave-active{transition:all .3s ease;transform-origin:center}.modal-zoom-enter-from,.modal-zoom-leave-to{transform:scale(.7)}.new-chat-modal{padding:.9rem 1.5rem 1.5rem;width:400px;max-width:90%;text-align:left;border-radius:12px}.new-chat-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.new-chat-modal .modal-header h3{margin:0;font-size:1.25rem;color:#2c3e50}.new-chat-modal .modal-body{margin-bottom:1.5rem}.new-chat-modal .modal-body .form-group{margin-bottom:1rem}.new-chat-modal .modal-body .form-group input{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.new-chat-modal .modal-body .form-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.new-chat-modal .modal-body .modal-info{font-size:.875rem;color:#757575;line-height:1.4;margin:0}.new-chat-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem}.new-chat-modal .modal-footer .btn-cancel{padding:.75rem 1.25rem;background-color:#f5f5f5;border-radius:10px;cursor:pointer;color:#4f46e5;transition:background-color .2s ease}.new-chat-modal .modal-footer .btn-cancel:hover{background-color:#eee}.new-chat-modal .modal-footer .btn-create{padding:.75rem 1.25rem;background-color:#4f46e5;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease}.new-chat-modal .modal-footer .btn-create:hover:not(:disabled){background-color:#4338ca}.new-chat-modal .modal-footer .btn-create:disabled{background-color:#bdbdbd;cursor:not-allowed;box-shadow:none}
