.subscription-list-container[data-v-00179b9e]{min-height:100vh;background:#f5f5f5;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.title-header[data-v-00179b9e]{position:relative;display:flex;align-items:center;justify-content:center;height:40px;padding:0 24px;margin-bottom:20px}.back-button[data-v-00179b9e]{width:40px;background:transparent;border:none;border-radius:8px;cursor:pointer;flex-shrink:0;position:absolute;left:0;top:0}.back-button[data-v-00179b9e],.section-title[data-v-00179b9e]{display:flex;align-items:center;justify-content:center;height:40px;color:#333}.section-title[data-v-00179b9e]{font-size:18px;font-weight:700;margin:0;padding:0;line-height:40px;text-align:center;flex:1}.subscription-section[data-v-00179b9e]{background:#fff;border-radius:8px;padding:0 24px 24px 24px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:visible}.filter-section[data-v-00179b9e]{border:1px solid #e0e0e0;border-radius:6px;padding:16px;position:relative;z-index:2;overflow:visible}.filter-row[data-v-00179b9e]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-item[data-v-00179b9e]{display:flex;align-items:center;gap:8px;flex:1;min-width:200px}.time-filter-container[data-v-00179b9e]{flex-direction:column;align-items:flex-start;min-width:300px;max-width:100%}.time-filter-row[data-v-00179b9e]{display:flex;gap:16px;width:100%;margin-top:8px}.time-filter-item[data-v-00179b9e]{display:flex;flex-direction:column;gap:4px;flex:1}.time-label[data-v-00179b9e]{font-size:12px;color:#999;font-weight:400}.time-picker-container[data-v-00179b9e]{display:flex;align-items:center;gap:8px;position:relative}.clear-time-btn[data-v-00179b9e]{background:#f5f5f5;border:1px solid #ddd;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666;cursor:pointer;transition:all .2s;padding:0;line-height:1}.clear-time-btn[data-v-00179b9e]:hover{background:#e0e0e0;color:#333}.clear-time-btn[data-v-00179b9e]:active{transform:scale(.95)}.filter-label[data-v-00179b9e]{font-size:14px;color:#666;font-weight:500;white-space:nowrap}.filter-picker-wrapper[data-v-00179b9e]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;color:#333;min-width:120px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.filter-picker-wrapper[data-v-00179b9e]:hover{border-color:#4caf50}.filter-picker-text[data-v-00179b9e]{flex:1}.filter-picker-icon[data-v-00179b9e]{font-size:12px;color:#666;transition:transform .3s ease}.filter-picker-wrapper:active .filter-picker-icon[data-v-00179b9e]{transform:rotate(180deg)}.filter-btn[data-v-00179b9e]{background:#4caf50!important;color:#fff!important;border:none!important;border-radius:4px!important;cursor:pointer;transition:background-color .3s;padding:0}.filter-btn[data-v-00179b9e]:hover{background:#45a049!important}.subscription-table-section[data-v-00179b9e]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.table-wrapper[data-v-00179b9e]{overflow-x:auto}.subscription-table[data-v-00179b9e]{width:100%;border-collapse:collapse;font-size:14px}.subscription-table th[data-v-00179b9e]{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e9ecef}.subscription-table td[data-v-00179b9e]{padding:12px 16px;border-bottom:1px solid #e9ecef;color:#666}.subscription-table tbody tr[data-v-00179b9e]:hover{background:#f8f9fa}.subscription-number[data-v-00179b9e]{font-family:Courier New,monospace;font-weight:500;color:#333}.subscription-amount[data-v-00179b9e]{font-weight:600;color:#28a745}.status-tag[data-v-00179b9e]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-pending[data-v-00179b9e]{background:#fff3cd;color:#856404}.status-confirmed[data-v-00179b9e]{background:#d1ecf1;color:#0c5460}.status-completed[data-v-00179b9e]{background:#d4edda;color:#155724}.status-cancelled[data-v-00179b9e]{background:#f8d7da;color:#721c24}.empty-state[data-v-00179b9e]{text-align:center;padding:40px 20px;color:#999}.empty-state p[data-v-00179b9e]{margin:0;font-size:14px}.loading-state[data-v-00179b9e]{text-align:center;padding:40px 20px;color:#666}.loading-state p[data-v-00179b9e]{margin:0;font-size:14px}@media (max-width:768px){.subscription-list-container[data-v-00179b9e]{padding:16px}.subscription-section[data-v-00179b9e]{padding:6px 16px 16px 16px}.subscription-table-section[data-v-00179b9e]{padding:16px}.filter-row[data-v-00179b9e]{flex-direction:column;align-items:stretch;gap:12px}.filter-item[data-v-00179b9e]{flex-direction:column;align-items:stretch;gap:4px;min-width:auto}.time-filter-container[data-v-00179b9e]{min-width:auto;max-width:100%}.time-filter-row[data-v-00179b9e]{flex-direction:column;gap:12px}.time-filter-item[data-v-00179b9e]{width:100%}.filter-picker-wrapper[data-v-00179b9e]{width:100%;min-width:auto}.filter-select[data-v-00179b9e]{min-width:auto}.filter-btn[data-v-00179b9e]{width:100%}.subscription-table[data-v-00179b9e]{font-size:12px}.subscription-table td[data-v-00179b9e],.subscription-table th[data-v-00179b9e]{padding:8px 12px}}