@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";.editable-cell{cursor:pointer;min-height:20px;padding:2px 4px;border-radius:4px;transition:background-color .15s ease}.editable-cell:hover{background-color:#dcfce7}.editable-cell.editing{padding:0;background-color:#dcfce7;border:1px solid #16A34A;border-radius:4px}.editable-input,.editable-select{width:100%;padding:4px 6px;border:none;background:transparent;font-family:Inter,system-ui,sans-serif;font-size:14px;color:#111827;outline:none}.editable-input:focus,.editable-select:focus{outline:none}.editable-number{text-align:right}.editable-select{cursor:pointer}.edit-error{display:block;font-size:11px;color:#dc2626;margin-top:2px;padding:0 4px}.category-pill{display:inline-block;padding:2px 8px;border-radius:6px;background-color:#f3f4f6;color:#374151;font-size:12px;font-weight:500;border:none;line-height:1.4}.rdp{--rdp-cell-size: 40px;--rdp-caption-font-size: 18px;--rdp-accent-color: #0000ff;--rdp-background-color: #e7edff;--rdp-accent-color-dark: #3003e1;--rdp-background-color-dark: #180270;--rdp-outline: 2px solid var(--rdp-accent-color);--rdp-outline-selected: 3px solid var(--rdp-accent-color);--rdp-selected-color: #fff;margin:1em}.rdp-vhidden{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute!important;top:0;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;border:0!important}.rdp-button_reset{appearance:none;position:relative;margin:0;padding:0;cursor:default;color:inherit;background:none;font:inherit;-moz-appearance:none;-webkit-appearance:none}.rdp-button_reset:focus-visible{outline:none}.rdp-button{border:2px solid transparent}.rdp-button[disabled]:not(.rdp-day_selected){opacity:.25}.rdp-button:not([disabled]){cursor:pointer}.rdp-button:focus-visible:not([disabled]){color:inherit;background-color:var(--rdp-background-color);border:var(--rdp-outline)}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--rdp-background-color)}.rdp-months{display:flex}.rdp-month{margin:0 1em}.rdp-month:first-child{margin-left:0}.rdp-month:last-child{margin-right:0}.rdp-table{margin:0;max-width:calc(var(--rdp-cell-size) * 7);border-collapse:collapse}.rdp-with_weeknumber .rdp-table{max-width:calc(var(--rdp-cell-size) * 8);border-collapse:collapse}.rdp-caption{display:flex;align-items:center;justify-content:space-between;padding:0;text-align:left}.rdp-multiple_months .rdp-caption{position:relative;display:block;text-align:center}.rdp-caption_dropdowns{position:relative;display:inline-flex}.rdp-caption_label{position:relative;z-index:1;display:inline-flex;align-items:center;margin:0;padding:0 .25em;white-space:nowrap;color:currentColor;border:0;border:2px solid transparent;font-family:inherit;font-size:var(--rdp-caption-font-size);font-weight:700}.rdp-nav{white-space:nowrap}.rdp-multiple_months .rdp-caption_start .rdp-nav{position:absolute;top:50%;left:0;transform:translateY(-50%)}.rdp-multiple_months .rdp-caption_end .rdp-nav{position:absolute;top:50%;right:0;transform:translateY(-50%)}.rdp-nav_button{display:inline-flex;align-items:center;justify-content:center;width:var(--rdp-cell-size);height:var(--rdp-cell-size);padding:.25em;border-radius:100%}.rdp-dropdown_year,.rdp-dropdown_month{position:relative;display:inline-flex;align-items:center}.rdp-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;margin:0;padding:0;cursor:inherit;opacity:0;border:none;background-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit}.rdp-dropdown[disabled]{opacity:unset;color:unset}.rdp-dropdown:focus-visible:not([disabled])+.rdp-caption_label{background-color:var(--rdp-background-color);border:var(--rdp-outline);border-radius:6px}.rdp-dropdown_icon{margin:0 0 0 5px}.rdp-head{border:0}.rdp-head_row,.rdp-row{height:100%}.rdp-head_cell{vertical-align:middle;font-size:.75em;font-weight:700;text-align:center;height:100%;height:var(--rdp-cell-size);padding:0;text-transform:uppercase}.rdp-tbody{border:0}.rdp-tfoot{margin:.5em}.rdp-cell{width:var(--rdp-cell-size);height:100%;height:var(--rdp-cell-size);padding:0;text-align:center}.rdp-weeknumber{font-size:.75em}.rdp-weeknumber,.rdp-day{display:flex;overflow:hidden;align-items:center;justify-content:center;box-sizing:border-box;width:var(--rdp-cell-size);max-width:var(--rdp-cell-size);height:var(--rdp-cell-size);margin:0;border:2px solid transparent;border-radius:100%}.rdp-day_today:not(.rdp-day_outside){font-weight:700}.rdp-day_selected,.rdp-day_selected:focus-visible,.rdp-day_selected:hover{color:var(--rdp-selected-color);opacity:1;background-color:var(--rdp-accent-color)}.rdp-day_outside{opacity:.5}.rdp-day_selected:focus-visible{outline:var(--rdp-outline);outline-offset:2px;z-index:1}.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end){border-top-right-radius:0;border-bottom-right-radius:0}.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start){border-top-right-radius:0;border-bottom-right-radius:0}.rdp-day_range_end.rdp-day_range_start{border-radius:100%}.rdp-day_range_middle{border-radius:0}.date-picker-container{position:relative;display:inline-block}.date-picker-input{padding:4px 8px;border:1px solid #E5E7EB;border-radius:4px;background:#fff;font-size:12px;font-family:Inter,system-ui,sans-serif;color:#111827;cursor:pointer;width:100%;min-width:120px}.date-picker-input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 1px #16a34a}.date-picker-popup{position:fixed;z-index:10000;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:8px}.date-picker-popup .rdp{--rdp-cell-size: 32px;--rdp-accent-color: #16A34A;--rdp-background-color: #F0FDF4;--rdp-accent-color-dark: #15803D;--rdp-background-color-dark: #166534;--rdp-outline: 2px solid var(--rdp-accent-color);--rdp-outline-selected: 2px solid var(--rdp-accent-color);margin:0}.date-picker-popup .rdp-button{font-size:12px;font-family:Inter,system-ui,sans-serif}.date-picker-popup .rdp-day_selected,.date-picker-popup .rdp-day_selected:focus-visible,.date-picker-popup .rdp-day_selected:hover{background-color:var(--rdp-accent-color);color:#fff}.filter-tab{display:flex;flex-direction:column;gap:8px}.filter-empty{padding:20px;text-align:center;color:#6b7280;font-size:14px}.filter-row{display:flex;align-items:center;gap:6px;padding:6px;border-radius:4px;background:#f9fafb}.filter-connector{padding:4px 8px;border:1px solid #E5E7EB;border-radius:4px;background:#fff;font-size:12px;font-weight:500;color:#6b7280;min-width:50px;text-align:center;font-family:Inter,system-ui,sans-serif}.filter-connector:disabled{background:#f3f4f6;cursor:default}.filter-field-select,.filter-operator-select,.filter-value-select,.filter-value-input{padding:4px 8px;border:1px solid #E5E7EB;border-radius:4px;background:#fff;font-size:12px;font-family:Inter,system-ui,sans-serif;color:#111827;min-height:28px;transition:border-color .15s ease}.filter-field-select{min-width:140px}.filter-operator-select{min-width:110px}.filter-value-select,.filter-value-input{min-width:120px}.filter-field-select:focus,.filter-operator-select:focus,.filter-value-select:focus,.filter-value-input:focus{outline:none;border-color:#16a34a}.filter-remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .15s ease;flex-shrink:0;color:#6b7280}.filter-remove-btn:hover{background:#fee2e2}.filter-actions{display:flex;gap:8px;margin-top:8px}.filter-add-btn,.filter-add-group-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #E5E7EB;border-radius:4px;background:#fff;color:#374151;font-size:12px;font-weight:500;font-family:Inter,system-ui,sans-serif;cursor:pointer;transition:all .15s ease}.filter-add-btn:hover{background:#f9fafb;border-color:#d1d5db}.filter-add-group-btn:disabled{opacity:.5;cursor:not-allowed}.filter-add-btn span,.filter-add-group-btn span{font-size:16px;font-weight:600}.filter-date-range{display:flex;align-items:center;gap:8px}.filter-date-range span{font-size:13px;color:#6b7280}.group-tab{display:flex;flex-direction:column;gap:8px}.group-empty{padding:20px;text-align:center;color:#6b7280;font-size:14px}.group-row{display:flex;align-items:center;gap:6px;padding:6px;border-radius:4px;background:#f9fafb}.group-drag-handle{width:24px;height:32px;display:flex;align-items:center;justify-content:center;color:#9ca3af;cursor:grab;font-size:12px;letter-spacing:-2px;-webkit-user-select:none;user-select:none}.group-drag-handle:active{cursor:grabbing}.group-field-select,.group-order-select{padding:4px 8px;border:1px solid #E5E7EB;border-radius:4px;background:#fff;font-size:12px;font-family:Inter,system-ui,sans-serif;color:#111827;min-height:28px;transition:border-color .15s ease}.group-field-select{min-width:140px}.group-order-select{min-width:110px}.group-field-select:focus,.group-order-select:focus{outline:none;border-color:#2563eb}.group-remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .15s ease;flex-shrink:0;color:#6b7280}.group-remove-btn:hover{background:#fee2e2}.group-actions{margin-top:8px}.group-add-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #E5E7EB;border-radius:4px;background:#fff;color:#374151;font-size:12px;font-weight:500;font-family:Inter,system-ui,sans-serif;cursor:pointer;transition:all .15s ease}.group-add-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.group-add-btn:disabled{opacity:.5;cursor:not-allowed}.group-add-btn span{font-size:16px;font-weight:600}.sort-tab{display:flex;flex-direction:column;gap:8px}.sort-empty{padding:20px;text-align:center;color:#6b7280;font-size:14px}.sort-row{display:flex;align-items:center;gap:6px;padding:6px;border-radius:4px;background:#f9fafb}.sort-drag-handle{width:24px;height:32px;display:flex;align-items:center;justify-content:center;color:#9ca3af;cursor:grab;font-size:12px;letter-spacing:-2px;-webkit-user-select:none;user-select:none}.sort-drag-handle:active{cursor:grabbing}.sort-field-select,.sort-order-select{padding:4px 8px;border:1px solid #E5E7EB;border-radius:4px;background:#fff;font-size:12px;font-family:Inter,system-ui,sans-serif;color:#111827;min-height:28px;transition:border-color .15s ease}.sort-field-select{min-width:140px}.sort-order-select{min-width:110px}.sort-field-select:focus,.sort-order-select:focus{outline:none;border-color:#ea580c}.sort-remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .15s ease;flex-shrink:0;color:#6b7280}.sort-remove-btn:hover{background:#fee2e2}.sort-actions{margin-top:8px}.sort-add-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #E5E7EB;border-radius:4px;background:#fff;color:#374151;font-size:12px;font-weight:500;font-family:Inter,system-ui,sans-serif;cursor:pointer;transition:all .15s ease}.sort-add-btn:hover{background:#f9fafb;border-color:#d1d5db}.sort-add-btn span{font-size:16px;font-weight:600}.fields-tab{padding:12px;width:100%;background:#fff}.fields-tab-header{margin-bottom:8px}.fields-search-row{display:flex;align-items:center;gap:8px}.fields-search{flex:1}.fields-toggle-all{display:flex;align-items:center;cursor:pointer;padding:4px;flex-shrink:0}.fields-search-input{width:100%;padding:8px 12px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;font-family:Inter,system-ui,sans-serif;color:#111827;background:#fff;transition:border-color .15s ease}.fields-search-input:focus{outline:none;border-color:#16a34a}.fields-search-input::placeholder{color:#9ca3af}.fields-list{display:flex;flex-direction:column;gap:2px}.field-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;cursor:pointer;border-radius:6px;transition:all .15s ease;-webkit-user-select:none;user-select:none;position:relative}.field-item:hover{background-color:#f9fafb}.field-item.dragging{opacity:.5;cursor:grabbing}.field-item.drag-over{border-top:2px solid #3B82F6}.field-drag-handle{color:#9ca3af;font-size:12px;cursor:grab;-webkit-user-select:none;user-select:none;padding:2px;flex-shrink:0}.field-drag-handle:active{cursor:grabbing}.field-item:hover .field-drag-handle{color:#6b7280}.field-label{font-size:13px;color:#111827;flex:1}.field-toggle{position:relative;width:28px;height:10px;background-color:#d1d5db;border-radius:5px;cursor:pointer;transition:background-color .15s ease;flex-shrink:0}.field-toggle.active{background-color:#3b82f6}.field-toggle-slider{position:absolute;top:1px;left:1px;width:8px;height:8px;background-color:#fff;border-radius:50%;transition:transform .15s ease;box-shadow:0 1px 2px #0000001a}.field-toggle.active .field-toggle-slider{transform:translate(18px)}.fields-divider{margin:8px 0 6px;padding-top:8px;border-top:1px solid #E5E7EB;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.view-controls{position:relative;background:#fff;border:1px solid #E5E7EB;border-radius:8px;margin-bottom:0;flex-shrink:0}.view-controls-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff}.view-control-tab{display:flex;flex-direction:row;align-items:center;gap:6px;padding:6px 10px;border:1px solid #E5E7EB;background:#fff;border-radius:6px;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500;color:#374151;transition:all .15s ease;position:relative;min-width:70px}.view-control-tab.fields-tab{min-width:auto;padding:6px;width:fit-content;max-width:none}.view-control-tab:hover{background:#f9fafb;border-color:#d1d5db}.view-control-tab.active{background:#f3f4f6;border-color:#9ca3af;color:#111827}.tab-icon{font-size:14px;line-height:1;color:#6b7280;display:flex;align-items:center}.tab-label{font-size:13px;white-space:nowrap}.tab-badge{position:absolute;top:-4px;right:-4px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:10px;font-weight:600;line-height:1;background:#ef4444;color:#fff;border:2px solid #FFFFFF;box-shadow:0 1px 2px #0000001a}.tab-badge-green{background:#16a34a}.view-controls-actions{display:flex;align-items:center;gap:8px;margin-left:auto;position:relative}.add-action-btn{background:#16a34a;color:#fff;border:1px solid #16A34A;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s}.add-action-btn:hover{background:#15803d;border-color:#15803d}.add-action-btn:active{background:#166534;border-color:#166534}.delete-action-btn{background:#fee2e2;color:#dc2626;border:1px solid #FCA5A5;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.delete-action-btn:hover:not(:disabled){background:#fecaca}.delete-action-btn:disabled{opacity:.5;cursor:not-allowed}.table-options-container{position:relative}.action-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;cursor:pointer;color:#6b7280;font-size:14px;transition:all .15s ease}.action-icon:hover:not(:disabled){background:#f3f4f6;color:#111827}.action-icon:disabled{opacity:.4;cursor:not-allowed}.view-controls-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:0;z-index:1000;max-height:400px;overflow-y:auto;width:auto;min-width:320px;max-width:800px}.view-controls-dropdown.fields-dropdown{min-width:240px;max-width:280px}.table-options-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:8px;min-width:200px;z-index:1000}.table-option-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;cursor:pointer;border-radius:6px;transition:background-color .15s ease}.table-option-item:hover{background-color:#f9fafb}.table-option-label{font-size:13px;color:#111827;flex:1}.table-option-item .field-toggle{position:relative;width:28px;height:10px;background-color:#d1d5db;border-radius:5px;cursor:pointer;transition:background-color .15s ease;flex-shrink:0}.table-option-item .field-toggle.active{background-color:#3b82f6}.table-option-item .field-toggle-slider{position:absolute;top:1px;left:1px;width:8px;height:8px;background-color:#fff;border-radius:50%;transition:transform .15s ease;box-shadow:0 1px 2px #0000001a}.table-option-item .field-toggle.active .field-toggle-slider{transform:translate(18px)}.row-control-cell{width:70px;min-width:70px;max-width:70px;padding:0;position:sticky;left:0;background:#fff;z-index:3;border-right:1px solid #E5E7EB;-webkit-user-select:none;user-select:none}.row-control{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;padding-left:1px;padding-right:1px}.row-index{font-size:13px;color:#6b7280;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:1;transition:opacity .15s;padding-left:0}.row-control-actions{position:absolute;left:1px;right:1px;display:flex;align-items:center;justify-content:space-between;opacity:0;pointer-events:none;transition:opacity .15s}.transaction-table tr:hover .row-control .row-index{opacity:0}.transaction-table tr:hover .row-control .row-control-actions{opacity:1;pointer-events:auto}.row-control-cell:hover .row-control .row-index{opacity:0}.row-control-cell:hover .row-control .row-control-actions{opacity:1;pointer-events:auto}.row-control-cell.row-selected .row-control .row-index{opacity:0}.row-control-cell.row-selected .row-control .row-control-actions{opacity:1;pointer-events:auto}.row-control-cell.row-expanded .row-expand{transform:rotate(90deg)}.row-checkbox,.row-expand{border:none;background:transparent;padding:0;cursor:pointer;margin:0;line-height:1}.row-checkbox{font-size:13px;color:#6b7280;transition:all .15s;border:1px solid #D1D5DB;border-radius:3px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;background:transparent}.row-checkbox:hover{border-color:#16a34a;color:#16a34a}.row-checkbox.checked{background:#16a34a;border-color:#16a34a;color:#fff}.row-expand{color:#6b7280;transition:color .15s,transform .15s;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.row-expand:hover{color:#111827}.row-expand-icon{width:16px;height:16px;display:block}.transaction-table.grouped tr:hover .row-control .row-index{opacity:0}.transaction-table.grouped tr:hover .row-control .row-control-actions{opacity:1;pointer-events:auto}.column-header{position:relative;-webkit-user-select:none;user-select:none;overflow:visible}.column-header.sortable{cursor:pointer}.column-header.sortable:hover{background-color:#10a34a14;cursor:pointer}.column-header.selected{background-color:#10a34a26}.column-header-content{display:flex;align-items:center;gap:6px;position:relative;z-index:1}.column-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-indicator{display:flex;align-items:center;gap:2px;font-size:12px;color:#6b7280;min-width:20px;flex-shrink:0}.sort-arrow{color:#16a34a;font-weight:600}.sort-order{font-size:10px;color:#9ca3af;background:#f3f4f6;border-radius:2px;padding:1px 4px;min-width:14px;text-align:center}.sort-hint{opacity:0;transition:opacity .15s ease;color:#9ca3af}.column-header.sortable:hover .sort-hint{opacity:.5}.column-menu-button{background:none;border:none;cursor:pointer;padding:2px 4px;color:#6b7280;opacity:.4;transition:opacity .15s ease,color .15s ease,background-color .15s ease;border-radius:4px;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:20px}.column-header:hover .column-menu-button{opacity:1}.column-menu-button:hover{color:#111827;background:#f3f4f6}.column-menu{position:fixed;background:#fff;border:1px solid #E5E7EB;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:180px;padding:4px 0;font-family:Inter,system-ui,-apple-system,sans-serif}.column-menu-item{width:100%;padding:8px 12px;text-align:left;background:none;border:none;cursor:pointer;font-size:13px;font-family:Inter,system-ui,-apple-system,sans-serif;color:#374151;transition:background-color .15s ease;display:flex;align-items:center;gap:8px}.column-menu-item:hover:not(.disabled){background-color:#f9fafb}.column-menu-item.disabled{opacity:.5;cursor:not-allowed}.column-menu-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:#374151}.column-menu-icon svg{width:100%;height:100%}.column-menu-divider{height:1px;background:#e5e7eb;margin:4px 0;border:none}.tx-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:center;justify-content:center;padding:24px;z-index:2000}.tx-modal{width:100%;max-width:720px;background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000040;padding:18px 20px;color:#111827}.tx-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tx-modal-header h2{margin:0;font-size:16px;font-weight:600}.tx-date{display:inline-block;margin-top:2px;font-size:12px;color:#6b7280}.tx-close{border:none;background:transparent;cursor:pointer;font-size:16px;line-height:1;color:#6b7280;padding:6px}.tx-close:hover{color:#111827}.tx-summary{padding:20px 0}.tx-amount{font-size:40px;font-weight:700;letter-spacing:-.03em;margin-top:8px}.tx-meta{margin-top:4px;font-size:14px;color:#6b7280;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tx-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:500}.tx-badge-icon{font-size:14px;line-height:1}.tx-badge-expense{background:#dc26261f;color:#dc2626}.tx-badge-income{background:#16a34a1f;color:#16a34a}.tx-description{margin-top:12px;font-size:17px;line-height:1.6;color:#111827;white-space:pre-wrap}.tx-divider{height:1px;background:#e5e7eb;opacity:.9}.tx-details{padding:16px 0 0;display:flex;flex-direction:column;gap:12px}.tx-field label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px;letter-spacing:0}.tx-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tx-footer{margin-top:16px;padding-top:12px;border-top:1px solid #F3F4F6;display:flex;justify-content:space-between;align-items:center;gap:12px}.tx-meta-footer{font-size:12px;color:#6b7280;white-space:nowrap}.tx-delete{background:none;border:none;color:#9ca3af;font-size:13px;cursor:pointer;padding:0}.tx-delete:hover{color:#dc2626;text-decoration:underline}@media (max-width: 640px){.tx-modal{padding:16px}.tx-amount{font-size:34px}.tx-footer{flex-direction:column;align-items:flex-start}.tx-meta-footer{white-space:normal}}.add-tx-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:center;justify-content:center;padding:24px;z-index:2000}.add-tx-modal{width:100%;max-width:640px;background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000040;padding:18px 20px;color:#111827;max-height:90vh;overflow-y:auto}.add-tx-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.add-tx-modal-header h2{margin:0;font-size:16px;font-weight:600}.add-tx-subtitle{display:block;margin-top:2px;font-size:12px;color:#6b7280}.add-tx-close{border:none;background:transparent;cursor:pointer;font-size:16px;line-height:1;color:#6b7280;padding:6px}.add-tx-close:hover:not(:disabled){color:#111827}.add-tx-close:disabled{opacity:.5;cursor:not-allowed}.add-tx-hero{display:grid;grid-template-columns:1fr auto;gap:16px;margin-bottom:16px;align-items:end}.add-tx-amount-group{flex:1}.add-tx-type-group{min-width:180px}.add-tx-label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px;letter-spacing:0}.add-tx-amount-input-wrapper{position:relative}.add-tx-amount-group .editable-cell{font-size:28px;font-weight:700;letter-spacing:-.3px}.add-tx-segmented-control{display:flex;background:#f3f4f6;border-radius:6px;padding:2px;gap:2px}.add-tx-segment{flex:1;padding:8px 16px;border:none;background:transparent;border-radius:4px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.add-tx-segment:hover:not(:disabled){background:#1118270d}.add-tx-segment.active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000d}.add-tx-segment.active[data-type=expense]{background:#fee2e2;color:#dc2626}.add-tx-segment.active[data-type=income]{background:#dcfce7;color:#16a34a}.add-tx-segment:disabled{opacity:.5;cursor:not-allowed}.add-tx-field{margin-bottom:16px}.add-tx-field .editable-cell{min-height:40px}.add-tx-error{display:block;margin-top:4px;font-size:12px;color:#dc2626}.add-tx-error-general{margin-bottom:16px;padding:12px;background:#fee2e2;border-radius:6px;font-size:13px;color:#dc2626}.add-tx-footer{margin-top:24px;padding-top:16px;border-top:1px solid #E5E7EB;display:flex;justify-content:flex-end;gap:12px}.add-tx-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.add-tx-btn-cancel{background:transparent;color:#6b7280}.add-tx-btn-cancel:hover:not(:disabled){background:#f3f4f6;color:#111827}.add-tx-btn-save{background:#16a34a;color:#fff}.add-tx-btn-save:hover:not(:disabled){background:#15803d}.add-tx-btn-save:active:not(:disabled){background:#166534}.add-tx-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.add-tx-modal{padding:16px;max-height:95vh}.add-tx-hero{grid-template-columns:1fr;gap:12px}.add-tx-type-group{min-width:auto}.add-tx-footer{flex-direction:column-reverse}.add-tx-btn{width:100%}}.transaction-table-container{background:#fff;width:100%;height:100vh;padding:0;border:none;border-radius:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.table-toast{position:absolute;top:12px;right:12px;background:#111827eb;color:#fff;padding:8px 10px;border-radius:8px;font-size:13px;z-index:3000;max-width:360px;pointer-events:none}.delete-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:center;justify-content:center;padding:24px;z-index:2500}.delete-confirm-dialog{background:#fff;border-radius:10px;padding:18px 18px 16px;min-width:360px;max-width:520px;box-shadow:0 20px 50px #00000040}.delete-confirm-dialog h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#111827}.delete-confirm-dialog p{margin:0 0 8px;font-size:13px;color:#6b7280}.delete-confirm-warning{color:#dc2626}.delete-confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.delete-confirm-cancel,.delete-confirm-delete{padding:8px 12px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer}.delete-confirm-cancel{background:#f3f4f6;color:#111827}.delete-confirm-cancel:hover:not(:disabled){background:#e5e7eb}.delete-confirm-delete{background:#dc2626;color:#fff}.delete-confirm-delete:hover:not(:disabled){background:#b91c1c}.delete-confirm-cancel:disabled,.delete-confirm-delete:disabled{opacity:.6;cursor:not-allowed}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.loading-spinner{color:#6b7280;font-size:14px;font-weight:500}.error-overlay{position:absolute;top:0;left:0;right:0;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.3);padding:8px 16px;z-index:10}.error-message{color:#dc2626;font-size:14px;font-weight:500}.table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB;margin-bottom:0;flex-shrink:0}.table-header h2{margin:0;font-size:18px;font-weight:600;color:#111827}.table-header button{padding:8px 16px;background-color:#16a34a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;font-family:Inter,system-ui,sans-serif;transition:background-color .15s ease;min-height:32px}.table-header button:hover{background-color:#22c55e}.table-wrapper{overflow-x:auto;overflow-y:auto;position:relative;flex:1;min-height:0;padding-bottom:48px}.transaction-table{width:100%;border-collapse:collapse;font-size:14px;font-family:Inter,system-ui,sans-serif;table-layout:fixed}.transaction-table thead{background-color:#fff;border-bottom:1px solid #E5E7EB;position:sticky;top:0;z-index:5}.transaction-table th{padding:4px 12px;text-align:left;font-weight:500;font-size:13px;line-height:1.5;color:#6b7280;text-transform:none;border-right:1px solid #F3F4F6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.transaction-table th:last-child{border-right:none}.transaction-table th{position:relative}.column-resize-handle{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;background:transparent;z-index:1;-webkit-user-select:none;user-select:none}.column-resize-handle:hover{background:#3b82f6}.column-resize-handle:active{background:#2563eb}.transaction-table td{padding:4px 12px;border-bottom:1px solid #F3F4F6;border-right:1px solid #F3F4F6;font-size:14px;color:#111827;height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-table td:last-child{border-right:none}.transaction-table tbody tr:hover{background-color:#f0fdf4;transition:background-color .15s ease}.transaction-table tbody tr:last-child td{border-bottom:1px solid #F3F4F6}.transaction-table tbody tr{border-top:1px solid #F9FAFB}.transaction-table tfoot{background-color:#fff;border-top:1px solid #E5E7EB;position:sticky;bottom:0;z-index:10;display:table-footer-group}.transaction-table tfoot .table-footer{background-color:#fff}.transaction-table tfoot td{padding:8px 12px;border-right:none;border-bottom:none;border-top:1px solid #E5E7EB;font-weight:500;font-size:13px;color:#111827;background-color:#fff}.transaction-table tfoot td:first-child{padding-left:12px}.footer-total-records{color:#6b7280;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-total-records.word-wrap{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.footer-sum-amount{font-weight:600;color:#111827}.footer-amount-income{color:#16a34a}.footer-amount-expense{color:#dc2626}.table-footer-container{position:absolute;bottom:0;left:0;right:0;background-color:#fff;border-top:1px solid #E5E7EB;z-index:10;overflow-x:hidden;overflow-y:hidden;flex-shrink:0}.transaction-table-footer{width:100%;border-collapse:collapse;font-size:14px;font-family:Inter,system-ui,sans-serif;table-layout:fixed}.transaction-table-footer .table-footer{background-color:#fff}.transaction-table-footer td{padding:8px 12px;border-right:none;border-bottom:none;border-top:1px solid #E5E7EB;font-weight:500;font-size:13px;color:#111827;background-color:#fff;border-right:1px solid #F3F4F6}.transaction-table-footer td:last-child{border-right:none}.transaction-table-footer td:first-child{padding-left:12px}.transaction-table tbody tr:first-child{border-top:none}.type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.type-expense{background-color:transparent;color:#6b7280}.type-income{background-color:#dcfce7;color:#16a34a}.category-pill{display:inline-block;padding:2px 8px;background-color:#dcfce7;color:#111827;border-radius:6px;font-size:12px;font-weight:500;line-height:1.4}.amount{font-weight:600;text-align:right;color:#111827;font-size:14px}.description{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827}.transaction-table.word-wrap td,.transaction-table.word-wrap th{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.transaction-table.word-wrap .description{max-width:none}.transaction-table.word-wrap .group-item-row td{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.date-cell{color:#6b7280;font-size:14px}.user-cell{font-size:14px;color:#111827}.tags{display:flex;flex-wrap:nowrap;gap:4px;overflow:hidden}.transaction-table.word-wrap .tags{flex-wrap:wrap;overflow:visible}.tag{display:inline-block;padding:3px 8px;background-color:#f3f4f6;border-radius:4px;font-size:12px;color:#6b7280;font-weight:400}.source-badge{font-size:18px;line-height:1}.loading,.error,.empty{text-align:center;padding:60px 40px;color:#6b7280;font-size:14px}.empty-state{padding:40px 20px!important;text-align:center}.empty-message{color:#6b7280;font-size:14px}.empty-message p{margin:8px 0}.empty-message .empty-hint{font-size:12px;color:#9ca3af;margin-top:4px}.error{color:#dc2626}.group-header{background:#f9fafb;border-bottom:1px solid #F3F4F6;border-top:1px solid #F3F4F6;position:sticky;top:27.5px;z-index:4;background-color:#f9fafb;margin:0;box-shadow:0 1px 2px #0000000d;cursor:pointer}.group-header-cell{padding:4px 16px;font-weight:600;color:#374151;border-right:1px solid #F3F4F6}.group-header-content{display:flex;align-items:center;gap:8px}.group-toggle{background:none;border:none;cursor:pointer;font-size:12px;color:#6b7280;padding:0;display:flex;align-items:center;transition:color .15s ease;width:20px;height:20px;justify-content:center;flex-shrink:0}.group-toggle:hover{color:#111827}.group-label{font-size:14px;display:flex;align-items:center;gap:8px}.group-label strong{color:#111827;font-weight:600}.group-count{font-size:13px;font-weight:500;color:#6b7280}.group-amount-cell{padding:4px 16px;text-align:right;font-weight:600;color:#111827;border-right:1px solid #F3F4F6}.group-total-amount{font-size:14px;font-weight:600;color:#111827}.group-total-amount.group-amount-expense,.group-amount-cell.group-amount-expense .group-total-amount{color:#ef4444}.group-total-amount.group-amount-income,.group-amount-cell.group-amount-income .group-total-amount{color:#16a34a}.group-metrics{display:flex;gap:16px;font-size:13px;color:#6b7280}.group-metrics .metric{font-weight:500}.transaction-table td.cell-focused{outline:2px solid #16A34A;outline-offset:-2px;z-index:2;position:relative}.transaction-table td.cell-selected{background-color:#10a34a1f;position:relative}.transaction-table td.cell-selected-top{border-top:2px solid #16A34A}.transaction-table td.cell-selected-bottom{border-bottom:2px solid #16A34A}.transaction-table td.cell-selected-left{border-left:2px solid #16A34A}.transaction-table td.cell-selected-right{border-right:2px solid #16A34A}.transaction-table td.cell-focused.cell-selected{outline:none!important;background-color:#10a34a1f}.editable-cell.editing{background:#fff;outline:2px solid #16A34A;outline-offset:-2px;z-index:3}.transaction-table tr.group-header{-webkit-user-select:none;user-select:none}.transaction-table tr.group-header td{background-color:#f9fafb}.transaction-table td{transition:background-color 80ms linear,outline 80ms linear}.transaction-table{outline:none}.transaction-table:focus{outline:none}.row-control-header{position:sticky;left:0;background:#f9fafb;z-index:2;border-right:1px solid #E5E7EB;font-weight:600;color:#6b7280}.transaction-table tr.row-selected{background-color:#10a34a0d}.transaction-table tr.row-detail{background-color:#f9fafb}.transaction-table tr.row-detail td{padding:0;border-top:1px solid #E5E7EB}.color-picker-container{position:relative;width:100%}.color-picker-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.color-picker-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.color-picker-trigger:hover{border-color:#9ca3af}.color-picker-trigger:focus-within{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.color-picker-preview{width:32px;height:32px;border-radius:4px;border:1px solid #E5E7EB;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.color-picker-hex-input{flex:1;border:none;outline:none;font-family:monospace;font-size:14px;color:#111827;background:transparent;padding:0;min-width:0;cursor:pointer}.color-picker-hex-input::placeholder{color:#9ca3af}.color-picker-arrow{color:#6b7280;font-size:10px;flex-shrink:0}.color-picker-popup{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.category-management{padding:24px;max-width:1200px;margin:0 auto;min-height:100%;overflow-x:auto}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.category-title{font-size:24px;font-weight:600;color:#111827;margin:0}.category-create-button{background:#16a34a;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.category-create-button:hover{background:#22c55e}.category-loading,.category-error{padding:20px;text-align:center;color:#6b7280;font-size:14px}.category-error{color:#ef4444;background:#fee2e2;border-radius:6px;margin-bottom:16px}.category-table-wrapper{background:#fff;border:1px solid #E5E7EB;border-radius:8px;overflow-x:auto;overflow-y:visible}.category-table{width:100%;border-collapse:collapse}.category-table thead{background:#f9fafb;border-bottom:1px solid #E5E7EB}.category-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.category-table td{padding:12px 16px;border-bottom:1px solid #F3F4F6;font-size:14px;color:#111827;vertical-align:middle}.category-table tbody tr:hover{background:#f9fafb}.category-table tbody tr.category-inactive{opacity:.6}.category-empty{text-align:center;color:#9ca3af;padding:40px!important}.category-icon-cell{width:60px}.category-icon{font-size:20px;display:inline-block}.category-icon-placeholder{color:#9ca3af;font-size:14px}.category-name-cell{min-width:200px}.category-name-cell strong{color:#111827;font-weight:600}.category-description{font-size:12px;color:#6b7280;margin-top:4px}.category-color-cell{display:flex;align-items:center;gap:8px;vertical-align:middle}.category-color-badge{width:24px;height:24px;border-radius:4px;border:1px solid #E5E7EB;flex-shrink:0}.category-color-value{font-size:12px;color:#6b7280;font-family:monospace}.category-type-cell{width:100px}.category-type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.category-type-badge.category-type-expense{background:#fee2e2;color:#991b1b}.category-type-badge.category-type-income{background:#d1fae5;color:#065f46}.category-usage-cell{text-align:center;font-weight:500}.category-status-cell{width:100px}.category-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.category-status.active{background:#d1fae5;color:#065f46}.category-status.inactive{background:#f3f4f6;color:#6b7280}.category-actions-cell{width:120px}.category-action-button{background:none;border:none;cursor:pointer;padding:4px 8px;font-size:16px;margin-right:8px;border-radius:4px;transition:background-color .15s ease}.category-action-button:hover{background:#f3f4f6}.category-action-button.category-action-delete:hover{background:#fee2e2;color:#ef4444}.category-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.category-dialog{background:#fff;border-radius:8px;padding:24px;min-width:400px;max-width:500px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.category-dialog h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#111827}.category-form{display:flex;flex-direction:column;gap:16px}.category-form-field{display:flex;flex-direction:column;gap:8px}.category-form-field label{font-size:14px;font-weight:500;color:#374151}.category-form-field input,.category-form-field textarea{padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;font-family:Poppins,system-ui,sans-serif}.category-form-field input:focus,.category-form-field textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.category-type-segmented-control{display:flex;gap:0;border:1px solid #D1D5DB;border-radius:6px;overflow:hidden;background:#fff}.category-type-segment{flex:1;padding:8px 12px;border:none;background:#fff;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease;font-family:Poppins,system-ui,sans-serif}.category-type-segment:not(:last-child){border-right:1px solid #D1D5DB}.category-type-segment:hover{background:#f9fafb}.category-type-segment.active{background:#16a34a;color:#fff}.category-type-segment.active:hover{background:#22c55e}.category-dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.category-dialog-actions button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease;font-family:Poppins,system-ui,sans-serif}.category-dialog-actions button:first-child{background:#16a34a;color:#fff}.category-dialog-actions button:first-child:hover:not(:disabled){background:#22c55e}.category-dialog-actions button:first-child:disabled{background:#9ca3af;cursor:not-allowed}.category-dialog-actions button:last-child{background:#f3f4f6;color:#111827}.category-dialog-actions button:last-child:hover{background:#e5e7eb}.icon-picker-container{position:relative;width:100%}.icon-picker-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.icon-picker-trigger{display:flex;align-items:center;gap:8px}.icon-picker-preview{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #D1D5DB;border-radius:6px;background:#fff;flex-shrink:0}.icon-picker-icon{font-size:24px;line-height:1}.icon-picker-placeholder{font-size:12px;color:#9ca3af}.icon-picker-button{flex:1;padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;background:#fff;font-size:14px;color:#111827;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.icon-picker-button:hover{border-color:#9ca3af}.icon-picker-button:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.icon-picker-clear{width:32px;height:32px;border:1px solid #D1D5DB;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .15s ease;flex-shrink:0}.icon-picker-clear:hover{border-color:#ef4444;color:#ef4444}.icon-picker-popup{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:8px;overflow:hidden}.settings-page{padding:24px;max-width:800px;margin:0 auto}.settings-header{margin-bottom:32px}.settings-header h1{font-size:24px;font-weight:600;color:#111827;margin:0 0 8px}.settings-header p{font-size:14px;color:#6b7280;margin:0}.settings-content{display:flex;flex-direction:column;gap:32px}.settings-section{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:24px}.settings-section h2{font-size:18px;font-weight:600;color:#111827;margin:0 0 20px}.settings-item{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.settings-item:last-child{margin-bottom:0}.settings-item label{font-size:13px;font-weight:500;color:#6b7280}.settings-value{font-size:14px;color:#111827}.telegram-linking{display:flex;flex-direction:column;gap:16px}.telegram-status{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:6px}.telegram-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#111827}.telegram-icon{font-size:18px}.telegram-status-text{font-size:14px;color:#6b7280}.telegram-status-linked{display:flex;align-items:center;gap:12px}.telegram-link-section{display:flex;flex-direction:column;gap:16px}.telegram-token-section{display:flex;flex-direction:column;gap:16px;padding:16px;background:#f0fdf4;border:1px solid #D1FAE5;border-radius:6px}.telegram-token-instructions{display:flex;flex-direction:column;gap:12px}.telegram-token-instructions p{margin:0;font-size:14px;color:#111827}.telegram-token-display{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border:1px solid #D1FAE5;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.telegram-token-display code{flex:1;color:#059669;font-weight:500}.telegram-token-hint{font-size:12px;color:#6b7280;margin:0}.btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover:not(:disabled){background:#059669}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon{background:none;border:none;cursor:pointer;padding:4px;font-size:16px;opacity:.7;transition:opacity .2s}.btn-icon:hover{opacity:1}.settings-error{padding:12px;background:#fef2f2;border:1px solid #FECACA;border-radius:6px;color:#dc2626;font-size:14px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:#fff;border-right:1px solid #E5E7EB;display:flex;flex-direction:column;transition:width .15s ease;z-index:100;overflow-y:auto;overflow-x:hidden}.sidebar.collapsed{width:48px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #E5E7EB;min-height:56px}.sidebar-toggle{background:none;border:none;cursor:pointer;padding:8px;font-size:18px;color:#6b7280;transition:color .15s ease,background-color .15s ease;border-radius:4px;margin-left:auto}.sidebar-toggle:hover{background:#f3f4f6;color:#111827}.sidebar-title{margin:0;font-size:18px;font-weight:600;color:#111827}.sidebar-content{flex:1;padding:8px;overflow-y:auto}.sidebar-footer{border-top:1px solid #E5E7EB;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f9fafb}.sidebar-user-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.sidebar-user-details{flex:1;min-width:0;overflow:hidden}.sidebar-user-name{font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout-button{background:none;border:none;cursor:pointer;padding:6px;color:#6b7280;transition:all .15s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logout-button:hover{background:#f3f4f6;color:#dc2626}.sidebar-section{margin-bottom:16px}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;position:relative;cursor:pointer;border-radius:4px;transition:background-color .15s ease,color .15s ease}.sidebar-section-header:hover{background:#f9fafb}.sidebar-section-header.active{background:#f0fdf4;color:#16a34a}.sidebar-section-actions{display:flex;align-items:center;gap:4px}.sidebar-action-icon{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;transition:background-color .15s ease,transform .15s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.sidebar-action-icon:hover{background:#f3f4f6;transform:scale(1.1)}.sidebar-action-icon svg{display:block}.sidebar-action-icon .icon-document-plus,.sidebar-action-icon .icon-folder-plus{font-size:14px;line-height:1}.sidebar-folder-actions{display:flex;align-items:center;gap:4px;padding:4px 0;margin:2px 0}.sidebar-action-icon-small{background:none;border:none;cursor:pointer;padding:2px 4px;font-size:14px;color:#6b7280;transition:color .15s ease,background-color .15s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.sidebar-action-icon-small:hover{background:#f3f4f6;color:#111827}.sidebar-action-icon-small .icon-document-plus,.sidebar-action-icon-small .icon-folder-plus{font-size:12px;line-height:1}.sidebar-section-icon{margin-right:8px;font-size:14px}.sidebar-section-title{flex:1}.sidebar-section-content{padding:2px 0;min-height:20px}.sidebar-section-content.drag-over-root{background:#f0fdf4;border:1px dashed #16A34A;border-radius:4px}.sidebar-item{display:flex;align-items:center;padding:4px 8px;margin:0;border-radius:4px;cursor:pointer;transition:background-color .15s ease;position:relative;font-size:13px;color:#111827;min-height:24px}.sidebar-item:hover{background:#f9fafb}.sidebar-item.active{background:#f0fdf4;color:#16a34a;font-weight:500}.sidebar-item.disabled{color:#9ca3af;cursor:not-allowed}.sidebar-item.dragging{opacity:.5;cursor:grabbing}.sidebar-item[draggable=true]{cursor:grab}.sidebar-item[draggable=true]:active{cursor:grabbing}.sidebar-item.drag-over-above:before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:#16a34a;z-index:1}.sidebar-item.drag-over-below:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#16a34a;z-index:1}.sidebar-item.drag-over-inside{background:#f0fdf4;border:1px dashed #16A34A}.sidebar-item.disabled:hover{background:transparent}.sidebar-item.create-view,.sidebar-item.create-folder{color:#6b7280;font-weight:400}.sidebar-item.folder,.sidebar-item.view{cursor:pointer}.sidebar-item-icon{margin-right:6px;font-size:14px;width:16px;text-align:center;flex-shrink:0;line-height:1}.sidebar-folder-toggle{font-size:16px;font-weight:700;width:12px;margin-right:2px}.sidebar-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-label[contentEditable=true]{outline:none;cursor:text;padding:2px 4px;border-radius:4px}.sidebar-item-label[contentEditable=true]:hover{background:#0000000d}.sidebar-item-label[contentEditable=true]:focus{background:#fff;border:1px solid #16A34A}.sidebar-item-action{background:none;border:none;cursor:pointer;padding:2px 4px;color:#9ca3af;opacity:0;transition:opacity .15s ease,color .15s ease,background-color .15s ease;border-radius:4px;line-height:1;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:4px}.sidebar-item:hover .sidebar-item-action{opacity:1}.sidebar-item-action:hover{color:#111827;background:#f3f4f6}.sidebar-item-action svg{display:block}.sidebar-item-menu{background:none;border:none;cursor:pointer;padding:2px 6px;font-size:16px;color:#9ca3af;opacity:0;transition:opacity .15s ease,color .15s ease,background-color .15s ease;border-radius:4px;line-height:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:4px}.sidebar-item:hover .sidebar-item-menu{opacity:1}.sidebar-item-menu:hover{color:#111827;background:#f3f4f6}.sidebar-context-menu{background:#fff;border:1px solid #E5E7EB;border-radius:6px;box-shadow:0 4px 12px #00000026;padding:4px;min-width:160px;z-index:2000}.sidebar-context-menu-item{display:flex;align-items:center;padding:8px 12px;font-size:14px;color:#111827;cursor:pointer;border-radius:4px;transition:background-color .15s ease}.sidebar-context-menu-item:hover{background:#f3f4f6}.sidebar-context-menu-item.danger{color:#ef4444}.sidebar-context-menu-item.danger:hover{background:#fee2e2}.sidebar-context-menu-icon{margin-right:8px;font-size:14px;width:16px;text-align:center}.sidebar-context-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}.sidebar-loading{padding:20px;text-align:center;color:#6b7280;font-size:14px}.sidebar-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.sidebar-dialog{background:#fff;border-radius:8px;padding:24px;min-width:320px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.sidebar-dialog h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#111827}.sidebar-dialog input{width:100%;padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;font-family:Poppins,system-ui,sans-serif;margin-bottom:16px}.sidebar-dialog input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.sidebar-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.sidebar-dialog-actions button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease;font-family:Poppins,system-ui,sans-serif}.sidebar-dialog-actions button:first-child{background:#16a34a;color:#fff}.sidebar-dialog-actions button:first-child:hover{background:#22c55e}.sidebar-dialog-actions button:last-child{background:#f3f4f6;color:#111827}.sidebar-dialog-actions button:last-child:hover{background:#e5e7eb}.google-login-container{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.google-button-container{width:100%;display:flex;justify-content:center}.google-button-container>div{border:1.5px solid #10B981!important;transition:all .2s ease;border-radius:6px}.google-button-container>div:hover{box-shadow:0 0 0 4px #10b98140!important;border-color:#059669!important}.google-login-loading{padding:12px 24px;color:#6b7280;font-size:14px;text-align:center}.google-login-spinner{display:inline-block;margin-right:8px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.google-login-error{color:#dc2626;font-size:13px;text-align:center;max-width:300px;margin-top:8px;padding:8px 12px;background:#fef2f2;border-radius:6px;border:1px solid #FECACA}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d1fae5,#cffafe,#dbeafe);padding:24px}.login-card{background:#fff;border-radius:12px;padding:32px;width:100%;max-width:420px;box-shadow:0 10px 25px #0000001f;border:1px solid rgba(16,185,129,.1)}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 6px}.login-subtitle{font-size:14px;color:#475569;margin:0}.login-footer{margin-top:16px;text-align:center}.login-note{font-size:12px;color:#475569;margin:0;line-height:1.5;font-weight:500}.login-loading{text-align:center;color:#6b7280;font-size:14px}.App{min-height:100vh;background-color:#f9fafb;display:flex}.App-content{flex:1;margin-left:280px;transition:margin-left .15s ease;min-height:100vh;overflow-x:hidden;background-color:#f9fafb}.App-content.sidebar-collapsed{margin-left:48px}main{width:100%;height:100vh;padding:0;margin:0;overflow-y:auto;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#111827;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}