:root{--primary: #2b1166;--primary-hover: #482b8c;--primary-focus: rgba(72, 43, 140, .125);--form-element-active-border-color: var(--primary);--form-element-focus-color: var(--primary-focus);--switch-color: var(--primary-inverse);--switch-checked-background-color: var(--primary);--del-color: #d63384;--del-hover: #b02a5b;--success-color: #10b981;--success-hover: #059669;--error-color: #dc3545;--warning-color: #fd7e14;--info-color: #3b82f6;--muted-color: #6c757d;--glass-bg: rgba(128, 128, 128, .1);--glass-border: rgba(128, 128, 128, .1);--filter-bg: rgba(0, 0, 0, .015);--filter-border: rgba(0, 0, 0, .06);--shadow-nav: 0 2px 16px rgba(0, 0, 0, .4);--shadow-footer: 0 0 16px rgba(0, 0, 0, .2);--shadow-card: 0 2px 8px rgba(0, 0, 0, .15);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .2);--backdrop-blur: blur(4px);--glass-blur: blur(8px)}@media (orientation: portrait){html{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (orientation: landscape){html{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}#root>main{margin-top:60px;margin-bottom:70px;min-height:calc(100vh - 130px)}.sign{max-width:400px;width:100%;margin:0 auto}.delete-btn{background-color:var(--del-hover)!important;border-color:var(--del-hover)!important}.push-notification-floating-btn{position:fixed;bottom:20px;right:20px;z-index:1000;background-color:var(--primary);color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card)}.record-header-row,.index-header-row{display:flex;align-items:center;margin-bottom:.5rem}.record-header-row .right-align,.record-header-row .right-align-dropdown,.index-header-row .right-align,.index-header-row .right-align-dropdown{margin-left:auto}.badge{padding:.1em .2em;font-size:.4em;vertical-align:super;color:#fff;background-color:var(--muted-color);border-radius:.25rem;margin-left:2px}.badge-big{padding:.1em .2em;border-radius:.25rem;color:#fff}dialog#loading-modal{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important}dialog#loading-modal::backdrop{background:transparent!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}.home-layout{padding:80px 20px;text-align:center;margin-bottom:16px}.home-layout form{max-width:400px;margin:0 auto}.home-layout>h1,.home-layout>p{color:#fff;text-shadow:0 0 4px rgba(0,0,0,.5)}.banner-bg,.find-club-bg,.comparison-bg{background-size:cover;background-position:center}.banner-bg{background-image:url(/assets/img/banner.png)}.find-club-bg{background-image:url(/assets/img/find_my_club.png)}.gray-bg{background-color:#6c757d}.comparison-bg{background-image:url(/assets/img/comparison.png)}nav{background-color:var(--primary);color:#fff;padding-top:env(safe-area-inset-top);padding-bottom:0;position:fixed;top:0;left:0;right:0;z-index:2000;box-shadow:var(--shadow-nav)}nav ul{padding:13px env(safe-area-inset-right) 13px env(safe-area-inset-left)}nav ul li{padding:0}nav a{color:#fff;text-decoration:none}nav strong{height:24px}nav strong .nav-logo{height:24px;vertical-align:middle;margin-right:2px}nav strong .nav-version{font-size:.5rem;margin-left:2px;vertical-align:super}#root>footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);height:50px;border-radius:40px;margin-bottom:20px;padding:10px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:2px solid var(--glass-border);box-shadow:var(--shadow-footer);z-index:2000;color:inherit}#root>footer div{width:30px;margin:0 10px;display:flex;flex-direction:column;align-items:center;justify-content:center}#root>footer a{text-decoration:none}#root>footer i{color:var(--primary);margin-bottom:-5px!important}#root>footer p{margin:0;font-size:12px;color:var(--primary)}@media (prefers-color-scheme: dark){#root>footer i,#root>footer p{color:#fff}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1rem}.grid article{min-width:300px;width:100%;box-sizing:border-box}.grid article header h2,.grid article header h3,.grid article header p{margin:0}.grid article label{width:100%;display:flex}.grid article .right-switch{margin-left:auto!important}.grid .card{max-width:300px;width:100%}.filter>.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem 1rem}.filter>.grid label,.filter>.grid input,.filter>.grid select{margin-bottom:0}.clubs-grid{grid-template-columns:repeat(auto-fill,300px);justify-content:start}.clubs-grid article{width:100%}dialog{width:100%;max-height:80vh;padding:0;border-radius:12px;overflow:hidden;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important}dialog>article{max-height:80vh;padding:0 18px;display:flex;flex-direction:column}dialog>article>header{flex:0 0 auto;position:sticky;top:0;z-index:2}dialog>article>footer{flex:0 0 auto;position:sticky;bottom:0;display:flex;gap:.5rem;padding:1rem}dialog>article>footer button{flex:1;min-width:0;margin:0!important;white-space:nowrap}dialog>article>footer p{width:100%;margin-bottom:.5rem}dialog>article>footer div[style*="display: flex"]{display:flex!important;gap:.5rem;width:100%}dialog>article>footer div[style*="display: flex"] button{flex:1}dialog>article>*:not(header):not(footer){flex:1 1 auto;overflow-y:auto;min-height:0;padding:1rem}dialog>article .record-detail-content{display:flex;flex-direction:column;gap:1.5rem;margin:0;padding:1rem 0}dialog>article .record-detail-content .detail-section{padding:0!important;margin:0!important;border-radius:0;background:transparent;border:none}dialog>article .record-detail-content .detail-section:not(:last-child){margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--pico-muted-border-color)}dialog>article .record-detail-content .detail-section h4{margin:0 0 1rem;color:var(--pico-primary-600);font-size:1.1rem;font-weight:600;border-bottom:none;padding-bottom:0}dialog>article .record-detail-content .detail-section .detail-grid{display:grid;gap:.75rem}dialog>article .record-detail-content .detail-section .detail-grid .detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:0;border-bottom:none}dialog>article .record-detail-content .detail-section .detail-grid .detail-item .detail-label{font-weight:600;color:var(--pico-color);min-width:100px;flex-shrink:0;margin-right:1rem}dialog>article .record-detail-content .detail-section .detail-grid .detail-item .detail-value{color:var(--pico-color);text-align:right;flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}dialog>article .record-detail-content .detail-section .detail-grid .detail-item .detail-value.amount-value{font-weight:700;font-size:1.1rem}dialog>article .record-detail-content .detail-section .detail-grid .detail-item .detail-value.amount-value.positive{color:var(--info-color)}dialog>article .record-detail-content .detail-section .detail-grid .detail-item .detail-value.amount-value.negative{color:var(--del-color)}dialog>article .record-detail-content .detail-section .detail-others{background:var(--pico-background-color);padding:1rem;border-radius:6px;border:1px solid var(--pico-muted-border-color);font-style:italic;color:var(--pico-muted-color);line-height:1.5}dialog>article .record-detail-content .record-detail-small{font-size:.8rem;color:var(--pico-muted-color);font-weight:400;margin-top:.25rem}dialog>article .record-detail-content .record-delete-text{color:var(--pico-del-color);font-weight:600;text-align:center;margin-bottom:1rem}dialog::backdrop{background:transparent!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}article .table-container{overflow-x:auto}article .table-container-no-scroll{overflow-x:hidden}article .table{width:100%;min-width:600px}article .table .min-width-th-1{min-width:100px}article .table .min-width-th-2{min-width:160px}article .table-no-scroll{width:100%}.club-card-footer{display:flex;gap:.5rem}.club-card-footer button{flex:1;min-width:0;margin:0!important;white-space:nowrap}.transaction-type-deposit{background-color:#28a745!important;color:#fff!important}.transaction-type-annual_fee{background-color:#dc3545!important;color:#fff!important}.transaction-type-additional_fee{background-color:#007bff!important;color:#fff!important}.balance-safe{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.balance-safe h3,.balance-safe p{color:#155724}.balance-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.balance-warning h3,.balance-warning p{color:#856404}.balance-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.balance-danger h3,.balance-danger p{color:#721c24}.balance-card{text-align:center;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.balance-info{background-color:#e3f2fd!important;border:1px solid #90caf9!important;color:#0d47a1!important;text-align:center}.balance-info h3{color:#0d47a1!important}.balance-info p{color:#1565c0!important}.customer-support-card{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 8px #0000001a}.customer-support-content h3{color:#1565c0;margin:0 0 1rem;font-size:1.2rem}.customer-support-content p{color:#424242;margin:.75rem 0;line-height:1.6}.customer-support-content p:first-of-type{font-size:1rem;margin-bottom:1rem}.customer-support-content p:last-of-type{font-size:.9rem;text-align:left;background-color:#ffffffb3;border-radius:8px;padding:1rem;margin:1rem 0}.customer-support-actions{margin:1.5rem 0 1rem}.kakao-channel-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fee500,#ffeb3b);color:#3c1e1e;text-decoration:none;padding:12px 24px;border-radius:25px;font-weight:600;font-size:1rem;border:2px solid #fbc02d;transition:all .3s ease;box-shadow:0 2px 8px #fee5004d}.kakao-channel-button:hover{background:linear-gradient(135deg,#ffeb3b,#ffc107);transform:translateY(-2px);box-shadow:0 4px 12px #fee50066;color:#2e1919}.kakao-channel-button:active{transform:translateY(0);box-shadow:0 2px 6px #fee5004d}.kakao-icon{font-size:1.2rem}.customer-support-note{color:#666;font-style:italic;font-size:.85rem;display:block;margin-top:1rem}.balance-warning-message{padding:1rem;border-radius:8px;font-size:.9rem}.balance-warning-top{padding:1rem;border-radius:8px;font-size:.9rem;text-align:center;margin-bottom:1.5rem}.badge-small{font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:600;display:inline-block;text-align:center;white-space:nowrap;vertical-align:baseline}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.sortable-header:hover{background-color:#0000000d}.sort-icon{margin-left:.5rem;font-size:.8rem;opacity:.7}.payment-balance-card{text-align:center;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.payment-balance-positive{background-color:#d4edda;border:1px solid #c3e6cb}.payment-balance-negative{background-color:#f8d7da;border:1px solid #f5c6cb}.payment-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.payment-stat-item{text-align:center;padding:1rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.payment-stat-title{font-size:.9rem;margin:0 0 .5rem;font-weight:600}.payment-stat-amount{font-size:1.2rem;font-weight:700;margin:0}.recent-payments-table{font-size:.9rem}.recent-payments-table th,.recent-payments-table td{padding:.5rem .75rem}.recent-payments-table td:first-child{font-family:monospace;font-size:.8rem}@media (max-width: 768px){.payment-stats-grid{grid-template-columns:1fr}.recent-payments-table{font-size:.8rem}.recent-payments-table th,.recent-payments-table td{padding:.4rem .5rem}.customer-support-card{padding:1rem}.customer-support-content h3{font-size:1.1rem}.kakao-channel-button{padding:10px 20px;font-size:.9rem}}.settings .settings-form-container form input[type=url]:disabled,.settings .settings-form-container form input[type=text]:disabled{background-color:var(--color-form-element-background-color);color:var(--color-secondary);opacity:.7;cursor:not-allowed}.settings .settings-form-container form .checkbox-container label{cursor:pointer}.settings .settings-form-container form .checkbox-container label:has(input:disabled){opacity:.5;cursor:not-allowed}.settings .settings-form-container form .checkbox-container input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.settings .settings-form-container form button:disabled{background-color:var(--color-form-element-background-color);color:var(--color-secondary);opacity:.5;cursor:not-allowed;border-color:var(--color-secondary)}.statistics-container{text-align:center}.statistics-container .stats-value{margin:0;font-size:2rem;font-weight:700;color:var(--color)}.statistics-container .grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:20px}.toggle-switch-container{display:flex;justify-content:center;margin:20px 0}.toggle-switch{display:inline-flex;background-color:#e5e7eb;border-radius:25px;padding:4px;position:relative;box-shadow:inset 0 2px 4px #0000001a;transition:all .3s ease}.toggle-button{position:relative;background:none;border:none;padding:10px 20px;margin-bottom:0;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .3s ease;z-index:1;min-width:60px;outline:none}.toggle-button:hover{color:#374151}.toggle-button.active{background-color:#fff;color:#1f2937;box-shadow:0 2px 4px #0000001a;font-weight:600}.toggle-button:first-child.active{transform:translate(0)}.toggle-button:last-child.active{transform:translate(0)}@media (prefers-color-scheme: dark){.toggle-switch{background-color:#374151}.toggle-button{color:#9ca3af}.toggle-button:hover{color:#d1d5db}.toggle-button.active{background-color:#1f2937;color:#f9fafb;box-shadow:0 2px 4px #0000004d}}.daily-report-content{display:flex;flex-direction:column;gap:1rem}.daily-report-text{background:var(--code-background-color, #f8f9fa);border:1px solid var(--muted-border-color, #e9ecef);border-radius:6px;padding:1rem;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;margin:0;overflow-x:auto;color:var(--color, #000)}.copy-button{align-self:flex-start;background-color:var(--primary, #007bff);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.copy-button:hover{background-color:var(--primary-hover, #0056b3);transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}@media (max-width: 768px){.daily-report-text{font-size:.75rem;padding:.75rem}.copy-button{font-size:.8rem;padding:.4rem .8rem}}.date-group .date-header{border-bottom:1px solid var(--muted-color)}.date-group .date-header h3{margin-bottom:10px}.date-group .record-item-compact{height:80px;padding:0 10px;display:flex;align-items:center;border-bottom:1px solid var(--muted-color)}.date-group .record-item-compact:last-child{border-bottom:none}.date-group .record-item-compact .record-icon{background-color:var(--primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px}.date-group .record-item-compact .record-icon .icon-circle{font-size:20px;color:#fff}.date-group .record-item-compact .record-content .record-time{font-size:14px;color:var(--muted-color)}.date-group .record-item-compact .record-amount{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;flex-grow:1}.date-group .record-item-compact .record-amount .amount-value{font-size:16px;font-weight:700;color:var(--info-color)}.rank-1{background-color:gold}.rank-2{background-color:silver}.rank-3{background-color:#cd7f32}