.date-picker-container[data-v-f96b4fa2]{position:relative;width:100%}.date-input-trigger[data-v-f96b4fa2]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;min-height:44px}.date-input-trigger[data-v-f96b4fa2]:hover{border-color:#d1d5db}.date-input-trigger.focused[data-v-f96b4fa2]{border-color:#f93e3e;box-shadow:0 0 0 3px rgba(249,62,62,.1)}.date-input-trigger.has-value .selected-date[data-v-f96b4fa2]{color:#111827}.selected-date[data-v-f96b4fa2]{font-size:12px;color:#6b7280;font-weight:400;white-space:nowrap}.calendar-icon[data-v-f96b4fa2]{color:#6b7280;flex-shrink:0}.calendar-popup[data-v-f96b4fa2]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.2);z-index:10000;padding:16px}.calendar-header[data-v-f96b4fa2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.nav-button[data-v-f96b4fa2]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease}.nav-button[data-v-f96b4fa2]:hover{border-color:#d1d5db;background:#f9fafb}.month-year-display[data-v-f96b4fa2]{display:flex;flex-direction:column;align-items:center;gap:2px}.month[data-v-f96b4fa2]{font-size:16px;font-weight:600;color:#111827}.year[data-v-f96b4fa2]{font-size:14px;color:#6b7280}.week-days[data-v-f96b4fa2]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.week-day[data-v-f96b4fa2]{text-align:center;font-size:12px;font-weight:500;color:#6b7280;padding:8px 4px}.calendar-grid[data-v-f96b4fa2]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day[data-v-f96b4fa2]{display:flex;align-items:center;justify-content:center;height:36px;border-radius:6px;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease}.calendar-day.current-month[data-v-f96b4fa2]{color:#111827}.calendar-day.current-month[data-v-f96b4fa2]:hover{background:#c52222;color:#fff}.calendar-day.selected[data-v-f96b4fa2]{background:#f93e3e;color:#fff;font-weight:500}.calendar-day.today[data-v-f96b4fa2]:not(.selected){background:transparent;color:#f93e3e;font-weight:600;border:2px solid #f93e3e}.calendar-day.today.selected[data-v-f96b4fa2]{background:#f93e3e;color:#fff;font-weight:500;border:none}.calendar-day.disabled[data-v-f96b4fa2]{color:#d1d5db;cursor:not-allowed}.calendar-actions[data-v-f96b4fa2]{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.action-btn[data-v-f96b4fa2]{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.today[data-v-f96b4fa2]{background:#f93e3e;color:#fff;border-color:#f93e3e}.action-btn.today[data-v-f96b4fa2]:hover{background:#c52222}.action-btn.clear[data-v-f96b4fa2]{color:#6b7280}.action-btn.clear[data-v-f96b4fa2]:hover{background:#c52222;color:#374151}.calendar-backdrop[data-v-f96b4fa2]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:9999;backdrop-filter:blur(2px)}.calendar-slide-enter-active[data-v-f96b4fa2],.calendar-slide-leave-active[data-v-f96b4fa2]{transition:all .3s ease}.calendar-slide-enter-from[data-v-f96b4fa2],.calendar-slide-leave-to[data-v-f96b4fa2]{opacity:0;transform:translateY(-10px)}.fade-enter-active[data-v-f96b4fa2],.fade-leave-active[data-v-f96b4fa2]{transition:opacity .3s ease}.fade-enter-from[data-v-f96b4fa2],.fade-leave-to[data-v-f96b4fa2]{opacity:0}@media (max-width:480px){.calendar-popup[data-v-f96b4fa2]{width:90%;max-width:280px;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar-day[data-v-f96b4fa2]{height:32px;font-size:13px}}.no-items-container[data-v-f2c4f14e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;width:100%;min-height:calc(100vh - 160px);height:100%;flex-grow:1;grid-column:1/-1}.is-card[data-v-f2c4f14e]{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.image-wrapper[data-v-f2c4f14e]{margin-bottom:32px;width:100%;display:flex;justify-content:center}.image-wrapper img[data-v-f2c4f14e]{width:280px;height:auto;-o-object-fit:contain;object-fit:contain;max-width:100%}.message[data-v-f2c4f14e]{font-size:18px;color:#6b7280;margin:0;font-weight:500;line-height:1.5;max-width:400px}@media (max-width:768px){.no-items-container[data-v-f2c4f14e]{padding:40px 20px;min-height:300px}.image-wrapper[data-v-f2c4f14e]{margin-bottom:24px}.image-wrapper img[data-v-f2c4f14e]{width:200px}.message[data-v-f2c4f14e]{font-size:16px}}[data-v-246afe98]{margin:0;padding:0;box-sizing:border-box}.filter-button[data-v-246afe98]{border:none;padding:6px 10px;border-radius:8px;transition:background-color .3s}.filter-button img[data-v-246afe98]{width:14px;height:14px}.top-background[data-v-246afe98]{position:absolute;top:-8px;left:-32px}.header-text-container[data-v-246afe98]{display:flex;flex-direction:column;gap:8px;color:#fff}.welcome-text[data-v-246afe98]{font-size:10px;font-weight:400}.member-name-title[data-v-246afe98]{font-size:1.2rem;font-weight:520;letter-spacing:-2%}.page-container[data-v-246afe98]{width:100%;min-height:100vh}.desktop-view[data-v-246afe98]{margin:0 auto;padding:24px}.page-header[data-v-246afe98]{margin-bottom:32px}.page-title[data-v-246afe98]{font-size:28px;font-weight:600;color:#111827;margin-bottom:8px}.page-subtitle[data-v-246afe98]{font-size:14px;color:#6b7280}.content-wrapper[data-v-246afe98]{display:grid;grid-template-columns:1fr 320px;gap:24px}.main-content[data-v-246afe98]{display:flex;flex-direction:column;gap:16px}.transaction-list[data-v-246afe98]{display:flex;flex-direction:column;gap:8px}.sidebar-filter[data-v-246afe98]{display:flex;flex-direction:column;gap:16px}.filter-card[data-v-246afe98]{background:#fff;border-radius:8px;padding:20px}.card-title[data-v-246afe98]{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.filter-group[data-v-246afe98]{margin-bottom:20px}.filter-label[data-v-246afe98]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.custom-select[data-v-246afe98]{position:relative}.custom-select select[data-v-246afe98]{width:100%;padding:12px 40px 12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:all .2s}.custom-select select[data-v-246afe98]:hover{border-color:#d1d5db}.custom-select select[data-v-246afe98]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(242,113,120,.1)}.select-icon[data-v-246afe98]{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280}.date-range-inputs[data-v-246afe98]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.date-input[data-v-246afe98]{min-width:0;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;outline:none;transition:all .2s;width:100%;box-sizing:border-box}.date-input[data-v-246afe98]:hover{border-color:#d1d5db}.date-input[data-v-246afe98]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(242,113,120,.1)}.date-separator[data-v-246afe98]{color:#6b7280;font-size:14px}.toggle-group[data-v-246afe98]{display:flex;align-items:center;gap:12px;margin-bottom:24px}.toggle-container[data-v-246afe98]{position:relative;display:inline-block;width:44px;height:24px}.toggle-input[data-v-246afe98]{opacity:0;width:0;height:0}.toggle-slider[data-v-246afe98]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.4s;border-radius:24px}.toggle-slider[data-v-246afe98]:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1)}.toggle-input:checked+.toggle-slider[data-v-246afe98]{background-color:var(--primary-color)}.toggle-input:checked+.toggle-slider[data-v-246afe98]:before{transform:translateX(20px)}.toggle-label[data-v-246afe98]{font-size:14px;color:#374151}.button-group[data-v-246afe98]{display:flex;gap:12px}.btn-apply[data-v-246afe98],.btn-clear[data-v-246afe98]{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-apply[data-v-246afe98]{color:#fff;border:none}.btn-clear[data-v-246afe98]{background:#fff;color:#6b7280;border:1px solid #e5e7eb}.btn-clear[data-v-246afe98]:hover{background:#f9fafb;color:#374151}.mobile-view[data-v-246afe98]{padding:16px;position:relative;overflow-x:hidden}.mobile-header[data-v-246afe98]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;z-index:10}.mobile-title[data-v-246afe98]{font-size:20px;font-weight:600;margin:0}.mobile-actions[data-v-246afe98]{display:flex;gap:8px;margin-right:52px}.mobile-transaction-list[data-v-246afe98]{display:flex;flex-direction:column;gap:8px;position:relative;z-index:10;padding-bottom:24px}.mobile-transaction-list[data-v-246afe98] .transaction-container,.transaction-list[data-v-246afe98] .transaction-container{border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05)}.modal-overlay[data-v-246afe98]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;z-index:1000;animation:fadeIn-246afe98 .2s ease-out}.modal-content[data-v-246afe98]{background:#fff;width:100%;border-radius:24px 24px 0 0;padding:24px;animation:slideUp-246afe98 .3s ease-out;max-height:90vh;overflow-y:auto}.modal-header[data-v-246afe98]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3[data-v-246afe98]{font-size:18px;font-weight:600;color:#111827;margin:0}.close-button[data-v-246afe98]{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px}.close-button[data-v-246afe98]:hover{color:#111827}.date-range-inputs.mobile[data-v-246afe98]{grid-template-columns:1fr;gap:12px}.date-range-inputs.mobile .date-separator[data-v-246afe98]{display:none}@keyframes slideUp-246afe98{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn-246afe98{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.page-container[data-v-246afe98]{background-color:#f9fafb}}