@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=BIZ+UDPGothic:wght@400;700&display=swap";:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--success-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--warning-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--primary: #667eea;--secondary: #f5576c;--accent: #00f2fe;--success: #43e97b;--success-dark: #2dd4bf;--warning: #fee140;--warning-dark: #f59e0b;--danger: #ff6b6b;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-card: #252525;--bg-card-hover: #2f2f2f;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #666666;--border-color: #333333;--border-radius: 16px;--border-radius-small: 8px;--border-radius-large: 24px;--shadow-small: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .15);--shadow-large: 0 8px 32px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(102, 126, 234, .3);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--font-primary: "Poppins", "BIZ UDPGothic", sans-serif;--font-japanese: "BIZ UDPGothic", "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-japanese);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){html{font-size:14px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--border-radius-small);font-family:var(--font-primary);font-weight:500;font-size:.9rem;text-decoration:none;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;min-height:44px;gap:8px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition)}.btn:hover:before{left:100%}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-medium)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-large),var(--shadow-glow)}.btn-secondary{background:var(--secondary-gradient);color:#fff;box-shadow:var(--shadow-medium)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-large)}.btn-accent{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-medium)}.btn-accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-large)}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#667eea1a}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;box-shadow:var(--shadow-medium)}.btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-large)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-medium);border:1px solid var(--border-color);transition:var(--transition)}.card:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-large)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.card-body{flex:1}.card-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:.9rem}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius-small);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-japanese);font-size:1rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:var(--text-muted)}.form-select{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius-small);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-japanese);font-size:1rem;cursor:pointer;transition:var(--transition)}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.form-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:8px}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container-sm{max-width:600px;margin:0 auto;padding:0 20px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-medium)}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.table tr:hover{background:var(--bg-card-hover)}.slider{width:100%;height:6px;border-radius:3px;background:var(--border-color);outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-gradient);cursor:pointer;box-shadow:var(--shadow-small)}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-gradient);cursor:pointer;border:none;box-shadow:var(--shadow-small)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .4s ease-out}.pulse{animation:pulse 2s infinite}@media (max-width: 768px){.container{padding:0 16px}.btn{padding:10px 20px;font-size:.85rem}.card{padding:20px;border-radius:var(--border-radius-small)}.grid-2,.grid-3{grid-template-columns:1fr}.table{font-size:.85rem}.table th,.table td{padding:8px 12px}}.app-header[data-v-fb213730]{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content[data-v-fb213730]{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.header-brand[data-v-fb213730]{display:flex;align-items:center;gap:12px}.brand-title[data-v-fb213730]{font-size:1.5rem;font-weight:700;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.brand-subtitle[data-v-fb213730]{font-size:.85rem;color:var(--text-secondary);font-weight:500}.header-nav[data-v-fb213730]{display:flex;align-items:center;gap:8px}.nav-btn[data-v-fb213730]{padding:8px 16px;border-radius:var(--border-radius-small);text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.9rem;transition:var(--transition);border:none;background:none;cursor:pointer;font-family:var(--font-japanese)}.nav-btn[data-v-fb213730]:hover{color:var(--text-primary);background:#667eea1a}.nav-btn.active[data-v-fb213730]{color:var(--primary);background:#667eea26}.logout-btn[data-v-fb213730]{color:var(--danger)}.logout-btn[data-v-fb213730]:hover{background:#ff6b6b1a}@media (max-width: 768px){.header-content[data-v-fb213730]{flex-direction:column;gap:16px;align-items:flex-start}.header-nav[data-v-fb213730]{width:100%;justify-content:space-between;flex-wrap:wrap;gap:12px}.nav-btn[data-v-fb213730]{flex:1;min-width:0;text-align:center;padding:10px 12px;font-size:.85rem}.brand-title[data-v-fb213730]{font-size:1.25rem}.brand-subtitle[data-v-fb213730]{font-size:.8rem}}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:24px 0}.main-content.shared-view{padding:0}@media (max-width: 768px){.main-content{padding:16px 0}}.home-view[data-v-705bc5d8]{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:40px 0}.auth-card[data-v-705bc5d8]{background:var(--bg-card);border-radius:var(--border-radius-large);padding:40px;box-shadow:var(--shadow-large);border:1px solid var(--border-color);max-width:500px;width:100%}.welcome-title[data-v-705bc5d8]{font-size:2.5rem;font-weight:700;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin-bottom:8px}.welcome-subtitle[data-v-705bc5d8]{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-bottom:0}.form-input.error[data-v-705bc5d8]{border-color:var(--danger);box-shadow:0 0 0 3px #ff6b6b1a}.error-message[data-v-705bc5d8]{color:var(--danger);font-size:.85rem;margin-top:8px;display:flex;align-items:center;gap:4px}.menu-grid[data-v-705bc5d8]{display:grid;gap:20px;margin-top:24px}.menu-item[data-v-705bc5d8]{display:block;padding:24px;background:var(--bg-secondary);border-radius:var(--border-radius);text-decoration:none;color:var(--text-primary);transition:var(--transition);border:1px solid var(--border-color);text-align:center}.menu-item[data-v-705bc5d8]:hover{transform:translateY(-4px);box-shadow:var(--shadow-large);background:var(--bg-card-hover)}.menu-icon[data-v-705bc5d8]{font-size:3rem;margin-bottom:12px;display:block}.menu-title[data-v-705bc5d8]{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.menu-description[data-v-705bc5d8]{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}@media (max-width: 768px){.auth-card[data-v-705bc5d8]{margin:20px;padding:30px 24px}.welcome-title[data-v-705bc5d8]{font-size:2rem}.welcome-subtitle[data-v-705bc5d8]{font-size:1rem}.menu-item[data-v-705bc5d8]{padding:20px}.menu-icon[data-v-705bc5d8]{font-size:2.5rem}.menu-title[data-v-705bc5d8]{font-size:1.1rem}.menu-description[data-v-705bc5d8]{font-size:.85rem}}.event-create-view[data-v-27b7a22e]{max-width:800px;margin:0 auto;padding:0 20px}.page-header[data-v-27b7a22e]{text-align:center;margin-bottom:40px}.page-title[data-v-27b7a22e]{font-size:2rem;font-weight:700;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.page-subtitle[data-v-27b7a22e]{color:var(--text-secondary);font-size:1.1rem;margin:0}.form-card[data-v-27b7a22e]{background:var(--bg-card);border-radius:var(--border-radius);padding:32px;box-shadow:var(--shadow-medium);border:1px solid var(--border-color)}.form-row[data-v-27b7a22e]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.participants-section[data-v-27b7a22e]{border:2px solid var(--border-color);border-radius:var(--border-radius);padding:20px;background:var(--bg-secondary)}.group-section[data-v-27b7a22e]{margin-bottom:24px}.group-section[data-v-27b7a22e]:last-child{margin-bottom:0}.group-header[data-v-27b7a22e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.group-title[data-v-27b7a22e]{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.btn-sm[data-v-27b7a22e]{padding:6px 12px;font-size:.8rem}.members-grid[data-v-27b7a22e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.member-checkbox[data-v-27b7a22e]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-card);border-radius:var(--border-radius-small);cursor:pointer;transition:var(--transition);border:1px solid var(--border-color)}.member-checkbox[data-v-27b7a22e]:hover{background:var(--bg-card-hover)}.member-checkbox input[type=checkbox]:checked+.member-info[data-v-27b7a22e]{color:var(--primary)}.member-info[data-v-27b7a22e]{display:flex;flex-direction:column;gap:2px}.member-name[data-v-27b7a22e]{font-weight:500;font-size:.9rem}.member-rank[data-v-27b7a22e]{font-size:.75rem;color:var(--text-secondary)}.empty-state[data-v-27b7a22e]{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state p[data-v-27b7a22e]{margin-bottom:16px}.form-footer[data-v-27b7a22e]{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}@media (max-width: 768px){.form-card[data-v-27b7a22e]{padding:24px 20px}.form-row[data-v-27b7a22e]{grid-template-columns:1fr;gap:16px}.group-header[data-v-27b7a22e]{flex-direction:column;align-items:flex-start;gap:12px}.members-grid[data-v-27b7a22e]{grid-template-columns:1fr}.form-footer[data-v-27b7a22e]{flex-direction:column-reverse;gap:12px}.page-title[data-v-27b7a22e]{font-size:1.75rem}.page-subtitle[data-v-27b7a22e]{font-size:1rem}}.member-manage-view[data-v-45c28d19]{max-width:1000px;margin:0 auto;padding:0 20px}.page-header[data-v-45c28d19]{text-align:center;margin-bottom:40px}.page-title[data-v-45c28d19]{font-size:2rem;font-weight:700;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.page-subtitle[data-v-45c28d19]{color:var(--text-secondary);font-size:1.1rem;margin:0}.tab-container[data-v-45c28d19]{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);border:1px solid var(--border-color);overflow:hidden}.tab-nav[data-v-45c28d19]{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.tab-btn[data-v-45c28d19]{flex:1;padding:16px 24px;border:none;background:none;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:var(--transition);font-family:var(--font-japanese)}.tab-btn[data-v-45c28d19]:hover{background:var(--bg-card-hover);color:var(--text-primary)}.tab-btn.active[data-v-45c28d19]{color:var(--primary);background:var(--bg-card);border-bottom:2px solid var(--primary)}.tab-content[data-v-45c28d19]{padding:32px}.section-header[data-v-45c28d19]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title[data-v-45c28d19]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.table-container[data-v-45c28d19]{overflow-x:auto}.rank-badge[data-v-45c28d19]{display:inline-block;padding:4px 8px;background:var(--primary-gradient);color:#fff;border-radius:var(--border-radius-small);font-size:.8rem;font-weight:500}.action-buttons[data-v-45c28d19]{display:flex;gap:8px}.group-grid[data-v-45c28d19]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.group-card[data-v-45c28d19]{padding:20px;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.group-card[data-v-45c28d19]:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.group-name[data-v-45c28d19]{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.group-member-count[data-v-45c28d19]{color:var(--text-secondary);font-size:.9rem;margin:0}.group-actions[data-v-45c28d19]{display:flex;gap:8px}.empty-state[data-v-45c28d19]{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state p[data-v-45c28d19]{margin-bottom:20px;font-size:1.1rem}.modal-overlay[data-v-45c28d19]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-45c28d19]{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-large);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-45c28d19]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-title[data-v-45c28d19]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close[data-v-45c28d19]{width:32px;height:32px;border:none;background:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close[data-v-45c28d19]:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body[data-v-45c28d19]{padding:24px}.modal-footer[data-v-45c28d19]{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--border-color)}.form-note[data-v-45c28d19]{color:var(--text-secondary);font-size:.85rem;margin-top:4px;margin-bottom:0}@media (max-width: 768px){.tab-content[data-v-45c28d19]{padding:20px 16px}.section-header[data-v-45c28d19]{flex-direction:column;gap:16px;align-items:stretch}.group-grid[data-v-45c28d19]{grid-template-columns:1fr}.group-card[data-v-45c28d19]{flex-direction:column;gap:16px;align-items:stretch}.group-actions[data-v-45c28d19],.action-buttons[data-v-45c28d19]{justify-content:center}.modal-content[data-v-45c28d19]{margin:10px}.modal-footer[data-v-45c28d19]{flex-direction:column-reverse;gap:8px}}.event-manage-view[data-v-ce8a3344]{max-width:1200px;margin:0 auto;padding:0 20px}.page-header[data-v-ce8a3344]{text-align:center;margin-bottom:40px}.page-title[data-v-ce8a3344]{font-size:2rem;font-weight:700;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.page-subtitle[data-v-ce8a3344]{color:var(--text-secondary);font-size:1.1rem;margin:0}.controls-section[data-v-ce8a3344]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;padding:20px;background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color)}.empty-state[data-v-ce8a3344]{text-align:center;padding:60px 20px;background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color)}.empty-state h3[data-v-ce8a3344]{font-size:1.5rem;color:var(--text-primary);margin-bottom:12px}.empty-state p[data-v-ce8a3344]{color:var(--text-secondary);margin-bottom:24px}.events-list[data-v-ce8a3344]{display:flex;flex-direction:column;gap:16px}.event-card[data-v-ce8a3344]{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-medium);transition:var(--transition);overflow:hidden}.event-card[data-v-ce8a3344]:hover{box-shadow:var(--shadow-large)}.event-header[data-v-ce8a3344]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;transition:var(--transition)}.event-header[data-v-ce8a3344]:hover{background:var(--bg-card-hover)}.event-name[data-v-ce8a3344]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.event-date[data-v-ce8a3344]{color:var(--text-secondary);font-size:.9rem;margin:0}.event-status[data-v-ce8a3344]{display:flex;align-items:center;gap:12px}.status-badge[data-v-ce8a3344]{padding:4px 12px;border-radius:var(--border-radius-small);font-size:.8rem;font-weight:500}.status-badge.unpaid[data-v-ce8a3344]{background:var(--warning-gradient);color:#fff}.status-badge.paid[data-v-ce8a3344]{background:var(--success-gradient);color:#fff}.expand-btn[data-v-ce8a3344]{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:4px;transition:var(--transition)}.expand-btn[data-v-ce8a3344]:hover{color:var(--text-primary)}.event-details[data-v-ce8a3344]{border-top:1px solid var(--border-color);padding:24px;animation:fadeIn .3s ease-out}.details-grid[data-v-ce8a3344]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.detail-section[data-v-ce8a3344]{background:var(--bg-secondary);padding:16px;border-radius:var(--border-radius-small)}.detail-title[data-v-ce8a3344]{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.participants-list[data-v-ce8a3344],.expenses-list[data-v-ce8a3344],.settlement-list[data-v-ce8a3344]{display:flex;flex-direction:column;gap:8px}.participant-item[data-v-ce8a3344],.expense-item[data-v-ce8a3344],.settlement-item[data-v-ce8a3344]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-card);border-radius:var(--border-radius-small)}.payment-status[data-v-ce8a3344]{padding:2px 8px;border-radius:var(--border-radius-small);font-size:.75rem;font-weight:500}.payment-status.paid[data-v-ce8a3344]{background:var(--success);color:#fff}.payment-status.unpaid[data-v-ce8a3344]{background:var(--warning);color:#fff}.expense-info[data-v-ce8a3344]{display:flex;flex-direction:column;gap:2px}.expense-name[data-v-ce8a3344]{font-weight:500}.expense-amount[data-v-ce8a3344]{font-size:.9rem;color:var(--text-secondary)}.expense-payer[data-v-ce8a3344]{font-size:.8rem;color:var(--text-secondary)}.settlement-amount.receive[data-v-ce8a3344]{color:var(--success);font-weight:600}.settlement-amount.pay[data-v-ce8a3344]{color:var(--danger);font-weight:600}.no-expenses[data-v-ce8a3344]{color:var(--text-secondary);font-style:italic;text-align:center;padding:16px}.event-actions[data-v-ce8a3344]{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border-color)}.modal-overlay[data-v-ce8a3344]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-ce8a3344]{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-large);max-width:500px;width:100%}.modal-header[data-v-ce8a3344]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-title[data-v-ce8a3344]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close[data-v-ce8a3344]{width:32px;height:32px;border:none;background:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close[data-v-ce8a3344]:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body[data-v-ce8a3344]{padding:24px}.warning-text[data-v-ce8a3344]{color:var(--danger);font-size:.9rem;margin-top:8px}.modal-footer[data-v-ce8a3344]{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--border-color)}@media (max-width: 768px){.controls-section[data-v-ce8a3344],.details-grid[data-v-ce8a3344]{grid-template-columns:1fr;gap:16px}.event-header[data-v-ce8a3344]{flex-direction:column;gap:12px;align-items:flex-start}.event-status[data-v-ce8a3344]{align-self:stretch;justify-content:space-between}.event-actions[data-v-ce8a3344]{flex-direction:column;gap:8px}.participant-item[data-v-ce8a3344],.expense-item[data-v-ce8a3344],.settlement-item[data-v-ce8a3344]{flex-direction:column;align-items:flex-start;gap:4px}.modal-footer[data-v-ce8a3344]{flex-direction:column-reverse;gap:8px}}.event-edit-view[data-v-f15bbf99]{max-width:1200px;margin:0 auto;padding:0 20px}.page-header[data-v-f15bbf99]{text-align:center;margin-bottom:40px}.page-title[data-v-f15bbf99]{font-size:2rem;font-weight:700;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.page-subtitle[data-v-f15bbf99]{color:var(--text-secondary);font-size:1.1rem;margin:0}.edit-content[data-v-f15bbf99]{display:flex;flex-direction:column;gap:40px}.section-title[data-v-f15bbf99]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid var(--primary)}.event-info-card[data-v-f15bbf99]{background:var(--bg-card);border-radius:var(--border-radius);padding:24px;border:1px solid var(--border-color)}.info-item[data-v-f15bbf99]{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.info-item[data-v-f15bbf99]:last-child{margin-bottom:0}.info-label[data-v-f15bbf99]{font-weight:600;color:var(--text-secondary);min-width:80px;flex-shrink:0}.info-value[data-v-f15bbf99]{color:var(--text-primary)}.participants-tags[data-v-f15bbf99]{display:flex;flex-wrap:wrap;gap:8px}.participant-tag[data-v-f15bbf99]{display:inline-flex;align-items:center;gap:4px;background:var(--bg-secondary);padding:4px 12px;border-radius:var(--border-radius-small);font-size:.9rem}.rank-badge[data-v-f15bbf99]{background:var(--primary);color:#fff;padding:2px 6px;border-radius:var(--border-radius-small);font-size:.75rem;font-weight:600}.paypay-link-item[data-v-f15bbf99]{flex-direction:column;align-items:flex-start;gap:8px}.paypay-link-input[data-v-f15bbf99]{width:100%;display:flex;flex-direction:column;gap:8px}.paypay-link-field[data-v-f15bbf99]{padding:12px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s;width:100%}.paypay-link-field[data-v-f15bbf99]:focus{border-color:var(--primary);outline:none}.paypay-help-text[data-v-f15bbf99]{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.rank-sliders[data-v-f15bbf99],.expense-rank-sliders[data-v-f15bbf99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.rank-slider[data-v-f15bbf99]{background:var(--bg-card);border-radius:var(--border-radius);padding:20px;border:1px solid var(--border-color)}.slider-label[data-v-f15bbf99]{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-primary);margin-bottom:12px}.slider-value[data-v-f15bbf99]{background:var(--primary);color:#fff;padding:2px 8px;border-radius:var(--border-radius-small);font-size:.9rem}.slider[data-v-f15bbf99]{width:100%;height:6px;border-radius:3px;background:var(--bg-secondary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider[data-v-f15bbf99]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 4px #0003}.slider[data-v-f15bbf99]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.expense-form[data-v-f15bbf99]{background:var(--bg-card);border-radius:var(--border-radius);padding:24px;border:1px solid var(--border-color)}.form-grid[data-v-f15bbf99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.subsection-title[data-v-f15bbf99]{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.checkbox-grid[data-v-f15bbf99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px}.checkbox-label[data-v-f15bbf99]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:var(--border-radius-small);transition:var(--transition)}.checkbox-label[data-v-f15bbf99]:hover{background:var(--bg-secondary)}.checkbox-input[data-v-f15bbf99]{margin:0}.checkbox-text[data-v-f15bbf99]{display:flex;align-items:center;gap:4px}.expense-ratios[data-v-f15bbf99],.split-method-selection[data-v-f15bbf99]{margin-bottom:24px}.split-method-buttons[data-v-f15bbf99]{display:flex;gap:12px;flex-wrap:wrap}.split-method-btn[data-v-f15bbf99]{padding:12px 24px;border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-card);color:var(--text-primary);font-weight:500;cursor:pointer;transition:var(--transition);font-size:.95rem}.split-method-btn[data-v-f15bbf99]:hover{border-color:var(--primary);background:var(--bg-secondary)}.split-method-btn.active[data-v-f15bbf99]{border-color:var(--primary);background:var(--primary);color:#fff}.custom-amounts[data-v-f15bbf99]{margin-bottom:24px}.custom-amount-grid[data-v-f15bbf99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:12px}.custom-amount-item[data-v-f15bbf99]{background:var(--bg-secondary);border-radius:var(--border-radius);padding:16px;border:1px solid var(--border-color)}.custom-amount-label[data-v-f15bbf99]{display:flex;align-items:center;gap:4px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.custom-amount-input-wrapper[data-v-f15bbf99]{display:flex;align-items:center;gap:8px}.custom-amount-input[data-v-f15bbf99]{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-small);font-size:1rem;transition:border-color .2s}.custom-amount-input[data-v-f15bbf99]:focus{border-color:var(--primary);outline:none}.currency-unit[data-v-f15bbf99]{color:var(--text-secondary);font-size:.9rem;font-weight:500}.amount-total[data-v-f15bbf99]{font-size:.9rem;padding:4px 8px;border-radius:var(--border-radius-small);background:var(--success);color:#fff;font-weight:500;margin-left:8px}.amount-total.invalid[data-v-f15bbf99]{background:var(--danger)}.custom-amount-error[data-v-f15bbf99]{background:#ef44441a;border:1px solid var(--danger);border-radius:var(--border-radius-small);padding:8px 12px;color:var(--danger);font-size:.9rem;font-weight:500}.expense-amounts-display[data-v-f15bbf99]{display:flex;flex-wrap:wrap;gap:8px}.amount-item[data-v-f15bbf99]{background:var(--bg-secondary);padding:2px 8px;border-radius:var(--border-radius-small);font-size:.8rem}.form-actions[data-v-f15bbf99]{display:flex;gap:12px;justify-content:flex-end}.expenses-list[data-v-f15bbf99]{display:flex;flex-direction:column;gap:16px}.expense-card[data-v-f15bbf99]{background:var(--bg-card);border-radius:var(--border-radius);padding:20px;border:1px solid var(--border-color)}.expense-header[data-v-f15bbf99]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.expense-name[data-v-f15bbf99]{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0}.expense-amount[data-v-f15bbf99]{font-size:1.1rem;font-weight:600;color:var(--primary)}.expense-details[data-v-f15bbf99]{margin-bottom:16px;font-size:.9rem;color:var(--text-secondary)}.expense-details>div[data-v-f15bbf99]{margin-bottom:4px}.expense-ratios-display[data-v-f15bbf99]{display:flex;flex-wrap:wrap;gap:8px}.ratio-item[data-v-f15bbf99]{background:var(--bg-secondary);padding:2px 8px;border-radius:var(--border-radius-small);font-size:.8rem}.expense-actions[data-v-f15bbf99]{display:flex;gap:8px;justify-content:flex-end}.settlement-list[data-v-f15bbf99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.settlement-item[data-v-f15bbf99]{background:var(--bg-card);border-radius:var(--border-radius);padding:20px;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.settlement-member[data-v-f15bbf99]{font-weight:600;color:var(--text-primary)}.settlement-amount[data-v-f15bbf99]{font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px}.settlement-amount.receive[data-v-f15bbf99]{color:var(--success)}.settlement-amount.pay[data-v-f15bbf99]{color:var(--danger)}.settlement-label[data-v-f15bbf99]{font-size:.8rem;padding:2px 6px;border-radius:var(--border-radius-small);background:currentColor;color:#fff}.payment-status-list[data-v-f15bbf99]{display:flex;flex-direction:column;gap:12px}.payment-status-item[data-v-f15bbf99]{background:var(--bg-card);border-radius:var(--border-radius);padding:16px;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.participant-info[data-v-f15bbf99]{display:flex;align-items:center;gap:12px}.participant-name[data-v-f15bbf99]{font-weight:600;color:var(--text-primary)}.settlement-amount-small[data-v-f15bbf99]{font-size:.9rem;font-weight:600}.settlement-amount-small.receive[data-v-f15bbf99]{color:var(--success)}.settlement-amount-small.pay[data-v-f15bbf99]{color:var(--danger)}.payment-status-badge[data-v-f15bbf99]{padding:4px 12px;border-radius:var(--border-radius-small);font-size:.8rem;font-weight:500}.payment-status-badge.receive[data-v-f15bbf99]{background:var(--success);color:#fff}.share-url-card[data-v-f15bbf99]{background:var(--bg-card);border-radius:var(--border-radius);padding:24px;border:1px solid var(--border-color)}.url-display[data-v-f15bbf99]{display:flex;gap:12px;margin-bottom:12px}.url-input[data-v-f15bbf99]{flex:1;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius-small);background:var(--bg-secondary);color:var(--text-primary);font-family:monospace;font-size:.9rem}.url-description[data-v-f15bbf99]{color:var(--text-secondary);font-size:.9rem;margin:0}.error-state[data-v-f15bbf99]{text-align:center;padding:60px 20px;background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color)}.error-state h2[data-v-f15bbf99]{color:var(--text-primary);margin-bottom:12px}.error-state p[data-v-f15bbf99]{color:var(--text-secondary);margin-bottom:24px}.empty-state[data-v-f15bbf99]{text-align:center;padding:40px 20px;background:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-secondary)}@media (max-width: 768px){.form-grid[data-v-f15bbf99],.checkbox-grid[data-v-f15bbf99],.rank-sliders[data-v-f15bbf99],.expense-rank-sliders[data-v-f15bbf99],.settlement-list[data-v-f15bbf99]{grid-template-columns:1fr}.expense-header[data-v-f15bbf99]{flex-direction:column;align-items:flex-start;gap:8px}.payment-status-item[data-v-f15bbf99]{flex-direction:column;align-items:flex-start;gap:12px}.url-display[data-v-f15bbf99]{flex-direction:column}.form-actions[data-v-f15bbf99]{flex-direction:column-reverse}.expense-actions[data-v-f15bbf99]{justify-content:flex-start}.split-method-buttons[data-v-f15bbf99]{flex-direction:column}.split-method-btn[data-v-f15bbf99]{text-align:center}.custom-amount-grid[data-v-f15bbf99]{grid-template-columns:1fr}}.shared-view[data-v-bb22a4db]{min-height:100vh;background:var(--bg-primary);padding:20px 0}.container[data-v-bb22a4db]{max-width:1200px;margin:0 auto;padding:0 20px}.shared-content[data-v-bb22a4db]{background:var(--bg-card);border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);border:1px solid var(--border-color);overflow:hidden}.event-header[data-v-bb22a4db]{background:var(--primary-gradient);color:var(--text-primary);padding:30px;text-align:center}.event-title[data-v-bb22a4db]{font-size:2rem;font-weight:700;margin:0 0 10px}.event-date[data-v-bb22a4db]{font-size:1.1rem;opacity:.9;margin:0 0 20px}.instructions[data-v-bb22a4db]{background:#ffffff1a;border-radius:var(--border-radius-small);padding:20px;margin-top:20px;border:1px solid rgba(255,255,255,.2)}.instructions-text[data-v-bb22a4db]{margin:0;line-height:1.6;font-size:.95rem}.paypay-section[data-v-bb22a4db]{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.paypay-title[data-v-bb22a4db]{color:#fff;font-size:1.1rem;margin:0 0 15px;font-weight:600}.paypay-qr[data-v-bb22a4db]{text-align:center;padding:20px;background:#fff;border-radius:var(--border-radius-small);margin-bottom:10px}.qr-canvas[data-v-bb22a4db]{display:block;margin:0 auto 10px}.qr-text[data-v-bb22a4db]{color:var(--text-secondary);font-size:.9rem;margin:0}.paypay-button-container[data-v-bb22a4db]{text-align:center}.paypay-button[data-v-bb22a4db]{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:12px 24px;border-radius:var(--border-radius-small);text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #ff6b6b4d}.paypay-button[data-v-bb22a4db]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.paypay-expired[data-v-bb22a4db]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius-small);padding:15px}.paypay-expired-title[data-v-bb22a4db]{color:#fecaca;font-size:1rem;margin:0 0 10px;font-weight:600}.paypay-expired-text[data-v-bb22a4db]{color:#fecaca;font-size:.9rem;margin:0;line-height:1.5}.success-message[data-v-bb22a4db]{margin:20px 30px;padding:0;animation:slideDown-bb22a4db .3s ease-out}.success-content[data-v-bb22a4db]{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--border-radius-small);box-shadow:0 4px 12px #10b9814d;position:relative}.success-icon[data-v-bb22a4db]{font-size:1.2rem}.success-text[data-v-bb22a4db]{flex:1;font-weight:600}.close-btn[data-v-bb22a4db]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn[data-v-bb22a4db]:hover{background:#fff3}@keyframes slideDown-bb22a4db{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.section-title[data-v-bb22a4db]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--border-color);display:flex;align-items:center;gap:10px}.participants-section[data-v-bb22a4db],.expenses-section[data-v-bb22a4db],.expense-breakdown-section[data-v-bb22a4db],.payment-status-section[data-v-bb22a4db]{padding:30px;border-bottom:1px solid var(--border-color)}.payment-status-section[data-v-bb22a4db]{border-bottom:none}.receive-section[data-v-bb22a4db]{background:linear-gradient(135deg,#43e97b0d,#43e97b05);border-left:4px solid var(--success)}.pay-section[data-v-bb22a4db]{background:linear-gradient(135deg,#f5576c0d,#f5576c05);border-left:4px solid var(--secondary)}.receive-section .section-title[data-v-bb22a4db]{color:var(--success);border-bottom-color:var(--success)}.pay-section .section-title[data-v-bb22a4db]{color:var(--secondary);border-bottom-color:var(--secondary)}.empty-participants[data-v-bb22a4db]{text-align:center;padding:40px 20px;color:var(--text-secondary);font-style:italic;background:var(--bg-secondary);border-radius:var(--border-radius-small);border:2px dashed var(--border-color)}.receive-section .empty-participants[data-v-bb22a4db]{background:#43e97b0d;border-color:#43e97b33;color:var(--success)}.pay-section .empty-participants[data-v-bb22a4db]{background:#f5576c0d;border-color:#f5576c33;color:var(--secondary)}.participants-list[data-v-bb22a4db]{display:flex;flex-direction:column;gap:15px}.participant-item[data-v-bb22a4db]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--bg-secondary);border-radius:var(--border-radius-small);border-left:4px solid var(--primary);border:1px solid var(--border-color);transition:var(--transition);position:relative;overflow:hidden}.participant-item[data-v-bb22a4db]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.03) 50%,transparent 70%);pointer-events:none}.receive-item[data-v-bb22a4db]{border-left-color:var(--success);background:linear-gradient(135deg,rgba(67,233,123,.08) 0%,var(--bg-secondary) 50%)}.pay-item[data-v-bb22a4db]{border-left-color:var(--secondary);background:linear-gradient(135deg,rgba(245,87,108,.08) 0%,var(--bg-secondary) 50%)}.participant-item[data-v-bb22a4db]:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.receive-item[data-v-bb22a4db]:hover{box-shadow:0 8px 25px #43e97b26}.pay-item[data-v-bb22a4db]:hover{box-shadow:0 8px 25px #f5576c26}.participant-info[data-v-bb22a4db]{display:flex;align-items:center;flex:1;min-width:0;gap:20px}.participant-name[data-v-bb22a4db]{font-weight:600;font-size:1.1rem;color:var(--text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settlement-amount[data-v-bb22a4db]{display:inline-flex;flex-direction:column;align-items:center;padding:12px 20px;border-radius:16px;font-weight:600;position:relative;min-width:140px;flex-shrink:0;box-shadow:none;border:none}.settlement-amount.receive[data-v-bb22a4db]{color:var(--success);background:linear-gradient(135deg,#43e97b33,#43e97b26)}.settlement-amount.pay[data-v-bb22a4db]{color:var(--secondary);background:linear-gradient(135deg,#f5576c33,#f5576c26)}.settlement-value[data-v-bb22a4db]{font-size:1.1rem;font-weight:700;line-height:1}.settlement-type[data-v-bb22a4db]{font-size:.75rem;font-weight:600;opacity:.9;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.payment-control[data-v-bb22a4db]{margin-left:15px}.payment-status-btn[data-v-bb22a4db]{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:var(--border-radius-small);font-weight:600;cursor:pointer;transition:var(--transition);min-width:120px;font-size:.9rem;position:relative;overflow:hidden}.payment-status-btn[data-v-bb22a4db]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.payment-status-btn[data-v-bb22a4db]:hover:before{left:100%}.payment-status-btn.unpaid[data-v-bb22a4db]{background:var(--warning-gradient);color:var(--bg-primary);box-shadow:0 4px 12px #fee1404d}.payment-status-btn.unpaid[data-v-bb22a4db]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fee14066}.payment-status-btn.paid[data-v-bb22a4db]{background:var(--success-gradient);color:var(--bg-primary);box-shadow:0 4px 12px #43e97b4d}.payment-status-btn.paid[data-v-bb22a4db]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #43e97b66}.status-icon[data-v-bb22a4db]{font-size:1rem;font-weight:700}.status-text[data-v-bb22a4db]{font-weight:600}.payment-tabs[data-v-bb22a4db]{display:flex;margin-bottom:20px;background:var(--bg-secondary);border-radius:var(--border-radius-small);padding:4px;gap:4px}.tab-button[data-v-bb22a4db]{flex:1;padding:12px 20px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;border-radius:var(--border-radius-small);transition:var(--transition);position:relative;overflow:hidden}.tab-button[data-v-bb22a4db]:hover{background:#f5576c1a;color:var(--secondary)}.tab-button.active[data-v-bb22a4db]{background:var(--secondary-gradient);color:var(--bg-primary);box-shadow:0 2px 8px #f5576c4d}.tab-button[data-v-bb22a4db]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.tab-button[data-v-bb22a4db]:hover:before{left:100%}.tab-content[data-v-bb22a4db]{animation:fadeIn-bb22a4db .3s ease-out}@keyframes fadeIn-bb22a4db{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.participant-item[data-v-bb22a4db]{flex-direction:column;align-items:stretch;gap:15px}.participant-info[data-v-bb22a4db]{flex-direction:column;align-items:center;gap:12px;text-align:center}.participant-name[data-v-bb22a4db]{font-size:1.2rem;margin-bottom:8px}.settlement-amount[data-v-bb22a4db]{min-width:auto;padding:10px 16px}.payment-control[data-v-bb22a4db]{align-self:center;margin-left:0}.payment-status-btn[data-v-bb22a4db]{padding:12px 20px;font-size:1rem;min-width:140px}}.payment-status-btn[data-v-bb22a4db]{padding:10px 20px;font-size:1rem;min-width:140px}.expenses-list[data-v-bb22a4db]{display:flex;flex-direction:column;gap:15px}.expense-item[data-v-bb22a4db]{padding:20px;background:var(--bg-secondary);border-radius:var(--border-radius-small);border-left:4px solid var(--accent);border:1px solid var(--border-color);transition:var(--transition)}.expense-item[data-v-bb22a4db]:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.expense-header[data-v-bb22a4db]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.expense-name[data-v-bb22a4db]{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.expense-amount[data-v-bb22a4db]{font-size:1.2rem;font-weight:700;color:var(--accent)}.expense-payer[data-v-bb22a4db]{color:var(--text-secondary);font-size:.9rem}.breakdown-table-container[data-v-bb22a4db]{overflow-x:auto;border-radius:var(--border-radius-small);box-shadow:var(--shadow-medium);border:1px solid var(--border-color)}.breakdown-table[data-v-bb22a4db]{width:100%;border-collapse:collapse;background:var(--bg-secondary)}.breakdown-table th[data-v-bb22a4db],.breakdown-table td[data-v-bb22a4db]{padding:12px;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.breakdown-table th[data-v-bb22a4db]{background:var(--bg-card);font-weight:600;color:var(--text-primary);position:sticky;top:0;z-index:1}.participant-header[data-v-bb22a4db],.participant-cell[data-v-bb22a4db]{font-weight:600;background:var(--bg-card);color:var(--primary)}.total-header[data-v-bb22a4db],.total-cell[data-v-bb22a4db]{font-weight:700;color:var(--accent);background:var(--bg-card)}.expense-header-cell[data-v-bb22a4db]{font-size:.9rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.expense-cell[data-v-bb22a4db]{color:var(--text-secondary);text-align:right;font-weight:500}.payment-status-list[data-v-bb22a4db]{display:flex;flex-direction:column;gap:12px}.payment-status-item[data-v-bb22a4db]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--bg-secondary);border-radius:var(--border-radius-small);border:1px solid var(--border-color);transition:var(--transition)}.payment-status-item[data-v-bb22a4db]:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.payment-status-badge[data-v-bb22a4db]{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--border-radius-small);font-weight:600;font-size:.85rem}.payment-status-badge.paid[data-v-bb22a4db]{background:#43e97b33;color:var(--success);border:1px solid rgba(67,233,123,.3)}.payment-status-badge.unpaid[data-v-bb22a4db]{background:#fee14033;color:var(--warning-dark);border:1px solid rgba(254,225,64,.3)}.empty-expenses[data-v-bb22a4db],.empty-breakdown[data-v-bb22a4db],.loading[data-v-bb22a4db],.error[data-v-bb22a4db]{text-align:center;padding:40px 20px;color:var(--text-secondary)}.error[data-v-bb22a4db]{color:var(--danger)}@media (max-width: 768px){.container[data-v-bb22a4db]{padding:0 10px}.event-header[data-v-bb22a4db]{padding:20px}.event-title[data-v-bb22a4db]{font-size:1.5rem}.participants-section[data-v-bb22a4db],.expenses-section[data-v-bb22a4db],.expense-breakdown-section[data-v-bb22a4db],.payment-status-section[data-v-bb22a4db]{padding:20px}.section-title[data-v-bb22a4db]{font-size:1.3rem}.expense-header[data-v-bb22a4db]{flex-direction:column;align-items:flex-start;gap:5px}.breakdown-table th[data-v-bb22a4db],.breakdown-table td[data-v-bb22a4db]{padding:8px;font-size:.9rem}}.debug-view[data-v-4caa488b]{min-height:100vh;background:#f0f0f0;padding:20px}.container[data-v-4caa488b]{max-width:1000px;margin:0 auto;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a}h1[data-v-4caa488b]{color:#333;margin-bottom:30px;text-align:center}.section[data-v-4caa488b]{margin-bottom:30px;padding:20px;border:1px solid #ddd;border-radius:8px;background:#fafafa}h2[data-v-4caa488b]{color:#555;margin-bottom:15px;font-size:1.2rem}button[data-v-4caa488b]{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-right:10px;margin-bottom:10px}button[data-v-4caa488b]:disabled{background:#ccc;cursor:not-allowed}button[data-v-4caa488b]:hover:not(:disabled){background:#0056b3}.btn-small[data-v-4caa488b]{padding:5px 10px;font-size:.8rem}.btn-danger[data-v-4caa488b]{background:#dc3545}.btn-danger[data-v-4caa488b]:hover:not(:disabled){background:#c82333}.test-input[data-v-4caa488b]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;margin-right:10px;width:200px}.success[data-v-4caa488b]{color:#28a745;font-weight:700;background:#d4edda;padding:10px;border-radius:4px}.error[data-v-4caa488b]{color:#dc3545;font-weight:700;background:#f8d7da;padding:10px;border-radius:4px}.share-info[data-v-4caa488b]{background:#e7f3ff;padding:15px;border-radius:4px;margin-top:10px}.share-info a[data-v-4caa488b]{color:#007bff;text-decoration:none}.share-info a[data-v-4caa488b]:hover{text-decoration:underline}.key-list[data-v-4caa488b]{margin-top:15px}.key-item[data-v-4caa488b]{display:flex;align-items:center;padding:10px;background:#fff;border:1px solid #eee;border-radius:4px;margin-bottom:5px}.key-name[data-v-4caa488b]{flex:1;font-family:monospace;font-weight:700}.no-keys[data-v-4caa488b]{color:#666;font-style:italic}.data-display[data-v-4caa488b]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:15px;margin-top:10px;overflow-x:auto;font-size:12px;max-height:400px;overflow-y:auto}.url-info[data-v-4caa488b]{background:#fff3cd;padding:15px;border-radius:4px}.url-info p[data-v-4caa488b]{margin:5px 0;font-family:monospace}.test-data-view[data-v-2938261c]{min-height:100vh;background:#f5f5f5;padding:20px}.container[data-v-2938261c]{max-width:800px;margin:0 auto;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a}h1[data-v-2938261c]{color:#333;margin-bottom:30px}.section[data-v-2938261c]{margin-bottom:30px;padding:20px;border:1px solid #ddd;border-radius:8px}h2[data-v-2938261c]{color:#555;margin-bottom:15px}button[data-v-2938261c]{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-right:10px}button[data-v-2938261c]:disabled{background:#ccc;cursor:not-allowed}button[data-v-2938261c]:hover:not(:disabled){background:#0056b3}input[data-v-2938261c]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;margin-right:10px;width:200px}.success[data-v-2938261c]{color:#28a745;font-weight:700}.error[data-v-2938261c]{color:#dc3545;font-weight:700}.share-key[data-v-2938261c]{background:#e7f3ff;padding:10px;border-radius:4px;margin-top:10px}.share-key a[data-v-2938261c]{color:#007bff;text-decoration:none}.share-key a[data-v-2938261c]:hover{text-decoration:underline}.data-result[data-v-2938261c]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:15px;margin-top:10px;overflow-x:auto;font-size:12px}