body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5}.search-bar-container{font-family:sans-serif;margin-bottom:36px;position:relative}.search-input-wrapper{align-items:center;background-color:#f2f2f2;border-radius:8px;display:flex;margin-bottom:12px;padding:12px 16px}.search-icon{color:#555;font-size:20px;margin-right:8px}.search-input{background:#0000;border:none;color:#000;flex:1 1;font-size:16px;outline:none}.search-input::placeholder{color:#888}.search-dropdown{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 8px 24px #0000001f;left:0;overflow:hidden;position:absolute;right:0;top:56px;z-index:100}.search-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.search-dropdown-item:hover{background-color:#fff8f0}.search-dropdown-img-wrap{flex-shrink:0}.search-dropdown-img{border-radius:8px;height:36px;object-fit:cover;width:36px}.search-dropdown-placeholder{align-items:center;background-color:#f7ad65;border-radius:8px;color:#fff;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.search-dropdown-name{color:#111;font-size:15px;font-weight:600}.search-dropdown-empty{color:#aaa;font-size:14px;padding:20px;text-align:center}.search-dropdown-section-label{color:#bbb;font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 16px 4px}.search-dropdown-tag{color:#f4a640;font-size:11px;font-weight:600;margin-left:auto;white-space:nowrap}.search-tags-wrapper{display:flex;flex-wrap:wrap;gap:8px}.search-tag-btn{background-color:#f5f5f5;border:1.5px solid #ccc;border-radius:20px;color:#555;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .18s ease;white-space:nowrap}.search-tag-btn:hover{background-color:#ffe0b2;border:1.5px solid #e6941a66;color:#e65100}.search-tag-btn.active{background-color:#f4a640;border:none;box-shadow:0 2px 8px #f4a64066;color:#fff}.lost-item-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0404040d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.lost-item-card:hover{box-shadow:0 10px 28px #00000024;transform:translateY(-5px)}.card-title{color:#000;font-size:16px;font-weight:600;line-height:1.3;word-break:keep-all}.card-badge{border-radius:20px;font-size:12px;font-weight:700;padding:4px 8px;white-space:nowrap}.card-info{color:#333;font-size:14px;margin:0 0 4px}.lost-preview-container{font-family:sans-serif;margin-bottom:40px}.section-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:16px}.section-title{color:#000;font-size:20px;font-weight:700;margin:0}.more-button{color:#666;cursor:pointer;font-size:14px;font-weight:500}.more-button:hover{text-decoration:underline}.cards-wrapper{display:flex;gap:16px}.home-club-card{background:#fff;border-radius:18px;box-shadow:0 2px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;min-width:220px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.home-club-card:hover{box-shadow:0 10px 28px #00000024;transform:translateY(-5px)}.home-club-image-wrap{flex-shrink:0;height:150px;position:relative;width:100%}.home-club-img{height:100%;object-fit:cover;width:100%}.home-club-img-placeholder{align-items:center;color:#000;display:flex;font-size:32px;font-weight:900;height:100%;justify-content:center;padding:0 12px;text-align:center;width:100%;word-break:keep-all}.home-club-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;font-size:11px;font-weight:700;padding:4px 10px;position:absolute;right:10px;top:10px}.home-club-body{display:flex;flex:1 1;flex-direction:column;gap:5px;padding:14px 16px 16px}.home-club-name{color:#111;font-size:16px;font-weight:800;letter-spacing:-.3px;margin:0}.home-club-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#777;display:-webkit-box;font-size:12px;line-height:1.55;margin:0;overflow:hidden}.home-club-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.home-club-tags{display:flex;flex-wrap:wrap;gap:5px}.home-club-tag{background:#fff3e0;border-radius:10px;color:#f4a640;font-size:10px;font-weight:700;padding:2px 8px}.home-club-members{color:#aaa;font-size:11px;white-space:nowrap}.club-preview-section{margin-bottom:60px}.club-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.club-preview-title{color:#111;font-size:20px;font-weight:800;margin:0}.club-preview-more{color:#666;cursor:pointer;font-size:14px;font-weight:500}.club-preview-more:hover{text-decoration:underline}.club-preview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.club-preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.club-preview-grid{-webkit-overflow-scrolling:touch;display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}.club-preview-grid::-webkit-scrollbar{display:none}.club-preview-grid .home-club-card{flex-shrink:0;min-width:200px;scroll-snap-align:start}}.club-preview-empty{color:#aaa;font-size:14px;padding:40px 0;text-align:center}.club-preview-skeleton{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.skeleton-card{animation:skeleton-shimmer 1.4s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:18px;height:260px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.welcome-banner{background-color:#f7ad65;border-radius:12px;margin-bottom:24px;padding:28px 32px;text-align:left}.welcome-banner h2{color:#000;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0 0 10px}.welcome-banner p{color:#222;font-size:16px;font-weight:400;margin:0}.common-form-input{background-color:initial;border:1.5px solid #000;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:16px;outline:none;padding:14px 16px;transition:border-color .2s ease-in-out;width:100%}.common-form-input::placeholder{color:#a0a0a0}.common-form-input:focus{border-color:#e59b54;box-shadow:0 0 0 2px #e59b5433}.login-container{font-family:sans-serif;margin:0 auto;max-width:400px;padding:40px 20px;width:100%}.login-title{color:#000;font-size:28px;font-weight:600;margin-bottom:20px;text-align:left}.login-form{display:flex;flex-direction:column}.login-submit-btn{background-color:#e59b54;border:1.5px solid #000;border-radius:8px;color:#000;cursor:pointer;font-size:18px;font-weight:700;margin-bottom:16px;margin-top:4px;padding:14px;transition:opacity .2s ease-in-out;width:100%}.login-submit-btn:hover{opacity:.9}.login-footer{text-align:right}.signup-text{color:#000;cursor:pointer;font-size:14px;font-weight:500}.signup-text:hover{text-decoration:underline}.signup-container{font-family:sans-serif;margin:0 auto;max-width:500px;padding:40px 20px;width:100%}.signup-title{color:#000;font-size:28px;font-weight:600;margin-bottom:24px;text-align:left}.signup-form{display:flex;flex-direction:column}.id-row{align-items:flex-start;display:flex;gap:12px}.id-input-wrapper{flex:1 1}.duplicate-check-btn{background-color:#e59b54;border:1.5px solid #000;border-radius:8px;color:#000;cursor:pointer;font-size:15px;font-weight:600;height:50px;padding:14px 16px;white-space:nowrap}.duplicate-check-btn:hover{opacity:.9}.select-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.select-label{color:#555;font-size:16px;width:70px}.custom-select{background-color:initial;border:1.5px solid #000;border-radius:8px;cursor:pointer;font-size:15px;outline:none;padding:12px}.custom-select:focus{border-color:#e59b54}.short-select{width:80px}.long-select{flex:1 1}.signup-submit-btn{background-color:#e59b54;border:1.5px solid #000;border-radius:8px;color:#000;cursor:pointer;font-size:18px;font-weight:700;margin-top:24px;padding:16px;transition:opacity .2s ease-in-out;width:100%}.signup-submit-btn:hover{opacity:.9}.header-container{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;font-family:sans-serif;justify-content:space-between;padding:16px 40px}.header-logo{color:#000;cursor:pointer;font-size:24px;font-weight:700;text-decoration:none}.header-nav{align-items:center;display:flex;gap:8px}.nav-login{color:#555;cursor:pointer;font-size:14px;margin-right:4px;text-decoration:none}.nav-login:hover{text-decoration:underline}.nav-logout{background:none;border:none;color:#555;cursor:pointer;font-size:14px;margin-right:4px;padding:0}.nav-logout:hover{text-decoration:underline}.nav-item{align-items:center;border-radius:8px;color:#000;cursor:pointer;display:flex;gap:6px;padding:8px 12px;text-decoration:none;transition:background-color .2s}.nav-icon{height:22px;object-fit:contain;width:22px}.nav-text{font-size:16px;font-weight:500;line-height:1}.nav-item:hover{background-color:#f5f5f5}.logo-text,.nav-item.active{font-weight:700}.logo-text{color:#000;cursor:pointer;font-size:24px;text-decoration:none}.home-content{font-family:sans-serif;margin:0 auto;max-width:1300px;padding:24px 50px}.create-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin:40px auto;max-width:600px;padding:30px}.create-header{display:flex;flex-direction:column;margin-bottom:25px}.back-button{align-self:flex-start;color:#666;font-size:14px;margin-bottom:15px;padding:0}.back-button:hover{color:#111}.create-title{color:#333;font-size:24px;margin:0}.type-button-group{display:flex;gap:10px;margin-bottom:25px}.type-btn{background-color:#f5f5f5;border:1.5px solid #ccc;border-radius:20px;color:#555;cursor:pointer;flex:1 1;font-weight:600;padding:6px 16px;transition:all .18s ease}.type-btn:hover{background-color:#ffe0b2;border-color:#f4a640;color:#e65100}.type-btn.active.lost{background-color:#f4a640;border-color:#f4a640;color:#fff}.type-btn.active.found{background-color:#ffe0b2;border-color:#f4a640;color:#e65100}.type-btn.active.completed{background-color:#e0e0e0;border-color:#ccc;color:#616161}.form-group{margin-bottom:20px}.form-label{color:#444;display:block;font-size:15px;font-weight:600;margin-bottom:8px}.form-input,.form-select,.form-textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#f4a640;box-shadow:0 0 0 2px #f4a64026;outline:none}.form-textarea{min-height:120px;resize:vertical}.image-upload-box{background-color:#fffaf4;border:2px dashed #f4a640;border-radius:8px;margin-top:10px;padding:20px;text-align:center}.image-preview{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:15px;max-height:250px;max-width:100%}.submit-btn-group{border-top:1px solid #eee;display:flex;justify-content:flex-end;margin-top:30px;padding-top:20px}.submit-button{background-color:#f4a640;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:auto;padding:10px 28px;transition:all .18s ease;width:auto}.submit-button:hover{background-color:#ffe0b2;color:#e65100}.back-button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;gap:4px;margin-bottom:12px;padding:8px 0;white-space:nowrap}.back-button:hover{color:#000;text-decoration:underline}.comment-section{margin-top:40px;padding-bottom:50px}.comment-divider{background:#e9ecef;border:0;height:1px;margin-bottom:20px}.comment-title{color:#343a40;font-size:18px;font-weight:700;margin-bottom:20px}.comment-input-form,.reply-input-form{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.input-row{display:flex;gap:10px}.comment-input-box{border:1px solid #ced4da;border-radius:8px;flex:1 1;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s}.comment-input-box:focus{border-color:#f4a640;box-shadow:0 0 0 2px #f4a64026}.comment-submit-btn{background-color:#f4a640;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:0 24px;transition:background-color .2s}.comment-submit-btn:hover{background-color:#e6922a}.secret-checkbox{align-items:center;align-self:flex-end;color:#495057;cursor:pointer;display:flex;font-size:13px;gap:5px}.comment-list{gap:20px}.comment-list,.comment-wrapper{display:flex;flex-direction:column}.comment-wrapper{gap:12px}.comment-item{background-color:#f8f9fa;border:1px solid #0000;border-radius:8px;padding:16px}.comment-item.secret{background-color:#fff5f5;border-color:#ffe3e3}.comment-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.comment-author{color:#495057;font-size:14px;font-weight:700}.comment-author.highlight{color:#e65100}.comment-date{color:#adb5bd;font-size:12px}.comment-content{color:#212529;font-size:15px;line-height:1.5;margin-bottom:12px;white-space:pre-wrap}.comment-actions{display:flex;gap:15px}.action-btn{background:none;border:none;color:#868e96;cursor:pointer;font-size:13px;font-weight:500;padding:0}.action-btn:hover{color:#495057;text-decoration:underline}.action-btn.delete{color:#fa5252}.action-btn.delete:hover{color:#e03131}.replies-container{display:flex;flex-direction:column;gap:12px;margin-left:35px}.reply-input-form{align-items:flex-start;flex-direction:row;margin-bottom:10px;margin-left:35px}.reply-input-container{display:flex;flex:1 1;flex-direction:column;gap:8px}.reply-arrow{color:#adb5bd;font-size:18px;font-weight:700;margin-right:8px;margin-top:8px}.reply-item{background-color:#fff;border:1px solid #e9ecef}.reply-item.secret{background-color:#fff5f5}.reply-input-box{border:1px solid #ced4da;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.reply-input-box:focus{border-color:#f4a640;box-shadow:0 0 0 2px #f4a64026}.reply-submit-btn{background-color:#f4a640;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:0 16px;transition:background-color .2s}.reply-submit-btn:hover{background-color:#e6922a}.secret-checkbox.reply-secret{align-self:flex-start}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.badge-found{background-color:#ffe0b2;color:#e65100}.badge-lost{background-color:#fff3cd;color:#b45309}.badge-completed{background-color:#e0e0e0;color:#616161}.lost-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.lost-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;max-height:80vh;max-width:90%;overflow-y:auto;padding:30px;width:900px;z-index:10002}.close-button{background:none;border:none;color:#888;cursor:pointer;float:right;font-size:18px;margin-bottom:10px;transition:color .2s}.close-button:hover{color:#333}.detail-header{align-items:center;border-bottom:2px solid #f0f0f0;clear:both;display:flex;gap:12px;margin-bottom:25px;padding-bottom:15px}.detail-title{color:#222;font-size:22px;font-weight:700;margin:0}.detail-info-grid{grid-gap:15px;background-color:#fffaf4;border:1px solid #ffe0b2;border-radius:12px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:25px;padding:20px}.detail-info-item{align-items:center;display:flex;gap:10px}.info-item{display:flex;flex-direction:column;gap:5px}.info-label{color:#b45309;font-size:13px;font-weight:600}.info-value{color:#333;font-size:15px;font-weight:500}.detail-description{background-color:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:30px;padding:20px}.desc-label{color:#555;font-size:15px;font-weight:600;margin-bottom:10px;margin-top:0}.desc-content{color:#444;line-height:1.6;margin:0}.detail-image-box{border:1px solid #eee;border-radius:8px;margin-bottom:30px;margin-top:20px;text-align:center;width:100%}.detail-image{border-radius:4px;box-shadow:0 2px 4px #0000001a;max-height:400px;max-width:100%;object-fit:contain}.action-buttons{display:flex;gap:8px;margin-top:10px}.delete-btn,.edit-btn{border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px;transition:all .18s ease}.edit-btn{background-color:#f5f5f5;border:1.5px solid #ccc;color:#555}.edit-btn:hover{background-color:#ffe0b2;border-color:#f4a640;color:#e65100}.delete-btn{background-color:#ffe3e3;border:1px solid #ffc9c9;color:#fa5252}.delete-btn:hover{background-color:#ffc9c9;border-color:#ffa8a8}.cancel-btn,.save-btn{border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .18s ease}.cancel-btn{background-color:#f5f5f5;border:1.5px solid #ccc;color:#555}.cancel-btn:hover{background-color:#e0e0e0}.save-btn{background-color:#f4a640;border:none;color:#fff}.save-btn:hover{background-color:#ffe0b2;color:#e65100}.edit-mode-container{display:flex;flex-direction:column;gap:15px;margin-top:20px}.edit-form-group{display:flex;flex-direction:column;gap:5px}.edit-form-label{color:#333;font-size:14px;font-weight:700}.edit-form-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px;transition:border-color .2s;width:100%}.edit-form-input:focus{border-color:#f4a640;box-shadow:0 0 0 2px #f4a64026;outline:none}.edit-form-row{display:flex;gap:10px}.edit-form-input.half{flex:1 1}.edit-file-input{font-size:14px;padding:5px 0}.edit-form-textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;height:120px;padding:10px;resize:none;width:100%}.edit-form-textarea:focus{border-color:#f4a640;box-shadow:0 0 0 2px #f4a64026;outline:none}.edit-action-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.board-container{font-family:sans-serif;margin:0 auto;max-width:1000px;padding:20px}.board-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-button{background-color:#f4a640;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:auto;padding:9px 22px;transition:all .18s ease;white-space:nowrap;width:auto}.no-more-data{color:#b0b8c1;font-weight:600;margin:24px 0;text-align:center;width:100%}.add-button:hover{background-color:#ffe0b2;color:#e65100}.tab-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.tab-button{background-color:#f5f5f5;border:1.5px solid #ccc;border-radius:20px;color:#555;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .18s ease;white-space:nowrap}.tab-button:hover{background-color:#ffe0b2;border:1.5px solid #e6941a66;color:#e65100}.tab-button.active{background-color:#f4a640;border-color:#f4a640;color:#fff;font-weight:700}.item-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.item-card{background-color:#fff;border:1px solid #eaeaea;border-radius:16px;box-shadow:0 4px 8px #0000000d;cursor:pointer;padding:20px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.item-card:hover{box-shadow:0 10px 28px #00000024;transform:translateY(-5px)}.item-card h3{margin-bottom:10px;margin-top:0}.item-card p{color:#555;font-size:15px;margin:5px 0}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.card-title{font-size:18px;margin:0}.card-info p{color:#555;font-size:14px;margin:4px 0}.scroll-sensor{align-items:center;display:flex;height:50px;justify-content:center;margin-top:20px;min-height:20px;padding-bottom:30px;width:100%}.loading-spinner{color:#666;font-size:14px;font-weight:500}.no-more-data{color:#adb5bd;font-size:14px;font-weight:700}.club-card{background:#fff;border-radius:18px;box-shadow:0 2px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.club-card:hover{box-shadow:0 10px 28px #00000024;transform:translateY(-5px)}.club-card-image-wrap{flex-shrink:0;height:160px;position:relative;width:100%}.club-card-img{height:100%;object-fit:cover;width:100%}.club-card-img-placeholder{align-items:center;color:#000;display:flex;font-size:32px;font-weight:900;height:100%;justify-content:center;letter-spacing:-2px;padding:0 12px;text-align:center;width:100%;word-break:keep-all}.club-card-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;font-size:12px;font-weight:700;padding:5px 11px;position:absolute;right:12px;top:12px}.badge-open{background:#ffffffeb;color:#2e7d32}.badge-closed{background:#00000061;color:#fff}.club-card-body{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:16px 18px 18px}.club-card-name{color:#111;font-size:17px;font-weight:800;letter-spacing:-.3px;margin:0}.club-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#777;display:-webkit-box;font-size:13px;line-height:1.55;margin:0;overflow:hidden}.club-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.club-card-tags{display:flex;flex-wrap:wrap;gap:6px}.club-card-tag{background:#fff3e0;border-radius:12px;color:#f4a640;font-size:11px;font-weight:700;padding:3px 10px}.club-card-members{color:#aaa;font-size:12px;white-space:nowrap}.badge-joined{background:#2563ebd9;color:#fff}.clubCreate{background:#f5f5f5;border:1px solid #222;border-radius:50px;box-sizing:border-box;display:flex;flex-direction:column;gap:22px;margin:10px auto;max-width:1000px;min-height:auto;padding:28px 70px;position:relative;width:100%}.clubCreate-row{align-items:center;display:flex;gap:16px}.clubCreate-category-wrap{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.clubCreate-row:first-child{border-bottom:1px solid #000;margin-bottom:8px;padding-bottom:14px}.clubCreate-label{font-size:22px;min-width:120px}.clubCreate-title{font-size:42px;font-weight:800}.clubCreate-input{background:#0000;border:none;font-size:20px;outline:none;padding:6px 4px;width:400px}.clubCreate-input:focus{border-bottom:2px solid #f4a640}.clubCreate-category{background-color:#f5f5f5;border:1.5px solid #ccc;border-radius:20px;color:#555;cursor:pointer;font-size:14px;font-weight:600;padding:7px 18px;transition:all .18s ease;white-space:nowrap}.clubCreate-category:hover{background-color:#ffe0b2;border-color:#f4a640;color:#e65100}.clubCreate-category.selected{background-color:#f4a640;border-color:#f4a640;box-shadow:0 2px 8px #f4a64066;color:#fff}.image-upload-button{background:#f4a640;border-radius:8px;padding:6px 12px}.clubCreate-submit{align-self:flex-end;background:#f4a640;border:none;border-radius:10px;cursor:pointer;font-size:20px;font-weight:700;padding:8px 18px}.modal-content{background:#0000;border:none;box-shadow:none;max-height:none;max-width:none;overflow-y:visible;padding:0;position:relative;width:auto}.clubCreate-close{background:#0000;border:none;color:#333;cursor:pointer;font-size:24px;line-height:1;margin:0 3px;position:absolute;right:28px;top:20px}.image-upload-button{border:1.5px solid #ccc;border-radius:20px;font-size:14px;font-weight:600;padding:7px 18px}.image-upload-button:hover{background-color:#ffe0b2;color:#e65100}.image-upload-button.uploaded{background-color:#f4a640;box-shadow:0 2px 8px #f4a64066}.cropModal-bg{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.cropModal{background:#fff;border-radius:24px;box-sizing:border-box;padding:24px;width:760px}.cropModal h2{font-size:28px;margin:0 0 18px}.crop-area{background:#222;height:300px;overflow:hidden;position:relative;width:100%}.crop-zoom{margin:20px 0;width:100%}.crop-buttons{display:flex;gap:12px;justify-content:flex-end}.crop-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;padding:10px 22px}.crop-buttons button:last-child{background:#f4a640}.image-guide{border-left:4px solid #f4a640;border-radius:8px;font-size:14px;padding:10px 14px}.club-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1400px;padding:24px}@media (max-width:1024px){.club-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.club-list{grid-template-columns:repeat(1,1fr)}}.club-list-wrapper{align-items:flex-end;flex-direction:column;margin:0 auto;max-width:1400px;padding:24px}.modal-bg{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.club-create{background-color:#f4a640;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:auto;padding:9px 22px;transition:all .18s ease;white-space:nowrap;width:auto}.club-create:hover{background-color:#ffe0b2;border-color:#f4a640;color:#e65100}.club-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.club-list-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.club-list-title{font-size:22px;font-weight:700;margin:0;white-space:nowrap}.club-category-filters{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.category-filter{background-color:#f5f5f5;border:1.5px solid #ccc;border-radius:20px;color:#555;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .18s ease;white-space:nowrap}.category-filter:hover{background-color:#ffe0b2;border:1.5px solid #e6941a66;color:#e65100}.category-filter.active{background-color:#f4a640;box-shadow:0 2px 8px #f4a64066;color:#fff}.ClubInfoBox{background-color:#f5f5f5;border-radius:30px;box-shadow:0 4px 10px #0000001a;margin:auto}.ClubInfoBox,.club-image{overflow:hidden;width:100%}.club-image{align-items:center;background-color:#eaeaeaba;display:flex;font-size:24px;font-weight:700;height:300px;justify-content:center}.club-image-img{display:block;height:100%;object-fit:cover;width:100%}.club-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;padding:24px 36px}.club-left{display:flex;flex:1 1;flex-direction:column;gap:12px}.club-title-row{align-items:center;display:flex;gap:12px}.club-name{font-size:42px;font-weight:700;margin:0}.club-recruiting{background:#f4a640}.club-closed,.club-recruiting{border-radius:6px;font-size:14px;font-weight:600;padding:4px 10px}.club-closed{background:#2b2b2b4d}.club-description{color:#333;font-size:18px;line-height:1.5;margin:0}.club-right{align-items:center;display:flex}.club-join{background-color:#f4a640;border:none;border-radius:12px;cursor:pointer;font-size:18px;font-weight:700;height:56px;white-space:nowrap;width:120px}.club-join.disabled{background-color:#2b2b2b4d;cursor:not-allowed;opacity:.6}.club-bottom{grid-gap:40px;align-items:start;border-top:1px solid #ccc;display:grid;gap:40px;grid-template-columns:repeat(4,minmax(0,1fr));padding:36px 42px}.club-item{min-width:0}.club-item p{color:#333;font-size:18px;margin:0}.club-item strong{font-size:23px;font-weight:700}.club-title{align-items:center;display:flex;gap:8px}.member-icon{height:22px;width:22px}.club-condition{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:18px}.club-condition li{font-size:15px;line-height:1.6;word-break:keep-all}.club-more-wrap{align-items:center;display:flex;position:relative}.club-more-btn{background:#0000;border:none;cursor:pointer;padding:0}.club-more-btn img{height:22px;width:22px}.club-more-menu{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px #0000001f;display:flex;flex-direction:column;min-width:130px;overflow:hidden;position:absolute;right:-8px;top:32px;z-index:100}.club-more-menu button{background:#fff;border:none;cursor:pointer;font-size:14px;padding:10px 14px;text-align:left;transition:.15s;width:100%}.club-more-menu button:hover{background:#f5f5f5}.recruitModal-bg{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.recruitModal{background:#fff;border:none;border-radius:24px;box-shadow:0 12px 32px #0000002e;box-sizing:border-box;padding:34px 32px 30px;position:relative;width:430px}.recruitModal h2{color:#111;font-size:28px;font-weight:800;margin:0 0 28px}.recruitModal-row{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.recruitModal-row label{color:#222;font-size:15px;font-weight:800}.recruitModal-row input{border:1.5px solid #ddd;border-radius:14px;box-sizing:border-box;font-family:inherit;font-size:15px;height:46px;outline:none;padding:0 14px;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.recruitModal-row input:focus{border-color:#f4a640;box-shadow:0 0 0 3px #f4a64029}.recruitModal-submit{background:#f4a640;border:none;border-radius:14px;color:#111;cursor:pointer;font-size:16px;font-weight:800;margin-top:12px;padding:14px 0;transition:transform .15s ease,box-shadow .15s ease;width:100%}.recruitModal-submit:hover{box-shadow:0 4px 12px #f4a64059;transform:translateY(-1px)}.recruitModal-close{border:none;cursor:pointer;font-size:28px;font-weight:300;line-height:1;padding:0;position:absolute;right:24px;top:22px;transition:none}.recruitModal-close,.recruitModal-close:hover{background:#0000;color:#333}.ClubApplyForm-bg{align-items:center;background:#00000026;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.ClubApplyForm{background:#fff;border:2px solid #000;border-radius:55px;box-sizing:border-box;max-width:1100px;padding:28px 38px 70px;position:relative;width:88%}.ClubApplyForm h2{border-bottom:1px solid #000;font-size:34px;font-weight:500;margin:0 0 22px;padding:0 0 10px 25px}.ClubApplyForm label{font-size:20px}.apply-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:28px}.apply-row label,.apply-row span{min-width:150px}.apply-info-row>input{margin-top:3px}.apply-info-row{gap:12px;margin-bottom:20px}.apply-info-row label{min-width:60px}.apply-info-row span{min-width:80px}.apply-row input[type=radio]{margin-right:6px}.ClubApplyForm input:not([type]),.ClubApplyForm input[type=text]{background:#0000;border:none;border-bottom:2px solid #0000;font-size:20px;outline:none;transition:.2s;width:240px}.ClubApplyForm input:not([type]):focus,.ClubApplyForm input[type=text]:focus{border-bottom:2px solid #f4a640}.ClubApplyForm textarea{background:#0000;border:1px solid #bbb;border-radius:10px;box-sizing:border-box;font-size:18px;height:100px;outline:none;padding:10px;resize:none;transition:.2s;width:100%}.ClubApplyForm textarea:focus{border:2px solid #f4a640}.ClubApplyForm button{background:#f4a640;border:none;border-radius:5px;cursor:pointer;font-size:20px;font-weight:700;padding:8px 24px}.ClubApplyForm button:not(.ClubApplyForm-close){bottom:24px;position:absolute;right:38px}.ClubApplyForm-close{background:#0000!important;font-size:22px;padding:0;position:absolute;right:22px;top:18px}.react-calendar{border:1px solid #a0a096;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.ActivitySection{background-color:#f5f5f5;border-radius:30px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:10px;margin:10px auto;overflow:hidden;padding:20px;width:100%}.ActivitySection-title{margin-top:-10px}.activity-list{display:flex;flex-wrap:wrap;gap:10px}.ActivitySection-activity{background:#fff;border:1px solid #999;border-radius:5px;font-size:15px;padding:4px 12px}.club-detail-page{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:20px;width:100%}.react-calendar{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000000d;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:100%!important}.react-calendar__tile{align-items:center;display:flex;flex-direction:column;height:90px!important;justify-content:flex-start;padding-top:8px!important;vertical-align:top}.react-calendar__tile:hover{background:#fff3e0!important;border-radius:6px}.react-calendar__month-view__days__day--weekend{color:#e65100}.react-calendar__month-view__days__day--neighboringMonth{color:#999}.react-calendar__tile--active{border-radius:6px}.react-calendar__tile--active,.react-calendar__tile--active:hover{background:#f4a640!important;color:#fff!important}.react-calendar__tile--now{background:#fff3e0!important;border-radius:6px;color:#2b2b2b!important}.react-calendar__tile--now.react-calendar__tile--active{background:#f4a640!important;color:#fff!important}.profile-container{font-family:sans-serif;margin:0 auto;max-width:640px;padding:24px 0}.profile-header-card{align-items:center;background-color:#f7ad65;border-radius:16px;display:flex;gap:24px;margin-bottom:20px;padding:28px 32px}.profile-avatar-img{border:3px solid #fff;border-radius:50%;height:76px;object-fit:cover;width:76px}.profile-avatar-placeholder{align-items:center;background-color:#fff;border-radius:50%;color:#f7ad65;display:flex;flex-shrink:0;font-size:30px;font-weight:700;height:76px;justify-content:center;width:76px}.profile-logout-btn{align-self:flex-start;background-color:#fff;border:none;border-radius:8px;color:#555;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:8px 16px}.profile-logout-btn:hover{background-color:#f0f0f0}.profile-name{color:#000;font-size:22px;font-weight:700;margin:0 0 6px}.profile-sub{color:#333;font-size:14px;margin:0}.profile-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:24px 28px}.profile-card-title-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.profile-card-title{color:#111;font-size:17px;font-weight:700;margin:0}.profile-edit-btn{background-color:#f4a640;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:5px 14px}.profile-edit-actions{display:flex;gap:8px}.profile-save-btn{background-color:#111;color:#fff}.profile-cancel-btn,.profile-save-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:5px 14px}.profile-cancel-btn{background-color:#f0f0f0;color:#555}.profile-edit-input{border:1px solid #e0e0e0;border-radius:8px;color:#111;font-size:14px;outline:none;padding:5px 10px;width:180px}.profile-edit-input:focus{border-color:#f4a640}.profile-edit-select{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#111;font-size:14px;outline:none;padding:5px 10px}.profile-edit-select:focus{border-color:#f4a640}.profile-info-list{display:flex;flex-direction:column;gap:16px}.profile-info-row{align-items:center;display:flex;justify-content:space-between}.profile-info-label{color:#888;font-size:14px;font-weight:500}.profile-info-value{color:#111;font-size:15px;font-weight:400}.profile-admin-btn{background-color:#111;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-bottom:16px;padding:14px;transition:background .18s;width:100%}.profile-admin-btn:hover{background-color:#333}.profile-loading{color:#888;font-size:16px;padding:80px 0;text-align:center}.profile-shortcut-row{display:flex;gap:12px;margin-bottom:16px}.profile-shortcut-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#333;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .15s}.profile-shortcut-btn:hover{background:#fff8f0;border-color:#f4a640;color:#f4a640}.profile-shortcut-icon{font-size:18px}.profile-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.profile-modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:70vh;max-width:480px;overflow:hidden;width:90%}.profile-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px 16px}.profile-modal-header h3{font-size:17px;font-weight:700;margin:0}.profile-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:18px;padding:0}.profile-modal-empty{color:#aaa;font-size:14px;padding:40px;text-align:center}.profile-modal-list{list-style:none;margin:0;overflow-y:auto;padding:0}.profile-modal-item{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:14px 24px;transition:background .12s}.profile-modal-item:hover{background:#fff8f0}.profile-modal-item-title{color:#111;font-size:14px;font-weight:600;margin-bottom:6px}.profile-modal-item-sub{align-items:center;color:#888;display:flex;font-size:12px;gap:10px}.profile-modal-badge{border-radius:10px;font-size:11px;font-weight:700;padding:2px 8px}.badge-lost{background:#e3f2fd;color:#1565c0}.badge-found{background:#fce4ec;color:#c62828}.profile-club-card{margin-top:16px}.profile-card-title{align-items:center;display:flex;gap:8px}.profile-club-count{background-color:#f7ad65;border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:2px 8px}.profile-club-empty{align-items:center;color:#aaa;display:flex;flex-direction:column;gap:8px;padding:32px 0}.profile-club-empty-icon{font-size:36px}.profile-club-empty p{font-size:14px;margin:0}.profile-club-list{display:flex;flex-direction:column;gap:12px}.profile-club-item{align-items:center;background-color:#fafafa;border:1px solid #f0f0f0;border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:12px 14px;transition:box-shadow .15s}.profile-club-item:hover{box-shadow:0 2px 10px #00000012}.profile-club-img-wrap{flex-shrink:0}.profile-club-img{border-radius:10px;height:48px;object-fit:cover;width:48px}.profile-club-img-placeholder{align-items:center;background-color:#f7ad65;border-radius:10px;color:#fff;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.profile-club-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.profile-club-name{color:#111;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-club-category{color:#888;font-size:12px}.profile-club-badges{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.profile-club-role,.profile-club-status{border-radius:20px;font-size:11px;font-weight:600;padding:3px 8px}.role-leader{background-color:#fff3e0;color:#f7ad65}.role-member{background-color:#f0f0f0;color:#666}.status-open{background-color:#e8f5e9;color:#43a047}.status-closed{background-color:#f5f5f5;color:#999}.notification{display:flex;flex-wrap:wrap;gap:20px;padding:10px}.notification-list-top{align-items:center;display:flex;justify-content:space-between;width:100%}.unreaded-num{flex-shrink:0;margin:0;white-space:nowrap}.delete-mode-button{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center}.notice-button-wrap{display:flex;gap:8px;justify-content:flex-end;width:100%}.notice-button1{background-color:#f4a640;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:auto;padding:9px 22px;transition:all .18s ease;white-space:nowrap;width:auto}.notice-button1:hover{background-color:#ffe0b2;border-color:#f4a640;color:#e65100}.notice-filter-TagBtns{display:flex;flex-wrap:wrap;gap:8px}.notice-filter-TagBtn{background-color:#f5f5f5;border:1.5px solid #ccc;border-radius:20px;color:#555;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;white-space:nowrap}.notice-filter-TagBtn:hover{background-color:#f4a640;border:none;box-shadow:0 2px 8px #f4a64066;color:#fff}.notice-filter-TagBtn.active{background-color:#ffe0b2;color:#e65100}.red-circle{color:red;flex-shrink:0;height:8px;width:8px}.notificationCard-top{align-items:center;display:flex;flex-direction:row;gap:7px}.notificationCard{background-color:#fff;border:1px solid #eaeaea;border-radius:16px;box-shadow:0 4px 8px #0000000d;height:160px;padding:20px;transition:transform .2s;width:350px}.notificationCard:hover{transform:translateY(-5px)}.notificationCard h3{margin:0}.notificationCard p{color:#555;font-size:15px;margin:5px 0}.shortcut-button{background-color:#f4a640;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:auto;padding:9px 22px;transition:all .18s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.shortcut-button:hover{background-color:#ffe0b2;border-color:#f4a640;color:#e65100}.detail-container,.notification-detail{display:flex;flex-direction:column;gap:15px}.notification-detail h2{margin:15px 0}.keyWord-save-btn{background-color:#f4a640;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:auto;margin:30px 0 0;padding:9px 22px;transition:all .18s ease;white-space:nowrap;width:auto}.keyWord-save-btn:hover{background-color:#ffe0b2;border-color:#f4a640;color:#e65100}.keyword-input-section{align-items:center;display:flex;flex-direction:row;gap:8px}.keyword-input{background-color:#fff;border:none;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:16px;outline:none;padding:14px 16px;transition:border-color .2s ease-in-out;width:70%}.keyword-input::placeholder{color:#a0a0a0}.keyword-input:focus{border-color:#e59b54;box-shadow:0 0 0 2px #e59b5433}.keyword-input-btn{background-color:#f4a640;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:-webkit-fit-content;height:fit-content;margin-bottom:16px;padding:9px 22px;transition:all .18s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.keyword-input-btn:hover{background-color:#ffe0b2;border-color:#f4a640;color:#e65100}.keyword-manage-top{display:flex;justify-content:space-between}.keyword-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px}.ioclose{height:20px;width:20px}.keyword{align-Items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:row;gap:5px;padding:9px 15px}.keyword:hover{box-shadow:0 2px 8px #f4a64066}.ClubApprovalCard{grid-gap:28px 32px;box-sizing:border-box;display:grid;gap:28px 32px;grid-template-columns:repeat(auto-fit,minmax(320px,320px));padding:12px 16px;width:100%}.Approval-item{background:#fff;border-radius:18px;box-shadow:0 6px 10px #0000002e;box-sizing:border-box;cursor:pointer;display:flex;gap:14px;height:170px;padding:12px 14px;transition:.2s;width:320px}.Approval-item:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-5px)}.ClubApprovalCard-left{width:180px}.ClubApprovalCard-name{font-size:25px;font-weight:800;margin:-10px 0 10px -5px}.ClubApprovalCard-image{align-items:center;background:#00008b;background-position:50%;background-size:cover;border-radius:14px;color:#fff;display:flex;font-size:20px;font-weight:700;height:110px;justify-content:center;margin:-3px 0 0 -5px;width:180px}.ClubApprovalCard-right{align-items:flex-start;display:flex;flex:1 1;padding-top:32px}.ClubApprovalCard-description{font-size:14px;line-height:1.4;margin:0;word-break:keep-all}.approvalModal-overlay{align-items:center;background:#00000014;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.approvalModal{-ms-overflow-style:none;background:#fff;border:1px solid #000;border-radius:48px;box-sizing:border-box;max-height:80vh;max-width:600px;overflow-y:auto;padding:12px 26px 24px;position:relative;scrollbar-width:none;width:88%}.approvalModal::-webkit-scrollbar{display:none}.approvalModal-close{background:#0000!important;border:none;box-shadow:none;cursor:pointer;display:block;font-size:30px;font-weight:300;left:100%;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.approvalModal h2{font-size:28px;font-weight:500;margin:0 0 8px 20px}.approvalModal-line{background:#000;height:1px;margin:0 0 20px;width:calc(100% - 20px)}.approvalModal p{font-size:16px;margin:16px 0 0 4px}.approvalModal button{background:#f4b45f;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:800;padding:3px 12px}.approvalModal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.approvalModal-expanded{max-width:700px}.approvalModal img{border-radius:8px;margin-top:10px;max-height:400px;object-fit:contain;width:100%}.cmv-page{background:#f5f5f5;font-family:Pretendard,Noto Sans KR,sans-serif;min-height:100vh;padding:20px 20px 60px}.cmv-title{color:#111;font-size:22px;font-weight:800;margin:16px 0}.cmv-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.cmv-tab{align-items:center;background:#fff;border:1.5px solid #ddd;border-radius:999px;color:#555;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 18px;position:relative;transition:all .18s}.cmv-tab:hover{border-color:#bbb;color:#222}.cmv-tab.active{background:#f5a623;border-color:#f5a623;color:#fff;font-weight:700}.cmv-tab-dot{background:#ef233c;border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}.cmv-empty{color:#aaa;font-size:14px;padding:60px 0;text-align:center}.cmv-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.cmv-card{background:#fff;border-radius:16px;box-shadow:0 1px 6px #00000012;cursor:pointer;overflow:hidden;transition:box-shadow .2s,transform .15s}.cmv-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.cmv-card:active{transform:translateY(0)}.cmv-card-img{align-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;justify-content:center;position:relative;width:100%}.cmv-card-img.applicant{background:linear-gradient(135deg,#fef3c7,#fde68a)}.cmv-card-initial{color:#00000026;font-size:36px;font-weight:800;-webkit-user-select:none;user-select:none}.cmv-card-badge{border-radius:999px;font-size:11px;font-weight:700;padding:4px 10px;position:absolute;right:10px;top:10px}.cmv-card-badge.leader{background:#4361ee;color:#fff}.cmv-card-badge.applicant{background:#f5a623;color:#fff}.cmv-card-body{padding:12px 13px 13px}.cmv-card-name{color:#111;font-size:15px;font-weight:700;margin:0 0 3px}.cmv-card-name,.cmv-card-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmv-card-sub{color:#888;font-size:12px;margin:0 0 10px}.cmv-card-footer{align-items:center;display:flex;gap:4px;justify-content:space-between}.cmv-tag{background:#f0f1f5;border-radius:999px;color:#555;font-weight:600;padding:3px 9px}.cmv-card-id,.cmv-tag{font-size:11px;white-space:nowrap}.cmv-card-id{color:#bbb;overflow:hidden;text-overflow:ellipsis}.cmv-modal-bg{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.cmv-modal{animation:modalIn .22s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000002e;margin:0 20px;max-height:90vh;max-width:380px;overflow-y:auto;padding:36px 28px 28px;position:relative;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.cmv-modal-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;position:absolute;right:16px;top:14px;transition:background .15s;width:32px}.cmv-modal-close:hover{background:#e8e8e8;color:#333}.cmv-modal-avatar{align-items:center;background:linear-gradient(135deg,#e0e7ff,#818cf8);border-radius:50%;color:#4338ca;display:flex;font-size:26px;font-weight:800;height:68px;justify-content:center;margin:0 auto 12px;position:relative;width:68px}.cmv-modal-avatar.leader{background:linear-gradient(135deg,#dbeafe,#60a5fa);color:#1d4ed8}.cmv-modal-avatar.applicant{background:linear-gradient(135deg,#fef3c7,#fbbf24);color:#92400e}.cmv-modal-leader-tag{background:#4361ee;border-radius:999px;bottom:-6px;color:#fff;font-size:10px;font-weight:700;left:50%;padding:2px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.cmv-modal-name{color:#111;font-size:19px;font-weight:800;margin:0 0 18px;text-align:center}.cmv-modal-fields{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;margin-bottom:20px}.cmv-modal-field{align-items:center;border-bottom:1px solid #f8f8f8;display:flex;gap:12px;justify-content:space-between;padding:11px 2px}.cmv-modal-field:last-child{border-bottom:none}.cmv-modal-field.column{align-items:flex-start;flex-direction:column;gap:5px}.cmv-modal-label{color:#999;flex-shrink:0;font-size:13px;font-weight:500}.cmv-modal-value{color:#111;font-size:14px;font-weight:500;text-align:right;word-break:break-all}.cmv-modal-field.column .cmv-modal-value{line-height:1.5;text-align:left}.cmv-modal-actions{display:flex;gap:10px}.cmv-action-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:13px 0;transition:filter .15s,transform .1s}.cmv-action-btn:hover{filter:brightness(.93)}.cmv-action-btn:active{transform:scale(.97)}.cmv-action-btn.expel{background:#fff0f0;border:1.5px solid #fac5cc;color:#ef233c}.cmv-action-btn.delegate{background:#4361ee;color:#fff}.ac-empty{color:#aaa;font-size:14px;padding:60px 0;text-align:center}.ac-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.ac-card{background:#fff;border-radius:16px;box-shadow:0 1px 6px #00000012;cursor:pointer;overflow:hidden;transition:box-shadow .2s,transform .15s}.ac-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.ac-card:active{transform:translateY(0)}.ac-card-body{padding:16px 14px}.ac-card-name{color:#111;font-size:17px;font-weight:800}.ac-card-name,.ac-card-sub{margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-card-sub{color:#888;font-size:12px}.ac-card-footer{align-items:center;display:flex;gap:4px;justify-content:space-between;margin-top:12px}.ac-tag{background:#f0f1f5;border-radius:999px;color:#555;font-weight:600;padding:3px 9px}.ac-card-id,.ac-tag{font-size:11px;white-space:nowrap}.ac-card-id{color:#bbb;overflow:hidden;text-overflow:ellipsis}.ac-modal-bg{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.ac-modal{animation:acModalIn .22s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000002e;margin:0 20px;max-height:90vh;max-width:380px;overflow-y:auto;padding:36px 28px 28px;position:relative;width:100%}@keyframes acModalIn{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.ac-modal-close{align-items:center;border:none;cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;padding:0;position:absolute;right:16px;top:14px;width:32px}.ac-modal-close,.ac-modal-close:hover{background:none;color:#888}.ac-modal-name{color:#111;font-size:19px;font-weight:800;margin:0 0 18px;text-align:center}.ac-modal-fields{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;margin-bottom:20px}.ac-modal-field{align-items:center;border-bottom:1px solid #f8f8f8;display:flex;gap:12px;justify-content:space-between;padding:11px 2px}.ac-modal-field:last-child{border-bottom:none}.ac-modal-field.column{align-items:flex-start;flex-direction:column;gap:5px}.ac-modal-label{color:#999;flex-shrink:0;font-size:13px;font-weight:500}.ac-modal-value{color:#111;font-size:14px;font-weight:500;text-align:right;word-break:break-all}.ac-modal-field.column .ac-modal-value{line-height:1.5;text-align:left}.ac-modal-actions{display:flex;gap:10px}.ac-action-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:13px 0;transition:filter .15s,transform .1s}.ac-action-btn:hover{filter:brightness(.93)}.ac-action-btn:active{transform:scale(.97)}.ac-action-btn.expel{background:#fff0f0;border:1.5px solid #fac5cc;color:#ef233c}.ac-action-btn.approve{background:#f5a623cc;color:#fff}.mc-empty{color:#aaa;font-size:14px;padding:60px 0;text-align:center}.mc-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,260px))}.mc-card{background:#fff;border-radius:20px;box-shadow:0 6px 18px #00000014;cursor:pointer;min-height:140px;overflow:hidden;position:relative;transition:box-shadow .2s,transform .15s}.mc-card:hover{box-shadow:0 10px 26px #00000021;transform:translateY(-2px)}.mc-card.disabled{cursor:default}.mc-card.disabled:hover{box-shadow:0 6px 18px #00000014;transform:none}.mc-card-body{padding:28px 22px 20px}.mc-card-name{color:#111;font-size:24px;font-weight:900;margin:0 0 12px;width:calc(100% - 92px)}.mc-card-name,.mc-card-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-card-sub{color:#777;font-size:15px;margin:0 0 18px}.mc-card-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:12px}.mc-tag{background:#f0f1f5;border-radius:999px;color:#555;font-weight:700;padding:6px 12px}.mc-card-id,.mc-tag{font-size:14px;white-space:nowrap}.mc-card-id{color:#bbb;font-weight:600}.mc-role-badge{border-radius:999px;font-size:15px;font-weight:800;padding:9px 15px;position:absolute;right:18px;top:20px;white-space:nowrap;z-index:2}.mc-role-badge.leader{background:#4f7df3;color:#fff}.mc-role-badge.member{background:#f5a623;color:#fff}.mc-modal-bg{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.mc-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000002e;margin:0 20px;max-height:90vh;max-width:380px;overflow-y:auto;padding:36px 28px 28px;position:relative;width:100%}.mc-modal-close{align-items:center;border:none;cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;padding:0;position:absolute;right:16px;top:14px;width:32px}.mc-modal-close,.mc-modal-close:hover{background:none;color:#888}.mc-modal-name{color:#111;font-size:19px;font-weight:800;margin:0 0 18px;text-align:center}.mc-modal-fields{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;margin-bottom:20px}.mc-modal-field{align-items:center;border-bottom:1px solid #f8f8f8;display:flex;gap:12px;justify-content:space-between;padding:11px 2px}.mc-modal-field:last-child{border-bottom:none}.mc-modal-label{color:#999;flex-shrink:0;font-size:13px;font-weight:500}.mc-modal-value{color:#111;font-size:14px;font-weight:500;text-align:right;word-break:break-all}.mc-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.mc-action-btn{background:#fff;border:2px solid #d9d9d9;border-radius:999px;color:#666;cursor:pointer;font-size:15px;font-weight:700;padding:12px 22px;transition:.2s}.mc-action-btn.expel{background:#fff;border-color:#d5d5d5;color:#666}.mc-action-btn.expel:hover{background:#f8f8f8}.mc-action-btn.delegate{background:#f5a623;border-color:#f5a623;box-shadow:0 3px 10px #f5a62340;color:#fff}.mc-action-btn.delegate:hover{background:#e8961b;border-color:#e8961b}.club-setting-page{box-sizing:border-box;margin:0 auto;max-width:900px;padding:24px 20px 60px;width:100%}.club-setting-title{color:#111;font-size:28px;font-weight:800;margin:24px 0}.club-setting-box{background:#fff;border-radius:18px;box-shadow:0 2px 12px #00000014;padding:20px 24px 24px}.club-setting-label{color:#222;display:block;font-size:15px;font-weight:800;margin:14px 0 10px}.image-guide{background:#fff8e8;border-left:5px solid #f4a640;border-radius:12px;color:#555;font-size:15px;margin-bottom:12px;padding:14px 18px}.club-setting-image-area{background:#f5f5f5;border:1px solid #eee;border-radius:16px;height:220px;max-width:520px;overflow:hidden;width:100%}.club-setting-image{background:#fff;height:100%;object-fit:contain;width:100%}.club-setting-placeholder{align-items:center;color:#aaa;display:flex;font-size:15px;font-weight:700;height:100%;justify-content:center;width:100%}.club-setting-file{display:none}.image-upload-button{align-items:center;background-color:#f5f5f5;border:2px solid #ccc;border-radius:999px;color:#555;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;margin-bottom:10px;margin-top:14px;max-width:100%;overflow:hidden;padding:8px 20px;text-overflow:ellipsis;transition:all .18s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.image-upload-button:hover{background-color:#fff2dd;border-color:#f4a640;color:#f57c00}.image-upload-button.uploaded{background:#f4a640;border-color:#f4a640;box-shadow:0 4px 12px #f4a64059;color:#fff}.club-setting-textarea{border:1.5px solid #ddd;border-radius:14px;box-sizing:border-box;font-family:inherit;font-size:15px;min-height:130px;outline:none;padding:14px;resize:vertical;width:100%}.club-setting-textarea:focus{border-color:#f4a640}.club-setting-save{background:#f4a640;border:none;border-radius:14px;color:#fff;margin-top:28px}.club-setting-delete,.club-setting-save{cursor:pointer;font-size:16px;font-weight:800;padding:14px 0;width:100%}.club-setting-delete{background:#fff;border:1.5px solid #ff4d4f;border-radius:14px;color:#ff4d4f;margin-top:12px}.club-setting-loading{color:#999;margin-top:60px;text-align:center}
/*# sourceMappingURL=main.f2a7d8a4.css.map*/