#service_section {padding: 40px 24px 60px 24px;}#data_disclosure_section {margin-bottom: 40px;}#data_disclosure_section h2 {font-weight: bold;margin-bottom: 24px;padding-bottom: 8px;border-bottom: solid 1px #54c0d4;}.stats_row {display: flex;flex-direction: column;gap: 20px;}.stats_card {background: #ffffff;border: 1px solid #54c0d473;border-radius: 8px;padding: 20px;box-shadow: 0 2px 4px rgba(84, 192, 212, 0.1);}.stats_card h3 {font-weight: bold;font-size: 18px;margin-bottom: 16px;color: #272624;}.stats_item {display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;padding: 8px 0;border-bottom: 1px solid #f0f0f0;}.stats_item:last-of-type {border-bottom: none;margin-bottom: 0;}.stats_label {color: #666;font-size: 14px;}.stats_value {font-weight: bold;color: #272624;font-size: 16px;}.stats_desc {flex-direction: column;align-items: flex-start;font-size: 14px;color: #666;}.stats_link {margin-top: 16px;padding-top: 16px;}.stats_link a {color: #54c0d4;text-decoration: none;font-size: 14px;}.stats_link a:hover {text-decoration: underline;}#service_info p {font-size: 1.125rem;color: #272624;}#service_info #service_info_desc {border: 1px solid #54c0d473;border-radius: 8px;box-sizing: border-box;padding: 8px 16px;margin-top: 16px;}#service_info #service_info_desc strong {font-weight: bold;}.stats-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 1.5rem;margin-bottom: 2rem;}.stat-item {background: linear-gradient(135deg, #f8fdff 0%, #e3f4f8 100%);border: 2px solid #54c0d4;border-radius: 12px;padding: 1.5rem;display: flex;flex-direction: column;align-items: center;text-align: center;gap: 0.8rem;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(84, 192, 212, 0.15);}.stat-item:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(84, 192, 212, 0.25);border-color: #3ba8c4;}.stat-label {font-weight: 600;color: #2c5f6b;font-size: 1.1em;margin-bottom: 0.5rem;}.stat-value {color: #54c0d4;font-size: 2.2em;font-weight: 700;text-shadow: 0 2px 4px rgba(84, 192, 212, 0.2);}.year-selector {padding: 0.5rem 1rem;border: 2px solid #54c0d4;border-radius: 8px;background: white;color: #2c5f6b;font-size: 1em;font-weight: 600;cursor: pointer;transition: all 0.3s ease;}.year-selector:hover {background: #54c0d4;color: white;}.date-range {font-size: 1.1em;color: #5a7a85;text-align: center;padding: 1rem;margin-top: 1rem;background: #f0f8fa;border-radius: 8px;border-top: 3px solid #54c0d4;font-weight: 500;}#service_section h2 {padding-bottom: 8px;border-bottom: solid 1px #54c0d4;margin-top: 40px;font-weight: bold;}#service_list_section {margin-top: 40px;}#filter_search_section {background: #f8f9fa;border: 1px solid #e9ecef;border-radius: 8px;padding: 20px;margin: 24px 0;}#filter_controls {margin-bottom: 20px;}.filter_group {margin-bottom: 16px;}.filter_group label {font-weight: bold;color: #272624;margin-bottom: 8px;display: block;}.checkbox_group {display: flex;flex-wrap: wrap;gap: 12px;}.checkbox_group label {font-weight: normal;display: flex;align-items: center;margin-bottom: 0;cursor: pointer;}.checkbox_group input[type="checkbox"] {margin-right: 6px;}.filter_actions {display: flex;gap: 12px;margin-top: 16px;}.btn_primary, .btn_secondary {padding: 8px 16px;border-radius: 4px;border: none;cursor: pointer;font-size: 14px;}.btn_primary {background-color: #54c0d4;color: white;}.btn_primary:hover {background-color: #4a9fb2;}.btn_secondary {background-color: #e9ecef;color: #272624;}.btn_secondary:hover {background-color: #d6d9dd;}#search_section {margin: 16px 0;}#sort_section {display: flex;align-items: center;gap: 8px;}#sort_section label {font-weight: bold;color: #272624;}#sort_section select {padding: 6px 12px;border: 1px solid #ccc;border-radius: 4px;background: white;}#service_table_container {margin-top: 24px;overflow-x: auto;}.filter-container {display: flex;gap: 1rem;margin-bottom: 1rem;align-items: flex-end;}.filter-item {flex: 1;}.filter-label {display: block;margin-bottom: 0.5rem;font-weight: bold;}.filter-select {width: 100%;padding: 0.5rem;border: 1px solid #ddd;border-radius: 4px;}#service_list .th_2 { width: 20%; min-width: 150px; }#service_list .th_3 { width: 25%; min-width: 200px; }#service_list .th_4 { width: 12%; min-width: 100px; }#service_list .th_5 { width: 12%; min-width: 100px; }#service_list .th_6 { width: 15%; min-width: 120px; }#service_list .th_7 { width: 16%; min-width: 120px; }#service_list a {color: #54c0d4;text-decoration: none;font-weight: 500;transition: color 0.2s ease;}#service_list a:hover {color: #3ba8c4;text-decoration: underline;}@media screen and (min-width: 768px) {#service_section {padding: 60px 24px 80px 24px;}.stats_row {flex-direction: row;gap: 24px;}.stats_card {flex: 1;min-height: 200px;}#filter_controls {display: flex;flex-wrap: wrap;gap: 20px;align-items: flex-start;}.filter_group {flex: 1;min-width: 200px;margin-bottom: 0;}#filter_search_section {display: grid;grid-template-columns: 1fr auto auto;gap: 20px;align-items: start;}#search_section {margin: 0;min-width: 300px;}#sort_section {margin: 0;min-width: 200px;}#service_section #service_list {display: table;width: 100%;border-collapse: collapse;font-size: 1rem;}#service_section #service_list thead {display: table-header-group;}#service_section #service_list th {display: table-cell;padding: 16px 12px;}#service_section #service_list tr {padding: 0;display: table-row;}#service_section #service_list tr:first-child {display: table-row;}#service_section #service_list td {display: table-cell;padding: 12px;vertical-align: middle;}#service_section #service_list td:before {display: none;}#service_section #service_list td * {width: 100%;}#service_section #service_list td span:first-child {display: none;}#service_section #service_list th {font-weight: bold;}#service_section #service_list .td_1,#service_section #service_list .td_2,#service_section #service_list .td_3,#service_section #service_list .td_4,#service_section #service_list .td_5 {text-align: left;}#service_section #service_list .td_6,#service_section #service_list .td_7 {text-align: right;}#service_section .service_list_content {color: #474745;}}@media screen and (min-width: 768px) {.stats-container {grid-template-columns: repeat(2, 1fr);gap: 2rem;}.stat-item {padding: 2rem;}.stat-value {font-size: 2.5em;}.stat-label {font-size: 1.2em;}}@media screen and (min-width: 1024px) {#service_section {padding: 80px 24px 120px 24px;}#data_disclosure_section h2 {font-size: 2rem;margin-bottom: 32px;}.stats_card {padding: 32px;}.stats_card h3 {font-size: 20px;margin-bottom: 20px;}#service_section h2 {font-size: 2rem;padding-bottom: 32px;margin-top: 80px;}#service_section #service_list {margin-top: 32px;font-size: 1.125rem;}#service_table_container {margin-top: 32px;}.stats-container {grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;gap: 2.5rem;margin-bottom: 3rem;max-width: 800px;margin-left: auto;margin-right: auto;}.stat-item {padding: 2.5rem;border-radius: 16px;}.stat-value {font-size: 3em;}.stat-label {font-size: 1.3em;}.year-selector {font-size: 1.1em;padding: 0.6rem 1.2rem;}.date-range {font-size: 1.2em;padding: 1.2rem;}}.hidden {display: none !important;}.empty-state td {padding: 60px 20px;text-align: center;color: #6b7280;}.empty-icon {font-size: 48px;margin-bottom: 16px;opacity: 0.6;}.empty-title {font-size: 18px;margin-bottom: 8px;color: #374151;}.empty-text {font-size: 14px;color: #9ca3af;margin-bottom: 20px;}.clear-filters-btn {max-width: 300px;padding: 8px 20px;background: #6366f1;color: white;border: none;border-radius: 6px;font-size: 14px;font-weight: 500;transition: all 0.2s ease;cursor: pointer;width: 200px;margin: 20px auto;display: inline-block;}.clear-filters-btn:hover {background: #4f46e5;transform: translateY(-1px);box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);}.clear-filters-btn:active {transform: translateY(0);}.clear-filters-btn i {margin-right: 6px;}.loading-cell {text-align: center;padding: 40px;}.loading-spinner {display: inline-block;width: 20px;height: 20px;border: 2px solid #e5e7eb;border-top-color: #3b82f6;border-radius: 50%;animation: spin 1s linear infinite;margin-right: 10px;vertical-align: middle;}.pagination_controls_container {display: flex;justify-content: space-between;align-items: center;margin: 16px 0;padding: 12px 16px;background: #f8f9fa;border: 1px solid #e9ecef;border-radius: 8px;flex-wrap: wrap;gap: 16px;}.pagination_left {display: flex;align-items: center;gap: 20px;flex-wrap: wrap;}.pagination_right {display: flex;align-items: center;}#pagination-info, #pagination-info-bottom {font-size: 14px;color: #6b7280;font-weight: 500;}.page_size_selector {display: flex;align-items: center;gap: 8px;}.page_size_selector label {font-size: 14px;font-weight: 500;color: #374151;margin: 0;}.page_size_selector select {padding: 6px 12px;border: 1px solid #d1d5db;border-radius: 6px;background: white;font-size: 14px;cursor: pointer;}.page_size_selector select:focus {outline: none;border-color: #54c0d4;box-shadow: 0 0 0 3px rgba(84, 192, 212, 0.1);}#pagination-controls, #pagination-controls-bottom {display: flex;align-items: center;gap: 4px;}.pagination-btn {padding: 8px 12px;border: 1px solid #d1d5db;background: white;color: #374151;border-radius: 6px;cursor: pointer;font-size: 14px;font-weight: 500;transition: all 0.2s ease;display: flex;align-items: center;gap: 4px;min-width: 40px;justify-content: center;}.pagination-btn:hover:not(:disabled) {background: #f3f4f6;border-color: #9ca3af;}.pagination-btn.active {background: #54c0d4;border-color: #54c0d4;color: white;}.pagination-btn:disabled {background: #f9fafb;color: #9ca3af;cursor: not-allowed;border-color: #e5e7eb;}.pagination-ellipsis {padding: 8px 4px;color: #9ca3af;font-size: 14px;}.sort-indicator {position: absolute;right: 8px;top: 50%;transform: translateY(-50%);opacity: 0.5;font-size: 12px;color: #9ca3af;transition: all 0.2s ease;}.sortable {position: relative;cursor: pointer;user-select: none;transition: all 0.2s ease;padding-right: 28px !important;}.sortable:hover {background-color: #f1f5f9 !important;color: #1e40af !important;}.sortable:hover .sort-indicator {opacity: 0.8;color: #1e40af;}.sortable.sort-asc .sort-indicator,.sortable.sort-desc .sort-indicator {opacity: 1;color: #3b82f6;font-weight: bold;}.sortable.sort-asc .sort-indicator:before {content: '↑';}.sortable.sort-desc .sort-indicator:before {content: '↓';}.service-row {transition: all 0.2s ease;border-bottom: 1px solid #f3f4f6;}.service-row:hover {background-color: #f8fafc !important;transform: translateY(-1px);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);}.category-badge {display: inline-block;padding: 2px 8px;background: #e0f2fe;color: #0277bd;border-radius: 12px;font-size: 12px;font-weight: 500;}.usage-number {font-weight: 600;color: #059669;}.usage-number.weekly {color: #dc2626;}@media screen and (max-width: 768px) {.pagination_controls_container {flex-direction: column;align-items: stretch;gap: 12px;}.pagination_left {justify-content: center;flex-wrap: wrap;}.pagination_right {justify-content: center;}#pagination-controls, #pagination-controls-bottom {flex-wrap: wrap;justify-content: center;}.pagination-btn {min-width: 36px;padding: 6px 10px;font-size: 13px;}}.loading-row td {text-align: center;padding: 40px;color: #6b7280;}@keyframes spin {to { transform: rotate(360deg); }}#service_table_container {position: relative;}.table-loading-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(2px);z-index: 100;display: flex;align-items: center;justify-content: center;transition: opacity 0.3s ease, visibility 0.3s ease;min-height: 200px;}.table-loading-overlay.hidden {opacity: 0;visibility: hidden;pointer-events: none;}.table-loading-content {text-align: center;padding: 30px;background: white;border-radius: 8px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);border: 1px solid rgba(84, 192, 212, 0.2);}.loading-spinner-table {width: 40px;height: 40px;border: 3px solid #e5e7eb;border-top-color: #54c0d4;border-radius: 50%;animation: spin 1s linear infinite;margin: 0 auto 16px;}.loading-text-table {font-size: 14px;color: #6b7280;font-weight: 500;}.empty-state td {text-align: center;padding: 60px;color: #6b7280;}#service_list thead th.sortable:focus {outline: 2px solid #0ea5e9;outline-offset: 1px;}#service_list {width: 100%;border-collapse: collapse;font-size: 14px;background: white;border: 2px solid #d1d5db;border-radius: 6px;overflow: hidden;}#service_list thead th {background-color: #f9fafb;color: #374151;padding: 12px;text-align: left;font-weight: 500;font-size: 14px;border-bottom: 2px solid #d1d5db;position: relative;white-space: nowrap;}#service_list thead th.sortable {cursor: pointer;user-select: none;transition: background-color 0.15s ease;padding-right: 28px;}#service_list thead th.sortable:hover {background-color: #f3f4f6;}#service_list thead th.sortable.sort-asc,#service_list thead th.sortable.sort-desc {background-color: #f0f9ff;color: #0369a1;}#service_list .sort-indicator {position: absolute;right: 8px;top: 50%;transform: translateY(-50%);opacity: 0.4;font-size: 11px;color: #9ca3af;transition: opacity 0.1s ease;}#service_list thead th.sortable:hover .sort-indicator {opacity: 0.7;}#service_list thead th.sortable.sort-asc .sort-indicator,#service_list thead th.sortable.sort-desc .sort-indicator {opacity: 1;color: #0369a1;}#service_list thead th.sortable.sort-asc .sort-indicator:before {content: '↑';}#service_list thead th.sortable.sort-desc .sort-indicator:before {content: '↓';}#service_list tbody {background: white;}#service_list tbody tr {transition: background-color 0.2s ease;border-bottom: 1px solid #e5e7eb;}#service_list tbody tr:nth-child(even) {background-color: #f9fafb;}#service_list tbody tr:hover {background-color: #f0f9ff !important;}#service_list tbody td {padding: 12px;vertical-align: middle;color: #374151;font-size: 14px;border-right: 1px solid #f3f4f6;}#service_list thead th {border-right: 1px solid #e5e7eb;}#service_list tbody td:last-child,#service_list thead th:last-child {border-right: none;}#service_list tbody td:first-child {font-weight: 600;color: #1f2937;}#service_list tbody td.usage-number {font-weight: 600;text-align: right;color: #059669;}.category-badge {display: inline-block;padding: 3px 8px;background-color: #e0f2fe;color: #0c4a6e;border-radius: 6px;font-size: 12px;font-weight: 500;}.modern_filter_container {background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border: 1px solid #e2e8f0;border-radius: 12px;padding: 24px;margin: 24px 0;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}.filter_row_main {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 20px;margin-bottom: 20px;}.filter_row_secondary {display: flex;justify-content: space-between;align-items: flex-end;gap: 20px;padding-top: 16px;border-top: 1px solid #e2e8f0;}.filter_group_select {display: flex;flex-direction: column;gap: 6px;position: relative;display: inline-block;}.filter_group_select select {appearance: none;-webkit-appearance: none;padding-right: 2em;}.filter_group_select:has(.filter_select):after {font-size: 0.6rem;content: '▼';position: absolute;right: 1em;top: 2.8rem;transform: translateY(-50%);pointer-events: none;}.filter_group_select label {font-size: 14px;font-weight: 600;color: #374151;margin: 0;}.filter_select {width: 100%;padding: 10px 16px;border: 2px solid #e2e8f0;border-radius: 8px;background: white;font-size: 14px;font-weight: 500;color: #374151;cursor: pointer;transition: all 0.2s ease;outline: none;min-height: 42px;box-sizing: border-box;}.filter_select:hover {border-color: #94a3b8;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);}.filter_select:focus {border-color: #54c0d4;box-shadow: 0 0 0 3px rgba(84, 192, 212, 0.1);}.filter_select option {padding: 8px 16px;font-size: 14px;}.multi-select-dropdown {position: relative;width: 100%;}.multi-select-header {width: 100%;padding: 10px 16px;border: 2px solid #e2e8f0;border-radius: 8px;background: white;cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: all 0.2s ease;min-height: 46px;box-sizing: border-box;}.multi-select-header:hover {border-color: #94a3b8;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);}.multi-select-header:focus-within,.multi-select-dropdown.open .multi-select-header {border-color: #54c0d4;box-shadow: 0 0 0 3px rgba(84, 192, 212, 0.1);}.multi-select-placeholder {flex: 1;font-size: 14px;font-weight: 500;color: #9ca3af;transition: color 0.2s ease;}.multi-select-placeholder.has-selection {color: #374151;font-weight: 600;}.multi-select-arrow {font-size: 12px;color: #6b7280;transition: transform 0.2s ease;font-weight: bold;}.multi-select-arrow.arrow-up {transform: rotate(180deg);}.multi-select-options {position: absolute;top: 100%;left: 0;right: 0;background: white;border: 2px solid #54c0d4;border-top: none;border-radius: 0 0 8px 8px;max-height: 300px;overflow-y: auto;z-index: 1000;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}.multi-select-option {padding: 0;border-bottom: 1px solid #f3f4f6;}.multi-select-option:last-child {border-bottom: none;}.multi-select-option label {display: flex;align-items: center;padding: 10px 16px;margin: 0;cursor: pointer;transition: background-color 0.15s ease;font-size: 14px;font-weight: 500;color: #374151;}.multi-select-option label:hover {background-color: #f8fafc;}.multi-select-option input[type="checkbox"] {margin-right: 10px;margin-bottom: 0;}.multi-select-divider {height: 1px;background-color: #e5e7eb;margin: 4px 16px;}.multi-select-option:first-child label {font-weight: 600;color: #54c0d4;margin-bottom: 4px;}.multi-select-options::-webkit-scrollbar {width: 6px;}.multi-select-options::-webkit-scrollbar-track {background: #f1f5f9;border-radius: 3px;}.multi-select-options::-webkit-scrollbar-thumb {background: #94a3b8;border-radius: 3px;}.multi-select-options::-webkit-scrollbar-thumb:hover {background: #64748b;}.search_group_modern {display: flex;flex-direction: column;gap: 6px;width: 400px;}.search_group_modern label {font-size: 14px;font-weight: 600;color: #374151;margin: 0;}.search_input_wrapper {position: relative;display: flex;align-items: center;}.search_input_modern {width: 100%;padding: 10px 44px 10px 16px;border: 2px solid #e2e8f0;border-radius: 8px;background: white;font-size: 14px;color: #374151;outline: none;transition: all 0.2s ease;min-height: 42px;box-sizing: border-box;}.search_input_modern:hover {border-color: #94a3b8;}.search_input_modern:focus {border-color: #54c0d4;box-shadow: 0 0 0 3px rgba(84, 192, 212, 0.1);}.search_input_modern::placeholder {color: #9ca3af;}.search_btn_modern {position: absolute;right: 10px;padding: 8px;background: none;border: none;color: #6b7280;cursor: pointer;border-radius: 4px;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;}.search_btn_modern:hover {color: #54c0d4;background: rgba(84, 192, 212, 0.1);}.filter_actions_modern {display: flex;gap: 12px;align-items: center;}.btn_apply_modern, .btn_clear_modern, .btn_export_modern {padding: 10px 16px;border: 2px solid;border-radius: 8px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;gap: 6px;min-height: 42px;text-decoration: none;outline: none;}.btn_apply_modern {background: linear-gradient(135deg, #54c0d4 0%, #3ba8c4 100%);color: white;border-color: #54c0d4;}.btn_apply_modern:hover {background: linear-gradient(135deg, #3ba8c4 0%, #2d8aa3 100%);transform: translateY(-1px);box-shadow: 0 4px 8px rgba(84, 192, 212, 0.3);}.btn_clear_modern {background: white;color: #6b7280;border-color: #d1d5db;}.btn_clear_modern:hover {color: #ef4444;border-color: #ef4444;background: rgba(239, 68, 68, 0.05);}.btn_export_modern {background: linear-gradient(135deg, #54c0d4 0%, #3ba8c4 100%);color: white;border-color: #54c0d4;}.btn_export_modern:hover {background: linear-gradient(135deg, #3ba8c4 0%, #2d8aa3 100%);transform: translateY(-1px);box-shadow: 0 4px 8px rgba(84, 192, 212, 0.3);}.filter_status_bar {display: flex;justify-content: space-between;align-items: center;padding: 12px 20px;background: rgba(84, 192, 212, 0.05);border: 1px solid rgba(84, 192, 212, 0.2);border-radius: 8px;margin: 16px 0;flex-wrap: wrap;gap: 12px;}.filter_status_info {font-size: 14px;color: #374151;font-weight: 500;}.filter_status_info strong {color: #54c0d4;font-weight: 700;}.active_filters {display: flex;gap: 8px;flex-wrap: wrap;}.active_filter_tag {padding: 4px 8px;background: #54c0d4;color: white;border-radius: 12px;font-size: 12px;font-weight: 500;display: flex;align-items: center;gap: 4px;}.active_filter_tag .remove_filter {cursor: pointer;opacity: 0.8;font-size: 14px;line-height: 1;}.active_filter_tag .remove_filter:hover {opacity: 1;}@media screen and (max-width: 768px) {.modern_filter_container {padding: 16px;margin: 16px 0;}.filter_row_main {grid-template-columns: 1fr;gap: 16px;margin-bottom: 16px;}.filter_row_secondary {flex-direction: column;align-items: stretch;gap: 16px;}.filter_actions_modern {justify-content: center;flex-wrap: wrap;}.filter_status_bar {flex-direction: column;align-items: stretch;text-align: center;gap: 8px;}}@media screen and (max-width: 480px) {.filter_row_main {gap: 12px;}.filter_select, .search_input_modern, .btn_clear_modern, .btn_export_modern {min-height: 38px;font-size: 13px;}#service_list thead th {padding: 12px 8px;font-size: 13px;letter-spacing: 0.01em;border-bottom-width: 2px;}#service_list thead th.sortable {padding-right: 32px;}#service_list .sort-indicator {right: 8px;font-size: 12px;}#service_list tbody td {padding: 10px 8px;font-size: 13px;}#service_list .th_2, #service_list .th_3 { min-width: 120px; }#service_list .th_4, #service_list .th_5 { min-width: 80px; }#service_list .th_6, #service_list .th_7 { min-width: 100px; }}@media screen and (min-width: 768px) and (max-width: 1024px) {#service_list thead th {padding: 14px 10px;font-size: 13px;}#service_list thead th.sortable {padding-right: 36px;}}