@charset "UTF-8";@font-face{font-family:LSeedJP;src:url(https://cdn.ymdryy.com/fonts/LSeedJPRg.woff) format("woff");font-weight:500;font-display:swap}@font-face{font-family:LSeedJP;src:url(https://cdn.ymdryy.com/fonts/LSeedJPBd.woff) format("woff");font-weight:700;font-display:swap}:root{--bg-primary: #f5f7fa;--bg-secondary: #f0f0f4;--card-bg: #ffffff;--text-main: #333333;--text-sub: #888888;--text-tertiary: #aaaaaa;--primary-action: #007aff;--success: #34c759;--error: #ff3b30;--orange: #ff9900;--border: #eeeeee;--space-xs: 4px;--space-sm: 8px;--space-base: 16px;--space-lg: 20px;--space-xl: 32px;--radius-pill: 99px;--radius-card: 30px;--radius-input: 12px;--radius-tag: 10px;--shadow-1: 0 2px 8px rgba(0, 0, 0, .05);--shadow-2: 0 4px 12px rgba(0, 0, 0, .1);--shadow-3: 0 8px 24px rgba(0, 0, 0, .15);--accent-red: #ff3b30;--bg-hover: rgba(0, 0, 0, .05)}@media (prefers-color-scheme: dark){:root{--bg-primary: #18181c;--bg-secondary: #202022;--card-bg: #000000;--text-main: #fbfbff;--text-sub: #aaaaaa;--text-tertiary: #777777;--primary-action: #5188ff;--success: #34c759;--error: #ff3b30;--orange: #ec8b29;--border: #303032;--accent-red: #ff453a;--bg-hover: rgba(255, 255, 255, .08)}}button{font-family:inherit;font-size:14px;border:none;cursor:pointer;outline:none}input,textarea,select{font-family:inherit}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.material-icons.icon-inline{font-size:20px;vertical-align:middle;margin-right:.25em}.page-header{width:100%;padding:10px max(20px,(100% - 767px) / 2);margin:0 auto;border-bottom:none;display:flex;align-items:center;gap:var(--space-base);position:fixed;top:0;z-index:100}.page-header h1{font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0}.page-header .back-btn,.page-header .icon-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;color:var(--text-main);border-radius:99px;transition:background .2s}.page-header .back-btn:hover,.page-header .icon-btn:hover{background:var(--bg-hover)}.page-header .back-btn .material-icons,.page-header .icon-btn .material-icons{font-size:24px}.page-header .header-actions{display:flex;gap:4px;margin-left:auto}.badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.badge-admin{background-color:#ff950033;color:var(--orange)}.badge-user{background-color:#007aff33;color:var(--primary-action)}.badge-success{background-color:#34c75933;color:var(--success)}.badge-warning{background-color:#ff950033;color:var(--orange)}.badge-error{background-color:#ff3b3033;color:var(--error)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-user-select:none;user-select:none}.icon-inline{font-size:1.2em;vertical-align:middle;margin:0 2px}.table-container{overflow-x:auto}.no-events,.loading-text,.placeholder-text{text-align:center;color:var(--text-sub);padding:var(--space-xl)}.action-buttons{display:flex;gap:var(--space-sm)}.success-message,.error-message{color:var(--error);font-size:14px;text-align:center;padding:var(--space-sm);background-color:#ff3b301a;border-radius:var(--radius-tag);margin-bottom:var(--space-base)}.success-message.success-message,.error-message.success-message{color:var(--success);background-color:#34c7591a}.fullscreenModalTemplate .modalToggle{display:none}.fullscreenModalTemplate .modalLayer{position:fixed;width:100vw;height:100dvh;top:0;right:0;bottom:0;left:0;z-index:1200;pointer-events:none}.fullscreenModalTemplate .modalLayer .modalBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);cursor:pointer;transition:.2s}.fullscreenModalTemplate .modalLayer .modalCenter{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.fullscreenModalTemplate .modalLayer .modalCenter .modalPanel{transform:scale(.95);width:min(100% - 40px,680px);max-height:90svh;overflow:auto;background:var(--card-bg);border-radius:30px;padding:20px;opacity:0;transition:.3s}.fullscreenModalTemplate .modalToggle:checked~.modalLayer{pointer-events:auto}.fullscreenModalTemplate .modalToggle:checked~.modalLayer .modalBackdrop{background:#78787833;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.fullscreenModalTemplate .modalToggle:checked~.modalLayer .modalPanel{opacity:1;transform:scale(1)}.container{max-width:600px;margin:0 auto;padding:var(--space-base)}.card{background-color:var(--card-bg);border-radius:var(--radius-card);padding:var(--space-base);box-shadow:var(--shadow-1);transition:all .3s ease}.card:hover{transform:scale(1.02);box-shadow:var(--shadow-2)}input,textarea,select{font-family:inherit;font-size:16px;padding:var(--space-sm) var(--space-base);border:1px solid var(--border);border-radius:var(--radius-input);background-color:var(--bg-secondary);color:var(--text-main);outline:none;transition:border-color .2s,background-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary-action);background-color:var(--card-bg);box-shadow:0 0 0 3px #007aff1f}a{color:var(--primary-action);text-decoration:none;transition:all .3s ease}h1{font-size:28px;font-weight:700}h2{font-size:20px;font-weight:700}h3{font-size:18px;font-weight:600}*{margin:0;padding:0;box-sizing:border-box}body{font-family:LSeedJP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:14px;cursor:pointer;border:none;outline:none;transition:all .3s ease}button:hover{filter:brightness(.9)}button:active{transform:scale(.98)}.btn{padding:var(--space-sm) var(--space-base);border-radius:var(--radius-tag);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-primary{background-color:var(--primary-action);color:#fff}.btn-success{background-color:var(--success);color:#fff}.btn-error{background-color:var(--error);color:#fff}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-main)}.btn-sm{padding:6px 12px;font-size:12px}.btn-full{width:100%;padding:var(--space-base);font-size:16px}.btn-warning{background-color:var(--orange);color:#fff}.btn-warning:hover{opacity:.8}.btn-add{padding:var(--space-base) var(--space-lg);background-color:var(--primary-action);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .2s}.btn-add:hover{background-color:#4da3ff}.back-btn{width:40px;height:40px;border-radius:50%;background-color:#ffffff26;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;transition:all .2s ease}.back-btn .material-icons{font-size:24px}.back-btn:hover{background-color:#ffffff40;transform:scale(1.05)}.icon-btn{width:40px;height:40px;border-radius:50%;background-color:#ffffff26;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;transition:all .2s ease}.icon-btn .material-icons{font-size:24px}.icon-btn:hover:not(:disabled){background-color:#ffffff40;transform:scale(1.05)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.admin-btn{width:40px;height:40px;border-radius:50%;background-color:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:20px;text-decoration:none;transition:all .3s ease;color:#fff;border:none;cursor:pointer}.admin-btn:hover{background-color:#ffffff40;transform:scale(1.05)}.details-btn{padding:var(--space-sm) var(--space-base);background-color:var(--bg-secondary);border-radius:var(--radius-tag);font-size:14px;color:var(--text-main);text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;cursor:pointer;transition:all .2s}.details-btn:hover{background-color:var(--primary-action);color:#fff;transform:translateY(-1px)}.fab-button{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-action),var(--orange));color:#fff;font-size:32px;font-weight:300;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;text-decoration:none;transition:all .3s ease;z-index:50}.fab-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.fab-button:active{transform:scale(.95)}@media (max-width: 500px){.fab-button{bottom:16px;right:16px}}.tab-btn{padding:var(--space-sm) var(--space-base);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-sub);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary-action);border-bottom-color:var(--primary-action);background-color:transparent}@media (max-width: 500px){.tab-btn{padding:8px 12px;font-size:12px}}.logout-btn{color:var(--error);font-weight:500;justify-content:center}.settings-item{width:100%;padding:var(--space-base);background:none;border:none;display:flex;align-items:center;justify-content:space-between;font-size:16px;color:var(--text-main);cursor:pointer;text-align:left;transition:background-color .2s}.settings-item:hover{background-color:var(--bg-secondary)}.settings-item:active{background-color:var(--border)}.event-management-container{min-height:100vh;background-color:var(--bg-primary);padding-top:122px;padding-bottom:80px}.event-create-container{min-height:100vh;background-color:var(--bg-primary)}.event-create-header{width:min(100% - 40px,767px);margin:0 auto;background-color:transparent;padding:var(--space-base);border-bottom:none;display:flex;align-items:center;gap:var(--space-base);position:sticky;top:0;z-index:100}.event-create-header h1{font-size:18px;font-weight:600;color:#fff}.event-create-content{width:100%;margin:20px auto 0}.management-header{background-color:var(--bg-secondary);padding:var(--space-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-base);position:sticky;top:0;z-index:100}.management-header h1{font-size:20px;font-weight:600;margin:0;color:var(--text-primary)}.event-management-tabs{--tab-height: 42px;--tab-radius: 30px;--tab-padding: 5px;--tab-gap: 6px;--tab-count: 4;width:min(100% - 40px,767px);margin:0 auto;position:sticky;top:60px;z-index:99;padding:10px 0}.event-management-tabs .selectPanel{position:relative;display:grid;grid-template-columns:repeat(var(--tab-count),minmax(0,1fr));gap:var(--tab-gap);border-radius:var(--tab-radius);padding:var(--tab-padding);background:var(--bg-secondary)}.event-management-tabs .selectPanel .activeBg{position:absolute;top:var(--tab-padding);left:var(--tab-padding);width:calc((100% - var(--tab-padding) * 2 - var(--tab-gap) * (var(--tab-count) - 1)) / var(--tab-count));height:var(--tab-height);border-radius:calc(var(--tab-radius) - var(--tab-padding));background:var(--primary-action);transition:left .4s cubic-bezier(.2,1.28,.32,1);pointer-events:none}.event-management-tabs .selectPanel .tabInput{display:none}.event-management-tabs .selectPanel .tabLabel{position:relative;z-index:1;height:var(--tab-height);border-radius:calc(var(--tab-radius) - var(--tab-padding));display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;color:var(--text-sub);cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s}.event-management-tabs .selectPanel .tabLabel .material-icons{font-size:16px}.event-management-tabs .selectPanel .tabLabel:hover{background:var(--bg-primary)}.event-management-tabs .selectPanel .tabInput:checked+.tabLabel{color:#fff}.event-management-tabs .selectPanel .tabInput:checked+.tabLabel:hover{background:none}.event-management-tabs .selectPanel:has(#em-tab-basic:checked) .activeBg{left:var(--tab-padding)}.event-management-tabs .selectPanel:has(#em-tab-media:checked) .activeBg{left:calc(var(--tab-padding) + (100% - var(--tab-padding) * 2 - var(--tab-gap) * (var(--tab-count) - 1)) / var(--tab-count) + var(--tab-gap))}.event-management-tabs .selectPanel:has(#em-tab-details:checked) .activeBg{left:calc(var(--tab-padding) + ((100% - var(--tab-padding) * 2 - var(--tab-gap) * (var(--tab-count) - 1)) / var(--tab-count) + var(--tab-gap)) * 2)}.event-management-tabs .selectPanel:has(#em-tab-settlement:checked) .activeBg{left:calc(var(--tab-padding) + ((100% - var(--tab-padding) * 2 - var(--tab-gap) * (var(--tab-count) - 1)) / var(--tab-count) + var(--tab-gap)) * 3)}@supports (anchor-name: --selected-em-tab) and (left: anchor(--selected-em-tab left)){.event-management-tabs .selectPanel{display:flex}.event-management-tabs .tabLabel{flex:1}.event-management-tabs .selectPanel:has(#em-tab-basic:checked) #em-label-basic,.event-management-tabs .selectPanel:has(#em-tab-media:checked) #em-label-media,.event-management-tabs .selectPanel:has(#em-tab-details:checked) #em-label-details,.event-management-tabs .selectPanel:has(#em-tab-settlement:checked) #em-label-settlement{anchor-name:--selected-em-tab}.event-management-tabs .activeBg{left:anchor(--selected-em-tab left);top:anchor(--selected-em-tab top);width:anchor-size(--selected-em-tab width);height:anchor-size(--selected-em-tab height);transition:left .4s cubic-bezier(.2,1.28,.32,1),width .3s ease}}.tab-content{width:min(100% - 40px,767px);margin:0 auto;padding:var(--space-lg) 0}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:var(--space-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-base);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-input);font-size:16px;color:var(--text-main);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-action);background-color:var(--card-bg);box-shadow:0 0 0 3px #007aff1f}.form-group textarea{resize:vertical;min-height:100px}.checkbox-group{background-color:transparent;padding:0}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;background-color:transparent;padding:0}.checkbox-label input[type=checkbox]{width:auto;padding:0;margin:0}.event-type-selector{display:flex;gap:var(--space-base);margin-bottom:var(--space-base)}.event-type-selector .radio-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-base);border-radius:8px;cursor:pointer;background-color:var(--bg-secondary);transition:background-color .2s;flex:1;justify-content:center}.event-type-selector .radio-option:hover{background-color:var(--border)}.event-type-selector .radio-option input[type=radio]{width:auto;padding:0;margin:0}.form-section{background-color:var(--card-bg);border-radius:var(--radius-card);margin-bottom:var(--space-lg);box-shadow:var(--shadow-1)}.form-section .section-title{font-size:16px;font-weight:600;color:var(--text-main);margin:0 0 var(--space-lg) 0;display:flex;align-items:center;gap:var(--space-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}@media (max-width: 500px){.form-row{grid-template-columns:1fr}}.schedule-add{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:var(--space-sm);align-items:flex-end}.schedule-add input,.schedule-add button{padding:var(--space-sm) var(--space-base);border-radius:6px}@media (max-width: 640px){.schedule-add{grid-template-columns:1fr}.schedule-add button{margin-top:var(--space-sm)}}.schedule-item{display:flex;align-items:center;gap:var(--space-base);padding:var(--space-base);background-color:var(--bg-secondary);border-radius:var(--radius-input);margin-bottom:var(--space-sm)}.schedule-item .schedule-time{font-weight:600;color:var(--primary-action);min-width:60px;font-size:14px}.schedule-item .schedule-details{flex:1}.schedule-item .schedule-details .schedule-title{font-weight:500;color:var(--text-main);margin-bottom:2px}.schedule-item .schedule-details .schedule-location{font-size:13px;color:var(--text-sub)}.schedule-item .remove-btn{padding:4px 8px;background-color:#ff3b301a;color:#ff3b30;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.schedule-item .remove-btn:hover{background-color:#ff3b3033}.event-type-toggle{display:flex;gap:8px}.event-type-toggle .type-btn{flex:1;padding:10px 12px;border-radius:var(--radius-input);background:var(--bg-secondary);color:var(--text-sub);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s,color .2s}.event-type-toggle .type-btn .material-icons{font-size:18px}.event-type-toggle .type-btn.active{background:var(--primary-action);color:#fff}.event-type-toggle .type-btn:not(.active):hover{background:var(--border);color:var(--text-main)}.user-search-box .user-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-input);box-shadow:var(--shadow-2);z-index:20;overflow:hidden;max-height:240px;overflow-y:auto}.user-search-box .user-suggestions .suggestion-item{width:100%;padding:10px 14px;background:transparent;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background .15s;font-family:inherit}.user-search-box .user-suggestions .suggestion-item:last-child{border-bottom:none}.user-search-box .user-suggestions .suggestion-item:hover{background:var(--bg-hover)}.user-search-box .user-suggestions .suggestion-item .suggestion-name{font-size:14px;font-weight:600;color:var(--text-main)}.user-search-box .user-suggestions .suggestion-item .suggestion-id{font-size:12px;color:var(--text-sub);flex-shrink:0}.selected-users{margin-top:var(--space-sm)}.selected-users .selected-label{font-size:12px;color:var(--text-sub);margin-bottom:6px}.selected-users .user-tags{display:flex;flex-wrap:wrap;gap:6px}.selected-users .user-tags .user-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 10px;background:var(--primary-action);color:#fff;border-radius:var(--radius-pill);font-size:13px;font-weight:600}.selected-users .user-tags .user-tag .remove-tag{background:#ffffff4d;border:none;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0;font-size:10px;cursor:pointer;color:#fff;line-height:1;flex-shrink:0}.selected-users .user-tags .user-tag .remove-tag:hover{background:#ffffff80}.action-section{margin-top:var(--space-xl)}.action-section .action-buttons{display:flex;gap:var(--space-base);margin-top:var(--space-lg)}.action-section .btn-large{padding:var(--space-base) var(--space-lg);font-size:16px;font-weight:600;flex:1}.action-section .btn-large:disabled{opacity:.6;cursor:not-allowed}.action-footer{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--space-lg);display:flex;justify-content:center;z-index:98}@media (max-width: 500px){.action-footer{padding:var(--space-base)}}.user-search-box{position:relative}.user-search-box input{width:100%;padding:var(--space-base);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:16px;color:var(--text-main)}.user-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.user-tag{display:flex;align-items:center;gap:var(--space-xs);background-color:var(--primary-action);color:#fff;padding:6px 12px;border-radius:20px;font-size:14px}.user-tag .remove-tag{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;padding:0;line-height:1}.user-tag .remove-tag:hover{opacity:.8}.user-list{display:flex;flex-direction:column;gap:var(--space-sm)}.user-item{display:flex;align-items:center;gap:var(--space-base);padding:var(--space-base);background-color:var(--bg-secondary);border-radius:var(--radius-card);border:2px solid transparent;transition:all .3s ease;cursor:pointer;text-align:left;width:100%}.user-item:hover{border-color:var(--primary-action);transform:translateY(-2px)}.user-details{flex:1}.user-name{font-weight:600;font-size:16px;margin-bottom:2px}.user-id{color:var(--text-sub);font-size:12px}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-action),var(--orange));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.selected-users{margin-top:var(--space-base);padding:var(--space-base);background-color:var(--bg-secondary);border-radius:8px}.selected-users p{font-size:12px;color:var(--text-sub);margin-bottom:var(--space-sm)}.search-results{position:absolute;top:100%;left:0;right:0;background-color:var(--card-bg);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0000001a}.search-result-item{padding:var(--space-sm) var(--space-base);border-bottom:1px solid var(--border)}.search-result-item:last-child{border-bottom:none}.search-result-item label{display:flex;align-items:center;gap:var(--space-sm);margin:0;cursor:pointer;font-weight:400}.search-result-item input[type=checkbox]{width:auto;padding:0;margin:0;cursor:pointer}.search-result-item span{font-size:14px}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-base);border-radius:var(--radius-card);transition:background-color .2s ease}.checkbox-label:hover{background-color:var(--bg-secondary)}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-label span{font-size:14px;color:var(--text-main);font-weight:400}.member-checkbox{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);cursor:pointer;border-radius:6px;transition:background-color .2s}.member-checkbox:hover{background-color:var(--bg-secondary)}.member-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.member-checkbox span{font-size:14px}.member-search-box{position:relative;margin-top:var(--space-sm)}.member-search-box input{width:100%;padding:var(--space-sm) var(--space-base);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-main)}.member-search-box input:focus{outline:none;border-color:var(--primary-action);background-color:var(--card-bg)}.member-search-results{position:absolute;top:100%;left:0;right:0;background-color:var(--card-bg);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:10}.member-selection{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm);max-height:300px;overflow-y:auto}.route-list{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-base);background-color:var(--bg-secondary);border-radius:var(--radius-card)}.route-item{display:flex;align-items:center;gap:var(--space-base);padding:var(--space-base);background-color:var(--card-bg);border-radius:var(--radius-tag);border:1px solid var(--border);justify-content:space-between}.route-item .route-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--primary-action);color:#fff;border-radius:50%;font-weight:700;font-size:12px;flex-shrink:0}.route-item .route-name{flex:1;color:var(--text-main);font-size:14px}.route-item .remove-btn{padding:var(--space-sm) var(--space-base);background-color:var(--error);color:#fff;border:none;border-radius:var(--radius-tag);cursor:pointer;font-size:12px;transition:opacity .2s ease}.route-item .remove-btn:hover{opacity:.8}.route-info{margin-top:var(--space-lg)}.route-info h3{margin-bottom:var(--space-base);color:var(--text-main);font-size:16px}.route-info .route-list{padding:0;background-color:transparent}.route-info .route-item{padding:var(--space-sm);background-color:var(--bg-secondary);border:none;justify-content:flex-start}.route-info .route-item .remove-btn{display:none}.array-input-wrapper{display:flex;flex-direction:column;gap:var(--space-base)}.array-input{display:flex;gap:var(--space-base);align-items:flex-start}.array-input input{flex:1;padding:var(--space-base);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-main)}.array-input input:focus{outline:none;border-color:var(--primary-action)}.array-items{display:flex;flex-direction:column;gap:var(--space-base)}.array-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-base);background-color:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--primary-action)}.array-item .item-text{color:var(--text-main);font-size:14px;word-break:break-word;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.array-item .btn-remove{padding:4px 12px;background-color:#ff6b6b;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;margin-left:var(--space-base)}.array-item .btn-remove:hover{background-color:#ff5252}.add-form{display:flex;gap:var(--space-base)}.add-form input{flex:1;padding:10px 12px;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px}.add-form button{padding:10px 16px;background-color:var(--primary-action);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px}.home-container{min-height:100vh;background-color:var(--bg-primary)}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center}.header-right{display:flex;align-items:center;gap:var(--space-base);position:relative}.welcome-message{font-size:18px;color:var(--text-main);display:flex;flex-direction:column;gap:4px}.welcome-message strong{color:var(--primary-action)}.welcome-message small{font-size:12px;color:var(--text-sub)}.header-actions{display:flex;gap:12px;position:relative}.user-icon-btn{width:40px;height:40px;border-radius:50%;background:var(--card-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:none;overflow:hidden}.user-icon-btn:hover{background:var(--bg-hover)}.user-icon-btn img,.user-icon-btn svg{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-menu{position:absolute;right:0;top:calc(100% + 12px);width:min(320px,80vw);padding:12px;border-radius:28px;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.2);transform-origin:top right;transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:2000}.user-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.user-menu.open:before{opacity:1;transform:scale(1)}.user-menu.open .user-menu-avatar{transform:translate(0) scale(1);opacity:1}.user-menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-bg);border-radius:28px;z-index:-1;opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .25s ease;box-shadow:var(--shadow-2)}.user-menu-card{position:relative;z-index:1;display:grid;gap:16px}.user-menu-profile{display:flex;align-items:center;gap:14px;padding:4px 4px 0;line-height:1.2}.user-menu-avatar{width:56px;height:56px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;transform:translate(-8px,-8px) scale(.8);opacity:0;transition:transform .25s ease,opacity .25s ease;overflow:hidden}.user-menu-avatar img,.user-menu-avatar svg{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-menu-info{display:flex;flex-direction:column;gap:2px}.user-menu-name{font-size:18px;font-weight:700;color:var(--text-main)}.user-menu-handle{font-size:13px;color:var(--text-sub);margin-top:2px}.user-menu-account{display:flex;align-items:center;gap:12px;border:none;background:transparent;padding:10px 8px;border-radius:16px;cursor:pointer;font-size:16px;font-weight:700;color:var(--text-main);width:100%}.user-menu-account:hover{background:var(--bg-hover)}.user-menu-icon{width:36px;height:36px;border-radius:12px;background:var(--bg-secondary);display:grid;place-items:center;color:var(--text-sub);font-size:20px;flex-shrink:0}.user-menu-account-text{font-size:14px}.user-menu-logout-btn{border:none;width:100%;padding:12px 16px;border-radius:var(--radius-pill);background:#ff3b301f;color:var(--error);font-weight:700;font-size:16px;cursor:pointer}.user-menu-logout-btn:hover{background:#ff3b3033}.filter-section{background-color:var(--card-bg);border-bottom:1px solid var(--border);padding:var(--space-base);overflow-x:auto}.filter-chips{max-width:600px;margin:0 auto;display:flex;gap:var(--space-sm);flex-wrap:nowrap}.filter-chip{padding:var(--space-sm) var(--space-base);background-color:var(--bg-secondary);border-radius:20px;font-size:12px;color:var(--text-main);white-space:nowrap;flex-shrink:0;transition:all .3s ease}.filter-chip:hover{background-color:var(--border)}.filter-chip.active{background-color:var(--primary-action);color:#fff}.events-container{width:100%;margin:80px 0 100px}.home-events-section{width:min(100% - 40px,767px);margin:0 auto var(--space-lg)}.event-card{width:100%;min-height:200px;aspect-ratio:16/9;border-radius:var(--radius-card);overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;position:relative}.event-card:hover{transform:scale(1.02);box-shadow:var(--shadow-2)}.event-card-content{padding:var(--space-base);color:#fff;position:relative;z-index:1}.event-card-status{display:inline-block;padding:4px 8px;border-radius:var(--radius-tag);font-size:11px;font-weight:700;margin-bottom:var(--space-sm);background-color:#00000080}.event-card-status.upcoming{background-color:var(--orange)}.event-card-status.today{background-color:var(--error)}.event-card-status.past{background-color:#ffffff4d}.event-card-title{font-size:18px;font-weight:700;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.event-card-date{font-size:12px;opacity:.9;margin-bottom:4px}.event-card-location{font-size:11px;opacity:.8}.home-video-card{text-decoration:none}.home-video-card .youtube-badge{padding:4px 6px 4px 4px;margin-bottom:10px;background:#ffffffe6;width:fit-content;border-radius:5px}.home-video-card .youtube-badge img{display:block;height:12px;width:auto}.home-video-card .event-title{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-video-card .event-location{font-size:12px;opacity:.92;margin:0}.events-grid{display:flex;flex-direction:column;gap:var(--space-lg);max-width:1200px;margin:0 auto}.groups-scroll-container{display:flex;gap:var(--space-base);overflow-x:auto;padding:var(--space-base) max(20px,(100% - 767px) / 2) calc(var(--space-base) / 2);margin:-16px 0 calc(var(--space-base) / 2);scroll-snap-type:x mandatory;scroll-padding:max(20px,(100% - 767px) / 2)}.groups-scroll-container::-webkit-scrollbar{height:4px}.groups-scroll-container::-webkit-scrollbar-track{background:transparent}.groups-scroll-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.groups-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.home-group-card{flex-shrink:0;width:min(100%,250px);aspect-ratio:3/4;border-radius:var(--radius-card);overflow:hidden;cursor:pointer;position:relative;scroll-snap-align:start;transition:all .3s ease;margin-bottom:0}.home-group-card:hover{transform:scale(1.05);box-shadow:var(--shadow-2)}.home-group-card .group-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.home-group-card .group-card-overlay{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,#0000,#000000b3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to top,#000 30%,#0000);mask-image:linear-gradient(to top,#000 30%,#0000);z-index:1}.home-group-card .group-card-icons{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.home-group-card .member-icon{position:absolute;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);background-size:cover;background-position:center}.home-group-card .member-icon img{width:100%;height:100%;object-fit:cover}.home-group-card .member-icon .member-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-action),var(--orange));color:#fff;font-weight:700;font-size:12px}.home-group-card .group-card-footer{position:absolute;bottom:0;left:0;right:0;padding:var(--space-base);z-index:2}.home-group-card .group-name{margin:0;text-align:center;font-size:16px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.borrowing-section{padding:0 0 var(--space-lg)}.borrowing-box{width:min(100% - 40px,767px);margin:0 auto;background:var(--card-bg);border-radius:var(--radius-card);padding:var(--space-base);box-shadow:var(--shadow-1);cursor:pointer;transition:all .3s ease}.borrowing-box:hover{transform:scale(1.02);box-shadow:var(--shadow-2)}.borrowing-box .borrowing-header{margin-bottom:var(--space-base)}.borrowing-box .borrowing-header h2{margin:0;font-size:16px;font-weight:700;color:var(--text-main)}.borrowing-box .borrowing-dashboard{display:flex;justify-content:space-between;align-items:center}.borrowing-box .borrowing-item{display:flex;flex-direction:column;align-items:center;flex:1}.borrowing-box .borrowing-item .borrowing-label{font-size:11px;color:var(--text-sub);margin-bottom:4px}.borrowing-box .borrowing-item .borrowing-amount{font-size:16px;font-weight:700;color:var(--text-main)}.borrowing-box .borrowing-item .borrowing-amount.lend{color:var(--primary-action)}.borrowing-box .borrowing-item .borrowing-amount.borrow{color:var(--error)}.borrowing-box .borrowing-item .borrowing-amount.net.plus{color:var(--primary-action)}.borrowing-box .borrowing-item .borrowing-amount.net.minus{color:var(--error)}.borrowing-box .borrowing-divider{width:1px;height:40px;background:var(--border);margin:0 var(--space-sm)}.borrowing-box .borrowing-footer{text-align:center;padding-top:8px;border-top:1px solid var(--border)}.borrowing-box .borrowing-footer .borrowing-link{font-size:12px;color:var(--primary-action);font-weight:600}.event-detail-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);padding-bottom:var(--space-xl)}.event-meta{margin-bottom:var(--space-base);color:var(--text-sub);font-size:14px}.event-meta p{margin-bottom:var(--space-xs);color:var(--text-sub)}.event-date,.event-location{color:var(--text-sub);font-size:14px}.hero-section{position:relative;width:100%;min-height:min(500px,50vh);padding:40px max(20px,(100% - 767px) / 2) 30px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.7) 80%,var(--bg-primary) 100%),var(--hero-bg-image, none)}.hero-section:not([style*=--hero-bg-image]){background-image:linear-gradient(135deg,#667eea,#764ba2)}.hero-section>*{position:relative;z-index:1}.hero-section .hero-countdown{margin-bottom:var(--space-lg)}.hero-section .hero-countdown .countdown-number{font-size:48px;font-weight:700;line-height:1;margin-bottom:var(--space-sm);text-shadow:0 2px 8px rgba(0,0,0,.5)}.hero-section .hero-countdown .countdown-subtext{font-size:14px;opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.5)}.hero-section .hero-title{font-size:36px;font-weight:700;line-height:1.3;margin:0 0 var(--space-base) 0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.hero-section .hero-meta{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.hero-section .hero-meta p{display:flex;align-items:center;gap:var(--space-sm);font-size:15px;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.5)}.hero-section .hero-participants{width:100%}.hero-section .hero-participants .group-badge-wrapper{margin-bottom:var(--space-base)}.hero-section .hero-participants .group-badge-button{display:inline-flex;align-items:center;gap:6px;background:#34c75940;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 12px;border-radius:20px;border:1px solid rgba(52,199,89,.5);color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);cursor:pointer;transition:all .2s ease}.hero-section .hero-participants .group-badge-button .material-icons{font-size:16px}.hero-section .hero-participants .group-badge-button:hover{background:#34c75959;transform:scale(1.05);border-color:#34c759b3}.hero-section .hero-participants .group-badge-button:active{transform:scale(.98)}.hero-section .hero-participants .participants-label{font-size:12px;opacity:.9;margin-bottom:var(--space-sm);text-shadow:0 1px 3px rgba(0,0,0,.5)}.hero-section .hero-participants .participants-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-section .hero-participants .participant-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px 4px 4px;border-radius:16px;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;border:1px solid rgba(255,255,255,.3);text-shadow:0 1px 2px rgba(0,0,0,.3)}.hero-section .hero-participants .participant-badge .participant-avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;background:#ffffff40;display:grid;place-items:center;font-size:11px;font-weight:700}.hero-section .hero-participants .participant-badge .participant-avatar img{width:100%;height:100%;object-fit:cover}.event-info-section{width:min(100% - 40px,767px);padding:var(--space-lg);margin:40px auto;background:var(--card-bg);border-bottom:1px solid var(--border);border-radius:var(--radius-card)}.event-info-section .group-info,.event-info-section .participants{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.event-info-section .group-info h3,.event-info-section .participants h3{font-size:16px;font-weight:600;margin-bottom:var(--space-base);color:var(--text-main)}.event-info-section .group-info .group-name,.event-info-section .participants .group-name{font-size:15px;color:var(--text-sub)}.event-info-section .participant-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.event-info-section .participant-list .participant-badge{display:inline-block;background:var(--bg-secondary);padding:var(--space-sm) var(--space-base);border-radius:var(--radius-tag);font-size:13px;color:var(--text-main)}.event-description-section{width:min(100% - 40px,767px);padding:var(--space-lg);margin:20px auto;background:var(--card-bg);border-radius:var(--radius-card)}.event-description-section h2{font-size:18px;margin-bottom:var(--space-base)}.event-description-section .description-content{line-height:1.8;color:var(--text-main);white-space:pre-wrap;word-break:break-word}.media-section{width:min(100% - 40px,767px);padding:0;margin:20px auto}.media-section h2{font-size:18px;margin-bottom:var(--space-base)}.media-section .youtube-embed{width:100%;margin-bottom:var(--space-lg)}.media-section .youtube-embed iframe{width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--radius-card)}.schedule-section{width:min(100% - 40px,767px);padding:var(--space-base) var(--space-base) 10px;margin:20px auto;background:var(--card-bg);border-radius:var(--radius-card)}.schedule-section h2{margin:0 0 10px}.schedule-section td{border:none;padding:5px}.event-map-section{width:min(100% - 40px,767px);padding:var(--space-lg);margin:40px auto;background:var(--card-bg);border-radius:var(--radius-card)}.map-embed{border-radius:6px;overflow:hidden;margin-top:12px;height:300px}.links-section,.settlement-section{width:min(100% - 40px,767px);padding:var(--space-lg);margin:40px auto;background:var(--card-bg);border-radius:var(--radius-card)}.countdown-section{padding:var(--space-xl);text-align:center;background:linear-gradient(135deg,var(--primary-action),var(--orange));color:#fff}.countdown-section.today{background:linear-gradient(135deg,var(--error),var(--orange))}.countdown-section.past{background:linear-gradient(135deg,var(--text-tertiary),var(--text-sub))}.countdown-number{font-size:48px;font-weight:700;margin-bottom:var(--space-xs)}.countdown-subtext{font-size:14px;opacity:.9}body:has(.admin-fullscreen-modal .modalToggle:checked){overflow:hidden}.settings-container{padding:80px 0;min-height:100vh;background-color:var(--bg-secondary)}.settings-content{width:min(100% - 40px,767px);margin:0 auto}.settings-group{background-color:var(--card-bg);border-radius:20px;margin-bottom:var(--space-base);overflow:hidden}.settings-group:last-child{margin-bottom:40px}.settings-item{width:100%;padding:var(--space-base);background-color:transparent;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:16px;color:var(--text-main);font-family:inherit;transition:background-color .2s;border-bottom:1px solid var(--border)}.settings-item:last-child{border-bottom:none}.settings-item:active{background-color:rgba(var(--primary-action-rgb),.05)}.settings-item .chevron{color:var(--text-sub);font-size:20px;font-weight:300;margin-left:auto}.settings-item.logout-btn{justify-content:center;color:var(--error);font-weight:500;border-bottom:none}.settings-item.logout-btn:active{background-color:#ff3b300d}.settings-item.logout-btn .settings-icon{background-color:#ff3b3026}.settings-item.logout-btn .material-icons{color:var(--error)}.settings-item-left{display:flex;align-items:center;gap:12px}.settings-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-icon .material-icons{font-size:20px}.settings-icon-password{background-color:#ff950026}.settings-icon-password .material-icons{color:#ff9500}.settings-icon-notification{background-color:#ff3b3026}.settings-icon-notification .material-icons{color:#ff3b30}.settings-icon-logout{background-color:#ff3b3026}.settings-icon-logout .material-icons{color:var(--error)}.settings-input{width:100%;padding:var(--space-base);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:16px;color:var(--text-main);margin-bottom:var(--space-base);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:all .2s}.settings-input:focus{border-color:var(--primary-action);background-color:var(--card-bg);box-shadow:0 0 0 3px rgba(var(--primary-action-rgb),.1)}.settings-input:-webkit-autofill,.settings-input:-webkit-autofill:hover,.settings-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px var(--bg-secondary) inset!important;-webkit-text-fill-color:var(--text-main)!important}.settings-item-static{padding:var(--space-base);border-bottom:1px solid var(--border)}.settings-item-static:last-child{border-bottom:none}.settings-item-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-base)}.settings-item-title{font-size:16px;font-weight:500;color:var(--text-main);margin-bottom:2px}.settings-item-description{font-size:13px;color:var(--text-sub)}.user-profile{padding:var(--space-lg)}.user-profile-content{display:flex;align-items:center;gap:var(--space-base)}.user-profile-info{flex:1}.user-avatar-large{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-action),var(--orange));display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;flex-shrink:0}.user-avatar-large img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-name{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:-4px;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.user-id{font-size:14px;color:var(--text-sub);margin-bottom:0}.admin-badge{display:inline-block;padding:6px 10px;background-color:#6f6fff9f;color:#fff;font-size:11px;border-radius:99px;line-height:1}.passcode-form .btn{width:100%;margin-top:var(--space-base)}.switch{position:relative;display:inline-block;width:51px;height:31px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:var(--success)}.switch input:checked+.slider:before{transform:translate(20px)}.switch input:disabled+.slider{opacity:.4;cursor:not-allowed}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#c4c7c5;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:31px}.slider:before{position:absolute;content:"";height:27px;width:27px;left:2px;bottom:2px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}.admin-container{min-height:100vh;background-color:var(--bg-primary)}.admin-content{width:min(100% - 40px,767px);margin:70px auto 0}.admin-panel{padding:0;border-radius:30px;background-color:var(--card-bg)}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;font-size:14px;min-width:600px}.admin-table thead{background-color:var(--bg-secondary);border-bottom:1px solid var(--border)}.admin-table th{padding:var(--space-base) var(--space-lg);text-align:left;font-weight:700;color:var(--text-main);letter-spacing:-.3px}.admin-table td{padding:var(--space-base) var(--space-lg);border-bottom:1px solid var(--border);color:var(--text-main)}.admin-table tbody tr{transition:background-color .2s}.admin-table tbody tr:hover{background-color:rgba(var(--primary-action-rgb),.03)}.admin-table tbody tr:last-child td{border-bottom:none}@media (max-width: 500px){.admin-table{font-size:13px}.admin-table th,.admin-table td{padding:var(--space-sm) var(--space-base)}}.admin-schedule-table .schedule-time{width:80px;min-width:80px;white-space:nowrap;font-weight:600;color:var(--primary-action)}.admin-schedule-table .schedule-location{width:120px;min-width:120px;word-break:break-word}.panel-content{background-color:var(--card-bg);border:none;border-radius:30px;padding:var(--space-lg)}@media (max-width: 500px){.panel-content{padding:var(--space-base)}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-base);border-bottom:1px solid var(--border)}.panel-header h2{font-size:18px;font-weight:700;letter-spacing:-.3px}.admin-tabs-wrap{margin-bottom:14px}.admin-follow-tabs{--tab-height: 40px;--tab-radius: 30px;--tab-padding: 5px;--tab-gap: 8px;--tab-count: 2;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tab-gap);border-radius:var(--tab-radius);padding:var(--tab-padding);background:var(--card-bg)}.admin-follow-tabs .tab-input{display:none}.admin-follow-tabs .tab-label{position:relative;z-index:1;height:var(--tab-height);border-radius:calc(var(--tab-radius) - var(--tab-padding));display:flex;align-items:center;justify-content:center;padding:0 8px;color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s;font-weight:600;font-size:13px}.admin-follow-tabs .tab-label:hover{background:var(--bg-secondary)}.admin-follow-tabs .tab-input:checked+.tab-label{color:#fff}.admin-follow-tabs .tab-input:checked+.tab-label:hover{background:none}.admin-follow-tabs .active-bg{position:absolute;z-index:0;top:var(--tab-padding);left:var(--tab-padding);width:calc((100% - var(--tab-padding) * 2 - var(--tab-gap)) / 2);height:var(--tab-height);border-radius:calc(var(--tab-radius) - var(--tab-padding));background:var(--primary-action);transition:left .4s cubic-bezier(.2,1.28,.32,1);pointer-events:none}.admin-follow-tabs:has(#admin-tab-events:checked) .active-bg{left:calc(var(--tab-padding) + (100% - var(--tab-padding) * 2 - var(--tab-gap)) / 2 + var(--tab-gap))}.admin-row-clickable{cursor:pointer}.admin-fullscreen-modal .modalToggle{display:none}.admin-fullscreen-modal .modalLayer{position:fixed;width:100vw;height:100dvh;top:0;right:0;bottom:0;left:0;z-index:1300;pointer-events:none}.admin-fullscreen-modal .modalLayer .modalBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border:none;width:100%;cursor:pointer;transition:.2s}.admin-fullscreen-modal .modalLayer .modalCenter{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.admin-fullscreen-modal .modalLayer .modalCenter .modalPanel{transform:scale(.95);width:min(100% - 40px,767px);max-height:90svh;overflow:auto;background:var(--card-bg);border-radius:30px;padding:20px;opacity:0;transition:.3s}.admin-fullscreen-modal .modalToggle:checked~.modalLayer{pointer-events:auto}.admin-fullscreen-modal .modalToggle:checked~.modalLayer .modalBackdrop{background:#78787833;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.admin-fullscreen-modal .modalToggle:checked~.modalLayer .modalPanel{opacity:1;transform:scale(1)}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-modal-header h3{margin:0;font-size:20px}.admin-modal-close{width:42px;height:42px;padding:9px;border:none;border-radius:999px;background:var(--bg-secondary);color:var(--text-main);cursor:pointer}.admin-modal-body{display:grid;gap:14px}.admin-fullscreen-modal .modalClose{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:5px 14px;border-radius:999px;background:var(--bg-secondary);color:var(--text-main);border:none;cursor:pointer;-webkit-user-select:none;user-select:none}.admin-detail-grid{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--bg-secondary)}.admin-modal-subtitle{margin:4px 0 0}.admin-member-list{display:grid;gap:10px}.admin-member-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px}.admin-member-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--bg-secondary);display:grid;place-items:center;font-weight:700}.admin-member-avatar img{width:100%;height:100%;object-fit:cover}.admin-member-meta{display:flex;flex-direction:column;gap:2px}.admin-member-meta small{color:var(--text-sub)}.admin-empty{margin:0;color:var(--text-sub)}.admin-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.admin-form{display:grid;gap:12px}.admin-create-event-copy{color:var(--text-sub);line-height:1.7}.admin-create-event-copy p{margin:0 0 8px}.group-page-container{min-height:100vh;background-color:var(--bg-primary)}.group-header{text-align:center;margin-bottom:var(--space-lg)}.group-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.group-members-section{width:min(100% - 40px,767px);margin:70px auto var(--space-xl)}.group-info{margin:var(--space-base) 0;padding:var(--space-base);background-color:var(--bg-secondary);border-radius:8px}.group-info h3{font-size:12px;color:var(--text-sub);margin-bottom:var(--space-sm)}.group-name{font-size:16px;font-weight:600;color:var(--primary-action);margin:0}.group-card{background:var(--card-bg);border-radius:var(--radius-card);padding:var(--space-base);margin-bottom:var(--space-base);box-shadow:0 2px 8px #0000000d}.group-card .group-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #f0f0f0;padding-bottom:8px}.members-list{display:flex;flex-wrap:wrap;gap:10px 5px}.member-item{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background-color:var(--bg-secondary);border-radius:99px;text-align:center}.member-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-action),var(--orange));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;object-fit:cover}.member-name{font-size:14px;color:var(--text-primary);white-space:nowrap}.events-section{width:min(100% - 40px,767px);margin:0 auto 60px}.events-list{display:flex;flex-direction:column;gap:var(--space-base)}.participants h3{font-size:14px;color:var(--text-sub);margin-bottom:var(--space-sm)}.participant-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.participant-badge{padding:4px 12px;background-color:var(--bg-secondary);border-radius:20px;font-size:12px}body:has(.kashi-detail-modal-template .modalToggle:checked){overflow:hidden}.kashi-detail-modal-template .modalLayer{z-index:1250}.kashi-detail-modal-template .modalTitle{margin:0 0 10px}.kashi-detail-modal-template .modalBody{margin:0;color:var(--text-main);line-height:1.6}.kashi-detail-modal-template .modalClose{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:5px 14px;border-radius:999px;background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.kashi-container{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);overflow:hidden}.kashi-container .page-header{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;padding:0 var(--space-base);display:flex;justify-content:space-between;align-items:center;height:60px}.kashi-container .page-header .back-btn{background:none;border:none;font-size:28px;color:var(--primary-action);cursor:pointer;padding:0 8px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:all .2s ease}.kashi-container .page-header .back-btn:hover{transform:scale(1.05)}.kashi-container .page-header .back-btn .material-icons{font-size:24px}.kashi-container .page-header h1{margin:0;font-size:20px;font-weight:700;color:var(--text-main);flex:1}.kashi-dashboard{width:min(100% - 40px,767px);margin:0 auto;background:var(--bg-primary)}.kashi-dashboard .dashboard-card{background:var(--card-bg);border-radius:12px;padding:var(--space-base);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000d}.kashi-dashboard .dashboard-item{display:flex;flex-direction:column;align-items:center;flex:1}.kashi-dashboard .dashboard-item .label{font-size:10px;color:var(--text-sub);margin-bottom:4px;font-weight:500}.kashi-dashboard .dashboard-item .amount{font-weight:700;font-size:16px}.kashi-dashboard .dashboard-item .amount.lend{color:var(--primary-action)}.kashi-dashboard .dashboard-item .amount.borrow{color:var(--accent-red)}.kashi-dashboard .dashboard-item .amount.net.plus{color:var(--primary-action)}.kashi-dashboard .dashboard-item .amount.net.minus{color:var(--accent-red)}.kashi-dashboard .dashboard-divider{width:1px;height:30px;background:var(--border);margin:0 var(--space-sm)}.kashi-content{flex:1;overflow-y:auto;padding:var(--space-base) 0;width:min(100% - 40px,767px);margin:0 auto;padding-bottom:80px}.kashi-content .loading-text{text-align:center;color:var(--text-sub);padding:40px 20px;font-size:14px}.kashi-content .empty-state{text-align:center;padding:40px 20px;color:var(--text-sub)}.kashi-content .empty-state p{margin:8px 0 0;font-size:14px}.kashi-content .empty-state p:first-child{margin-top:0}.kashi-group{margin-bottom:var(--space-base)}.kashi-group .group-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:12px}.kashi-group .group-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-main)}.kashi-group .group-header .net-amount{font-weight:700;font-size:16px}.kashi-group .group-header .net-amount.plus{color:var(--primary-action)}.kashi-group .group-header .net-amount.minus{color:var(--accent-red)}.kashi-group .kashi-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.kashi-group .kashi-list .kashi-item{background:transparent;border-radius:12px;padding:8px 0;display:flex;justify-content:space-between;align-items:flex-start;font-size:14px;border-bottom:1px solid var(--border);transition:all .2s ease}.kashi-group .kashi-list .kashi-item:last-child{border-bottom:none}.kashi-group .kashi-list .kashi-item.completed{opacity:.5}.kashi-group .kashi-list .kashi-item.completed .item-title,.kashi-group .kashi-list .kashi-item.completed .item-amount{text-decoration:line-through}.kashi-group .kashi-list .kashi-item:hover{background:#00000005}.kashi-group .kashi-list .kashi-item .item-left{display:flex;flex-direction:column;flex:1}.kashi-group .kashi-list .kashi-item .item-title{font-weight:500;margin-bottom:4px;display:flex;align-items:center;gap:8px}.kashi-group .kashi-list .kashi-item .item-title .badge{font-size:10px;padding:2px 6px;border-radius:4px;color:#fff;white-space:nowrap}.kashi-group .kashi-list .kashi-item .item-title .badge.lend{background-color:var(--primary-action)}.kashi-group .kashi-list .kashi-item .item-title .badge.borrow{background-color:var(--accent-red)}.kashi-group .kashi-list .kashi-item .item-title .content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kashi-group .kashi-list .kashi-item .item-meta{font-size:11px;color:var(--text-sub);margin-left:0}.kashi-group .kashi-list .kashi-item .item-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:12px}.kashi-group .kashi-list .kashi-item .item-amount{font-weight:700;display:block}.kashi-group .kashi-list .kashi-item .item-amount.lend{color:var(--primary-action)}.kashi-group .kashi-list .kashi-item .item-amount.borrow{color:var(--accent-red)}.kashi-group .kashi-list .kashi-item .item-actions{display:flex;gap:4px;margin-top:4px}.kashi-group .kashi-list .kashi-item .item-actions .action-btn{font-size:11px;background:var(--bg-secondary);border:none;padding:4px 8px;border-radius:4px;cursor:pointer;color:var(--text-sub);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px}.kashi-group .kashi-list .kashi-item .item-actions .action-btn .material-icons{font-size:16px}.kashi-group .kashi-list .kashi-item .item-actions .action-btn.repay-btn:hover{background:#007aff33;color:var(--primary-action)}.kashi-group .kashi-list .kashi-item .item-actions .action-btn.delete-btn:hover{background:#ff3b3033;color:var(--accent-red)}.group-card{background:var(--card-bg);border-radius:12px;padding:var(--space-base);margin-bottom:var(--space-base);box-shadow:0 2px 8px #0000000d}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--card-bg);border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 10px 25px #0003;max-height:90vh;overflow-y:auto}.modal-content .modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.modal-content .modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-main);flex:1}.modal-content .modal-header .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-sub);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-content .modal-header .close-btn:hover{color:var(--text-main)}.modal-content .modal-title{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-main)}.modal-content .modal-body{margin-bottom:24px}.modal-content .modal-form .form-group{margin-bottom:16px}.modal-content .modal-form .form-group label{display:block;font-size:12px;font-weight:700;margin-bottom:6px;color:var(--text-sub)}.modal-content .modal-form .form-group input[type=date],.modal-content .modal-form .form-group input[type=number],.modal-content .modal-form .form-group input[type=text],.modal-content .modal-form .form-group select{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;font-size:16px;box-sizing:border-box;font-family:inherit;background:var(--bg-secondary);color:var(--text-main)}.modal-content .modal-form .form-group input[type=date]:focus,.modal-content .modal-form .form-group input[type=number]:focus,.modal-content .modal-form .form-group input[type=text]:focus,.modal-content .modal-form .form-group select:focus{outline:none;border-color:var(--primary-action)}.modal-content .modal-form .form-group.checkbox-group label{display:flex;align-items:center;font-size:14px;gap:8px;padding:8px;background:var(--bg-secondary);border-radius:8px;cursor:pointer;margin-bottom:0}.modal-content .modal-form .form-group.checkbox-group label input{width:auto;margin:0}.modal-content .modal-form .form-group.checkbox-group label span{margin:0}.big-amount{font-size:32px;font-weight:700;text-align:center;margin:16px 0;line-height:1}.detail-meta{text-align:center;font-size:12px;color:var(--text-sub);margin:0 0 16px}.history-box{background:var(--bg-secondary);padding:10px;border-radius:8px;margin:10px 0}.history-box small{display:block;margin-bottom:8px;font-weight:500;color:var(--text-sub)}.history-box pre{white-space:pre-wrap;font-family:inherit;font-size:13px;color:var(--text-sub);margin:0}.modal-actions{display:flex;gap:10px}.modal-actions button{flex:1;padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease;font-size:14px}.modal-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-main)}.modal-actions .btn-secondary:hover{background:var(--border)}.modal-actions .btn-primary{background:var(--primary-action);color:#fff}.modal-actions .btn-primary:hover{opacity:.9}.modal-actions .btn-danger{background:transparent;border:1px solid var(--accent-red);color:var(--accent-red);margin-top:12px}.modal-actions .btn-danger:hover{background:#ff3b300d}.modal-actions.vertical{flex-direction:column}.modal-actions.vertical button{width:100%}body:has(.event-create-modal-template .modalToggle:checked){overflow:hidden}.event-create-modal-template:has(.modalToggle:checked){position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100}.event-create-modal-template .modalPanel{width:min(100% - 40px,900px);padding:0;box-shadow:0 24px 56px #0f172a38}.create-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px}.create-modal-header h1{margin:0;font-size:22px;color:var(--text-main);font-weight:700}.create-modal-close{width:36px;height:36px;border-radius:var(--radius-pill);background:var(--bg-hover);color:var(--text-sub);display:grid;place-items:center;cursor:pointer}.create-tabs{--tab-height: 40px;--tab-radius: 30px;--tab-padding: 5px;--tab-gap: 8px;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tab-gap);margin:0 auto;border-radius:var(--tab-radius);padding:var(--tab-padding);background:var(--bg-secondary)}.create-tabs .active-bg{position:absolute;top:var(--tab-padding);left:var(--tab-padding);width:calc((100% - var(--tab-padding) * 2 - var(--tab-gap) * 2) / 3);height:var(--tab-height);border-radius:calc(var(--tab-radius) - var(--tab-padding));background:var(--primary-action);transition:left .4s cubic-bezier(.2,1.28,.32,1);pointer-events:none}.create-tabs.create-tabs-kashi .active-bg{left:calc(var(--tab-padding) + (100% - var(--tab-padding) * 2 - var(--tab-gap) * 2) / 3 + var(--tab-gap))}.create-tabs.create-tabs-video .active-bg{left:calc(var(--tab-padding) + ((100% - var(--tab-padding) * 2 - var(--tab-gap) * 2) / 3 + var(--tab-gap)) * 2)}.create-tabs .tab-button{position:relative;z-index:1;height:var(--tab-height);border-radius:calc(var(--tab-radius) - var(--tab-padding));display:flex;align-items:center;justify-content:center;border:none;background:transparent;font-weight:700;color:var(--text-sub);cursor:pointer}.create-tabs .tab-button.active{color:#fff}.create-modal-body{overflow:auto}.event-create-modal-template .modalClose{display:inline-flex;align-items:center;justify-content:center;margin:14px 18px 18px;padding:5px 14px;border-radius:var(--radius-pill);background:var(--bg-secondary);color:var(--text-main);border:none;cursor:pointer;-webkit-user-select:none;user-select:none}.create-modal-body .form-section{background:var(--card-bg);border-radius:var(--radius-tag);margin-bottom:12px;box-shadow:var(--shadow-1)}.create-modal-body .form-section:last-of-type{margin-bottom:0}.type-select{display:flex;gap:10px}.type-select label{flex:1;cursor:pointer}.type-select label input{display:none}.type-select label span{display:block;text-align:center;padding:10px;background:var(--bg-secondary);border-radius:var(--radius-tag);color:var(--text-sub);font-size:14px;transition:all .2s}.type-select label input:checked+span{background:var(--primary-action);color:#fff;font-weight:700}.type-select label:last-child input:checked+span{background:var(--accent-red)}@media (max-width: 480px){.kashi-container .page-header{padding:0 12px}.kashi-container .page-header h1{font-size:18px}.kashi-dashboard .dashboard-card{padding:12px}.kashi-dashboard .dashboard-item .label{font-size:9px;margin-bottom:2px}.kashi-dashboard .dashboard-item .amount{font-size:14px}.kashi-dashboard .dashboard-divider{height:25px;margin:0 8px}.kashi-content{padding:12px 0 80px}.kashi-group{margin-bottom:16px}.kashi-group .group-header h2{font-size:16px}.kashi-group .group-header .net-amount{font-size:14px}.kashi-group .kashi-list .kashi-item{padding:6px 0;font-size:13px}.kashi-group .kashi-list .kashi-item .item-title{gap:6px}.kashi-group .kashi-list .kashi-item .item-title .badge{font-size:9px;padding:1px 5px}.kashi-group .kashi-list .kashi-item .item-actions .action-btn{font-size:10px;padding:3px 6px;min-width:24px;min-height:24px}.kashi-group .kashi-list .kashi-item .item-actions .action-btn .material-icons{font-size:14px}.fab-button{width:48px;height:48px;font-size:24px;bottom:16px;right:16px}.event-create-modal-template .modalCenter .modalPanel{width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border:none}.form-group{margin-bottom:12px}.form-group label{font-size:11px;margin-bottom:4px}.form-group input,.form-group textarea,.form-group select{font-size:14px;padding:8px}.modal-actions{gap:8px;margin-top:12px}.modal-actions button{padding:10px;font-size:13px}}@media (prefers-color-scheme: dark){.kashi-container .page-header{background:#1a1a1fe6;border-bottom-color:#ffffff1a}.kashi-container .page-header h1{color:#fff}.kashi-dashboard{background:var(--bg-primary)}.kashi-dashboard .dashboard-card{background:var(--card-bg);box-shadow:0 2px 8px #0000004d}.kashi-dashboard .dashboard-item .label{color:var(--text-sub)}.kashi-dashboard .dashboard-divider{background:#ffffff1a}.kashi-group .group-header{border-bottom-color:#ffffff1a}.kashi-group .group-header h2{color:#fff}.kashi-group .kashi-list .kashi-item{background:transparent;border-bottom-color:#ffffff0d}.kashi-group .kashi-list .kashi-item:hover{background:#ffffff05}.kashi-group .kashi-list .kashi-item .item-title{color:var(--text-main)}.kashi-group .kashi-list .kashi-item .item-meta{color:var(--text-sub)}.group-card{background:var(--card-bg);box-shadow:0 2px 8px #0000004d}.create-tabs .tab-button.active{color:var(--primary-action)}.create-tabs .tab-button:hover:not(.active){color:var(--text-main)}.form-group label{color:var(--text-sub)}.form-group input,.form-group textarea,.form-group select{background:var(--bg-secondary);color:var(--text-main);border-color:var(--border)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-action)}.type-select label span{background:#ffffff1a;color:var(--text-sub)}.type-select label input:checked+span{color:var(--text-main)}.modal-content{background:var(--card-bg);box-shadow:0 10px 25px #00000080}.modal-content .modal-header h2,.modal-content .modal-title{color:var(--text-main)}.modal-content .close-btn{color:var(--text-sub)}.modal-content .close-btn:hover{color:var(--text-main)}.modal-content .modal-form .form-group label{color:var(--text-sub)}.modal-content .modal-form .form-group input[type=date],.modal-content .modal-form .form-group input[type=number],.modal-content .modal-form .form-group input[type=text],.modal-content .modal-form .form-group select{background:var(--bg-secondary);color:var(--text-main);border-color:var(--border)}.modal-content .modal-form .form-group input[type=date]:focus,.modal-content .modal-form .form-group input[type=number]:focus,.modal-content .modal-form .form-group input[type=text]:focus,.modal-content .modal-form .form-group select:focus{border-color:var(--primary-action)}.modal-content .modal-form .form-group.checkbox-group label{background:var(--bg-secondary);color:var(--text-main)}.big-amount{color:inherit}.detail-meta{color:var(--text-sub)}.history-box{background:var(--bg-secondary)}.history-box small{color:var(--text-sub)}.history-box pre{color:var(--text-main)}.modal-actions button.btn-secondary{background:#ffffff1a;color:#fff}.modal-actions button.btn-secondary:hover{background:#ffffff26}.event-create-modal-template .modalCenter .modalPanel{box-shadow:0 24px 60px #0000008c}.create-modal-header h1{color:var(--text-main)}.create-modal-close{background:var(--bg-secondary);color:var(--text-sub)}.create-tabs{background:var(--bg-secondary)}.create-tabs .tab-button{color:var(--text-sub)}.create-tabs .tab-button.active{color:#fff}.create-modal-body .form-section{border-bottom-color:#ffffff1f}.event-create-modal-template .modalClose{background:#1f2937;color:#e5e7eb}}.media-section-form{background-color:var(--bg-secondary);padding:var(--space-lg);border-radius:10px;margin-bottom:var(--space-lg);border:1px solid var(--border)}.media-section-form h3{font-size:16px;font-weight:600;color:var(--text-main);margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-base);border-bottom:1px solid var(--border)}.cover-image-section{width:100%;max-height:400px;overflow:hidden}.cover-image-section img{width:100%;height:100%;object-fit:cover}.cover-image-preview{width:100%;border-radius:6px;overflow:hidden;margin-bottom:var(--space-base)}.cover-image-preview img{width:100%;height:auto;display:block}.file-upload-section{margin-top:var(--space-base)}.file-upload-label{display:inline-block;padding:10px 16px;background-color:var(--primary-action);color:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.file-upload-label:hover{background-color:#4da3ff}.youtube-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-card);margin-bottom:var(--space-base)}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.music-link,.photo-link{margin-bottom:var(--space-sm)}.music-link a,.photo-link a{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-base);background-color:var(--bg-secondary);border-radius:var(--radius-tag);text-decoration:none;color:var(--text-main);transition:all .3s ease}.music-link a:hover,.photo-link a:hover{background-color:var(--border)}.external-links{display:flex;flex-direction:column;gap:var(--space-sm)}.external-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-base);background-color:var(--bg-secondary);border-radius:var(--radius-tag);text-decoration:none;color:var(--text-main);transition:all .3s ease}.external-link:hover{background-color:var(--border)}.media-links-row{display:flex;gap:var(--space-base);margin-bottom:var(--space-lg);flex-wrap:wrap}@media (max-width: 500px){.media-links-row{flex-direction:column}}.media-links-row .music-link{flex:1;min-width:150px;margin-bottom:0}.media-links-row .music-link a{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px var(--space-base);background:linear-gradient(135deg,#fa233d,#e74c3c);color:#fff;text-decoration:none;border-radius:var(--radius-tag);font-weight:500;transition:all .2s ease}.media-links-row .music-link a:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fa233d4d}.media-links-row .music-link a:active{transform:translateY(0);opacity:.9}.media-links-row .photo-link{flex:1;min-width:150px;margin-bottom:0}.media-links-row .photo-link a{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px var(--space-base);background:var(--primary-action);color:#fff;text-decoration:none;border-radius:var(--radius-tag);font-weight:500;transition:all .2s ease}.media-links-row .photo-link a:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}.media-links-row .photo-link a:active{transform:translateY(0);opacity:.9}.music-embed{margin-bottom:var(--space-lg)}.music-embed .music-link-card{display:flex;align-items:center;gap:var(--space-base);padding:var(--space-base);background:linear-gradient(135deg,#fa243c,#ff6b35);color:#fff;text-decoration:none;border-radius:var(--radius-card);transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-1)}.music-embed .music-link-card:active{transform:scale(.98);box-shadow:var(--shadow-2)}.music-embed .music-link-card .music-icon{font-size:32px;flex-shrink:0}.music-embed .music-link-card .music-info{flex:1}.music-embed .music-link-card .music-info .music-label{font-size:12px;opacity:.9;font-weight:500}.music-embed .music-link-card .music-info .music-title{font-size:16px;font-weight:600;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-embed .music-link-card .music-arrow{font-size:20px;flex-shrink:0;opacity:.8}.schedule-table{width:100%;border-collapse:collapse}.schedule-table th,.schedule-table td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--border)}.schedule-table th{background-color:var(--bg-secondary);font-weight:600;font-size:12px}.schedule-time{font-weight:600;color:var(--primary-action);white-space:nowrap}.schedule-list{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-lg)}.schedule-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--bg-secondary);border-radius:8px;border-left:4px solid var(--primary-action)}.schedule-item .time{font-weight:600;color:var(--primary-action);min-width:60px;font-size:14px}.schedule-item .title{color:var(--text-main)}.schedule-item button{padding:4px 10px;background-color:var(--error);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.checklist{display:flex;flex-direction:column;gap:var(--space-sm)}.checklist-list{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-lg)}.checklist-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-sm) 38px;background-color:var(--bg-secondary);border-radius:var(--radius-tag);cursor:pointer;transition:all .3s ease;position:relative}.checklist-item:hover{background-color:var(--border)}.checklist-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checklist-item span.checked{text-decoration:line-through;opacity:.6}.checklist-item label{display:flex;align-items:center;gap:8px;cursor:pointer;flex:1;margin:0}.checklist-item label input[type=checkbox]{width:auto;margin:0;accent-color:var(--primary-action)}.checklist-item label span{color:var(--text-main);font-size:13px}.checklist-item button{padding:4px 10px;background-color:var(--error);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.checklist-section{width:min(100% - 40px,767px);padding:var(--space-lg);margin:20px auto;background:var(--card-bg);border-radius:var(--radius-card)}.checklist-section input{display:none}.checklist-section label>input+span:before{position:absolute;content:"";top:12px;left:11px;width:16px;height:16px;outline:1px solid var(--text-main);border-bottom:2px solid rgba(0,0,0,0);border-right:2px solid rgba(0,0,0,0);border-radius:5px;transform:rotate(-90deg);transition:.2s}.checklist-section label>input:checked+span:before{top:8px;left:16px;width:6px;height:16px;border-radius:0;outline:1px solid rgba(0,0,0,0);border-bottom:2px solid var(--text-main);border-right:2px solid var(--text-main);transform:rotate(45deg)}.settlement-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-base);margin:10px 0 0}.settlement-summary.full{grid-template-columns:1fr 1fr}@media (max-width: 500px){.settlement-summary{grid-template-columns:1fr}}.summary-item{padding:var(--space-base);background-color:var(--card-bg);border-radius:10px;text-align:center}.summary-item span{font-size:12px;color:var(--text-sub);display:block;margin-bottom:4px}.summary-item strong{font-size:18px;color:var(--primary-action)}.expenses-list{display:flex;flex-direction:column;gap:8px}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background-color:var(--bg-secondary);border-radius:6px;border-left:3px solid var(--primary-action)}.expense-item .label{color:var(--text-main);font-size:13px;flex:1}.expense-item .amount{color:var(--primary-action);font-weight:600;font-size:13px}.settlements-list{display:flex;flex-direction:column;gap:8px}.settlement-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--primary-action)}.settlement-item .settlement-from,.settlement-item .settlement-to{color:var(--text-main);font-weight:500;font-size:13px}.settlement-item .settlement-arrow{color:var(--text-sub);margin:0 8px}.settlement-item .settlement-amount{color:var(--primary-action);font-weight:600;font-size:14px;white-space:nowrap;margin-left:8px}.settlement-section{width:min(100% - 40px,767px);padding:var(--space-lg);margin:20px auto;background:var(--card-bg);border-radius:var(--radius-card)}.settlement-section h2{font-size:18px;font-weight:600;color:var(--text-main)}.settlement-section h3{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--text-main)}.settlement-detail-container{min-height:100vh;background:var(--bg-main);padding-bottom:80px}.event-info-mini{width:min(100% - 40px,767px);margin:60px auto 0;text-align:center}.event-info-mini h2{font-size:16px;font-weight:600}.event-info-mini .event-date{font-size:13px;color:var(--text-sub);margin:0}.settlement-summary-section{width:min(100% - 40px,767px);margin:20px auto}.settlement-summary-section .settlement-summary{display:flex;gap:12px;background:var(--bg-secondary);padding:16px;border-radius:var(--radius-card);box-shadow:0 4px 12px #0000001a}.settlement-summary-section .settlement-summary.full{flex-direction:row;justify-content:space-around}.settlement-summary-section .settlement-summary .summary-item{display:flex;flex-direction:column;align-items:center;color:#fff;flex:1}.settlement-summary-section .settlement-summary .summary-item span{font-size:11px;opacity:.9;margin-bottom:4px}.settlement-summary-section .settlement-summary .summary-item strong{font-size:18px;font-weight:700}.settlements-section{width:min(100% - 40px,767px);margin:20px auto}.settlements-section .settlement-boxes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.settlement-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.settlement-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.settlement-box .settlement-box-sender{font-size:13px;color:var(--text-sub);text-align:center}.settlement-box .settlement-box-arrow{text-align:center;color:var(--text-main);font-size:14px}.settlement-box .settlement-box-receiver{font-size:13px;color:var(--text-sub);text-align:center}.settlement-box .settlement-box-amount{font-size:18px;font-weight:700;color:var(--primary-action);text-align:center;padding-top:8px;border-top:2px solid var(--primary-action)}.settlement-box-detail{padding:15px;display:flex;flex-direction:column}.settlement-box-detail .settlement-box-header{background:linear-gradient(135deg,var(--primary-action),var(--primary-action-light));color:#fff;border-radius:12px 12px 0 0;font-weight:600}.settlement-box-detail .settlement-box-user-name{font-size:14px;font-weight:700}.settlement-box-detail .settlement-box-detail-content{display:flex;flex-direction:column}.settlement-box-detail .detail-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.settlement-box-detail .detail-summary-row .detail-summary-label{color:var(--text-sub);font-weight:500}.settlement-box-detail .detail-summary-row .detail-summary-value{font-weight:600;color:var(--text-main);font-size:14px}.settlement-box-detail .detail-divider-line{height:1px;background:var(--border);margin:8px 0}.settlement-box-detail .settlement-transaction{font-size:13px;color:var(--text-main)}.settlement-box-detail .settlement-transaction .transaction-text{display:block;line-height:1.5}.settlement-box-detail .settlement-transaction .transaction-text strong{color:var(--primary-action);font-weight:700;margin:0 2px}.settlement-box-detail .settlement-no-transaction{padding:16px 0;text-align:center;color:var(--text-sub);font-size:13px}.receipt-section{width:min(100% - 40px,767px);margin:20px auto}.receipt-section h3{font-weight:600;margin:0 0 16px}.receipt-container{background:var(--bg-secondary);border-radius:var(--radius-card);padding:16px;border:1px solid var(--border-color)}.receipt-container .receipt-items{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.receipt-container .receipt-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dotted var(--border-color)}.receipt-container .receipt-item .receipt-item-left{flex:1}.receipt-container .receipt-item .receipt-label{font-size:14px;font-weight:500;color:var(--text-main);display:block}.receipt-container .receipt-item .receipt-payer{font-size:12px;color:var(--text-sub);margin-top:2px}.receipt-container .receipt-item .receipt-amount{font-size:14px;font-weight:600;color:var(--text-main);text-align:right;min-width:80px}.receipt-divider{height:1px;background:#8888;margin:12px 0}.receipt-divider-heavy{height:1px;background:var(--text-main);margin:12px 0}.receipt-subtotal,.receipt-deduction,.receipt-total,.receipt-per-person{display:flex;justify-content:space-between;font-size:14px}.receipt-subtotal span,.receipt-subtotal strong,.receipt-deduction span,.receipt-deduction strong,.receipt-total span,.receipt-total strong,.receipt-per-person span,.receipt-per-person strong{font-weight:500}.receipt-total{font-size:16px}.receipt-total strong{font-weight:700;color:var(--primary-action)}.receipt-per-person{border-top:1px dotted var(--border-color)}.receipt-per-person strong{color:var(--primary-action);font-size:16px}.expenses-section{width:min(100% - 40px,767px);margin:20px auto}.expenses-section h3{font-size:14px;font-weight:600;margin:0}.expenses-section .expense-boxes-grid{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-card);gap:12px;margin-top:16px;padding:15px}.expense-box{display:flex;justify-content:space-between;align-items:center;transition:background .2s}.expense-box:hover{background:var(--bg-hover)}.expense-box .expense-box-content{flex:1;display:flex;align-items:center;gap:12px}.expense-box .expense-box-label{font-size:14px;font-weight:500;color:var(--text-main);flex:1}.expense-box .expense-box-payer{font-size:12px;color:var(--text-sub);min-width:80px}.expense-box .expense-box-footer{display:flex;align-items:center;gap:12px}.expense-box .expense-box-amount{font-size:14px;font-weight:600;color:var(--text-main);min-width:80px;text-align:right}.expense-box .expense-box-actions{display:flex;gap:4px}.expense-box .btn-edit-small,.expense-box .btn-delete-small{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:6px;transition:background .2s}.expense-box .btn-edit-small .material-icons,.expense-box .btn-delete-small .material-icons{font-size:18px}.expense-box .btn-edit-small{color:var(--primary-action)}.expense-box .btn-edit-small:hover{background:rgba(var(--primary-action-rgb),.1)}.expense-box .btn-delete-small{color:var(--error-color)}.expense-box .btn-delete-small:hover{background:#ff00001a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-main);border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:18px;font-weight:600;margin:0 0 20px}.modal-content .form-group{margin-bottom:16px}.modal-content .form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-main)}.modal-content .form-group .form-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-secondary);color:var(--text-main);transition:border-color .2s}.modal-content .form-group .form-input:focus{outline:none;border-color:var(--primary-action)}.modal-content .form-group .form-input.error{border-color:var(--error-color)}.modal-content .form-group .form-input-readonly{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-secondary);color:var(--text-sub);display:flex;align-items:center}.modal-content .form-group .error-text{display:block;font-size:12px;color:var(--error-color);margin-top:4px}.modal-content .modal-actions{display:flex;gap:12px;margin-top:24px}.modal-content .modal-actions .btn{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.modal-content .modal-actions .btn.btn-primary{background:var(--primary-action);color:#fff}.modal-content .modal-actions .btn.btn-primary:hover{background:var(--primary-hover)}.modal-content .modal-actions .btn.btn-secondary{background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-color)}.modal-content .modal-actions .btn.btn-secondary:hover{background:var(--bg-hover)}@media (max-width: 600px){.settlement-boxes-grid{grid-template-columns:1fr!important}.settlement-box{width:100%}.receipt-container{padding:12px}.modal-content{max-width:100%;border-radius:12px 12px 0 0}.expense-box{flex-direction:column;align-items:flex-start;gap:8px}.expense-box .expense-box-content{width:100%;flex-direction:column;align-items:flex-start}.expense-box .expense-box-footer{width:100%;justify-content:space-between}}@supports (view-transition-name: auto){::view-transition-group(*){animation-duration:.6s;animation-timing-function:ease-in-out}::view-transition-old(*),::view-transition-new(*){animation-duration:.6s;animation-timing-function:ease-in-out}::view-transition-old(event-card-*){animation-duration:.6s;animation-timing-function:ease-in-out;opacity:1}::view-transition-new(event-card-*){animation-duration:.6s;animation-timing-function:ease-in-out;opacity:1}}.toast-container{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:2200;pointer-events:none;display:grid;gap:10px}@media (max-width: 640px){.toast-container{bottom:16px}}.toast{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:700;border:1px solid rgba(15,23,42,.18);opacity:0;transform:translateY(8px);animation:toastIn .2s ease forwards;cursor:pointer}@media (max-width: 640px){.toast{max-width:calc(100vw - 24px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:#fff;color:#111827;border-color:#e5e7eb}.toast-error{background:#ef4444;color:#fff;border-color:#ef4444}.toast-activity{background:#ffffffbf;color:#374151;border-color:#e5e7eb}.toast-icon{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0}.toast-icon svg{width:20px;height:20px}.toast-message{white-space:nowrap;line-height:1.3;font-size:14px}.toast-spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(55,65,81,.25);border-top-color:#374151e6;animation:toast-spin .9s linear infinite}@keyframes toast-spin{to{transform:rotate(360deg)}}@supports (view-transition-name: auto){::view-transition-old(*),::view-transition-new(*){animation-timing-function:cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion: reduce){::view-transition-old(*),::view-transition-new(*){animation:none}}@media (max-width: 500px){.events-grid{grid-template-columns:1fr}.fab-button{bottom:16px;right:16px}.tab-navigation{padding:var(--space-base);gap:4px}.tab-btn{padding:8px 12px;font-size:12px}.settlement-summary{grid-template-columns:1fr}.action-footer{padding:var(--space-base)}.media-links-row{flex-direction:column}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-base)}}@media (max-width: 768px){.hero-section{min-height:300px}.hero-title{font-size:28px}.hero-meta{font-size:13px}}@media (max-width: 767px){.event-info-section,.event-description-section,.media-section,.schedule-section,.checklist-section,.event-map-section,.links-section,.settlement-section{width:calc(100% - 40px)}}@media (max-width: 600px){.hero-section{min-height:50vh;padding:30px 16px 20px}.hero-title{font-size:24px;margin-bottom:8px}.hero-countdown .countdown-number{font-size:36px}.detail-header{padding:10px 16px}}@media (max-width: 600px){.admin-table,.schedule-table{font-size:12px}.admin-table th,.admin-table td,.schedule-table th,.schedule-table td{padding:8px 4px}.table-container{overflow-x:auto}}@media (max-width: 500px){input,textarea,select{font-size:16px;padding:var(--space-sm)}}@media (max-width: 640px){.toast-container{left:50%;right:auto;top:auto;bottom:16px;transform:translate(-50%)}.toast{max-width:calc(100vw - 24px)}}