.dark-theme{background-color:var(--bg-dark);color:var(--text-light)}.recruit-filter-bar{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-card);border-radius:10px;padding:15px 20px;margin-bottom:20px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.filter-left{display:flex;align-items:center;gap:15px}.filter-right{display:flex;align-items:center;gap:20px}.btn-filter,.btn-reset{background-color:rgba(58,123,213,.1);color:var(--text-light);border:1px solid rgba(58,123,213,.2);border-radius:16px;padding:5px 12px;display:flex;align-items:center;gap:6px;font-weight:500;font-size:13px;transition:.3s cubic-bezier(.175, .885, .32, 1.275);box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;overflow:hidden;z-index:1;height:30px}.btn-filter::before,.btn-reset::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(58,123,213,.15) 0,rgba(58,123,213,.3) 100%);z-index:-1;opacity:0;transition:opacity .3s}.btn-filter:hover,.btn-reset:hover{background-color:rgba(58,123,213,.15);transform:translateY(-3px);box-shadow:0 6px 15px rgba(58,123,213,.2);border-color:var(--primary-color);color:var(--primary-color)}.btn-filter:hover::before,.btn-reset:hover::before{opacity:1}.btn-filter:active,.btn-reset:active{transform:translateY(-1px);box-shadow:0 3px 8px rgba(58,123,213,.15)}.btn-filter i,.btn-reset i{font-size:14px;color:var(--primary-color);transition:.3s}.btn-filter:hover i,.btn-reset:hover i{color:var(--primary-light);transform:scale(1.1)}.btn-filter{background-color:rgba(58,123,213,.15)}.btn-filter:hover{background-color:rgba(58,123,213,.25)}.btn-reset i{transition:.3s}.btn-reset:hover i{transform:rotate(180deg) scale(1.1)}.active-filters{color:var(--text-muted);font-size:14px}.custom-checkbox{display:flex;align-items:center;gap:6px;color:var(--text-muted);margin:0;cursor:pointer}.team-count{display:flex;align-items:center;gap:6px;color:var(--text-muted);background-color:rgba(58,123,213,.08);border-radius:16px;padding:4px 12px;font-size:13px;transition:.3s;position:relative;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);border:1px solid rgba(58,123,213,.1);height:30px}.team-count:hover{background-color:rgba(58,123,213,.12);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.team-count::before{content:"\F4C3";font-family:bootstrap-icons;font-size:14px;color:var(--primary-color);margin-right:2px}.count-number{color:var(--primary-color);font-weight:600;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.15);position:relative;display:inline-block}.count-number::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--primary-gradient);border-radius:2px}.recruit-creator-info{display:flex;align-items:center;gap:10px;margin-bottom:15px}.recruit-creator-name{font-size:20px;font-weight:600;color:var(--text-light);white-space:nowrap;overflow:hidden;margin-left:5px}.team-mode .team-count{background:0 0;border:none;box-shadow:none;padding:0;color:#fff}.team-mode .team-count:hover{transform:none;box-shadow:none}.team-mode .team-count::before{display:none}.btn-refresh{background:rgba(58,123,213,.1);border:none;color:var(--primary-color);padding:4px;cursor:pointer;transition:.3s;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-left:4px;position:relative;overflow:hidden;z-index:1}.btn-refresh i{font-size:14px;position:relative;z-index:2}.btn-refresh:hover{color:var(--primary-light);background-color:rgba(58,123,213,.2);transform:rotate(180deg) scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.2)}.btn-refresh:active{transform:rotate(180deg) scale(.95)}.btn-refresh::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 70%);opacity:0;transition:opacity .3s}.btn-refresh:hover::after{opacity:1}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-refresh.loading{pointer-events:none;animation:1s linear infinite spin;color:var(--primary-light)}.filter-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1100;background-color:var(--bg-card);border-radius:var(--border-radius-lg);padding:20px;box-shadow:var(--shadow-lg);display:none;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;border:1px solid var(--border-color)}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.filter-panel-header h2{font-size:20px;color:var(--text-light);font-weight:600;margin:0}.panel-close-btn{background:0 0;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;transition:color .2s}.panel-close-btn:hover{color:var(--text-white)}.filter-section{margin-bottom:25px}.filter-section h3{font-size:16px;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center}.filter-section h3::before{content:'';display:inline-block;width:4px;height:14px;background-color:var(--primary-color);margin-right:8px;border-radius:2px}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option{background-color:var(--bg-dark);color:var(--text-muted);border:1px solid var(--border-color);border-radius:16px;padding:6px 14px;font-size:13px;transition:.2s;position:relative;overflow:hidden}.filter-option:hover{background-color:var(--bg-hover);color:var(--text-white);border-color:var(--primary-color)}.filter-option.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);padding-right:22px}.filter-option.active::after{content:"✓";position:absolute;right:8px;font-weight:700;font-size:11px}.filter-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color);transition:.3s}.btn-apply{background:var(--primary-gradient);color:var(--text-white);border:none;border-radius:var(--border-radius-md);padding:8px 20px;font-weight:500;transition:.3s;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;z-index:1;display:flex;align-items:center;gap:6px;font-size:14px}.btn-apply::before{content:'';position:absolute;top:0;left:-10px;width:0;height:100%;background:rgba(255,255,255,.1);transform:skewX(-25deg);z-index:-1;transition:.4s}.btn-apply:hover{background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:0 6px 12px var(--primary-shadow)}.btn-apply:hover::before{width:120%}.btn-apply:active{transform:translateY(0);box-shadow:0 3px 8px var(--primary-shadow)}.btn-apply i{font-size:16px;opacity:.9;transition:.3s}.btn-apply:hover i{transform:translateX(2px)}.btn-cancel{background-color:rgba(255,255,255,.05);color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:8px 20px;transition:.3s;position:relative;overflow:hidden;z-index:1;font-weight:500;display:flex;align-items:center;gap:6px;font-size:14px}.btn-cancel::before{content:'';position:absolute;top:0;left:-10px;width:0;height:100%;background:rgba(255,255,255,.05);transform:skewX(-25deg);z-index:-1;transition:.4s}.btn-cancel:hover{background-color:var(--bg-hover);color:var(--text-light);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.btn-cancel:hover::before{width:120%}.btn-cancel:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-cancel i{font-size:16px;opacity:.7;transition:.3s}.btn-cancel:hover i{opacity:1;transform:translateX(-2px)}.filter-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1090;display:none}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.recruit-item{position:relative;height:100%;background:var(--bg-card);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:.3s;display:flex;flex-direction:column;cursor:pointer;padding:10px}.recruit-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.recruit-header{background:var(--bg-card);padding-top:15px;padding-left:15px;padding-right:15px}.recruit-creator{display:flex;align-items:center;justify-content:flex-start;position:relative;padding-bottom:8px}.recruit-creator .creator-avatar{position:relative;margin-right:5px;flex-shrink:0}.recruit-creator .creator-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:1px solid rgba(58,123,213,.6)}.recruit-creator .creator-avatar .rank-indicator{position:absolute;bottom:-2px;right:-2px;background:linear-gradient(135deg,#007aff,#00c6ff);color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;border:1px solid #1a1a1a}.creator-details{display:flex;flex-direction:row!important;align-items:center;justify-content:space-between}.creator-gender i{font-size:16px}.creator-rank{position:relative;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:36px;font-weight:700;font-style:italic;letter-spacing:0;color:#0ff796;transform:rotate(45deg);border:none;background-color:rgba(0,0,0,.4);margin-right:4px}.creator-rank span{display:inline-block;transform:rotate(-45deg);white-space:nowrap;position:relative;z-index:2;text-shadow:0 0 2px rgba(0,0,0,.9)}.creator-rank::after{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;transform:rotate(0);z-index:1;pointer-events:none;border:1px solid rgba(185,242,255,.8);box-shadow:0 0 5px rgba(185,242,255,.5),inset 0 0 3px rgba(185,242,255,.3)}.creator-verified{color:var(--success);filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .3));display:flex;align-items:center;height:100%;line-height:1}.creator-verified i{font-size:12px}.recruit-bubble-container{position:relative;margin:5px 10px 20px;padding-top:0;padding-left:28px}.recruit-description{padding:12px 15px;color:#a8b6d0;display:flex;align-items:flex-start;min-height:80px;width:90%;margin-left:10px;background-color:#202336;flex:1;position:relative;border-radius:12px;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.05)}.recruit-description::before{content:'';position:absolute;left:-6px;top:8px;width:12px;height:12px;background-color:#202336;transform:rotate(45deg);border-left:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:2px 2px 3px rgba(0,0,0,.1)}.recruit-bubble-container i{position:absolute;color:#5e9dff;filter:drop-shadow(0 2px 3px rgba(0, 0, 0, .3));z-index:2;transform:rotate(25deg);top:-20px;left:0;font-size:24px}.recruit-description span{font-size:14px;line-height:1.4;flex:1;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.recruit-footer{display:flex;justify-content:space-between;align-items:center;margin:5px 10px;gap:20px}.recruit-game{display:flex;align-items:center;justify-content:center;background-color:rgba(14,16,26,.6);border-radius:20px;border:1px solid rgba(94,157,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.15);padding:6px 12px;height:36px}.game-mode{font-weight:700;position:relative;display:flex;align-items:center;margin-right:6px}.member-count{color:#fff;padding:1px 6px;font-size:20px;font-weight:600;transition:.2s;background-color:rgba(0,0,0,.2);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-left:5px}.member-count.highlight{background-color:rgba(94,157,255,.25);color:#5e9dff;border:1px solid rgba(94,157,255,.3);box-shadow:0 0 8px rgba(94,157,255,.2)}.recruit-rank{color:#00ffe4;font-size:14px;font-weight:700;background-color:rgba(14,16,26,.6);border-radius:20px;border:1px solid rgba(94,157,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.15);padding:6px 12px;height:36px;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.recruit-filter-bar{flex-direction:column;gap:15px;align-items:flex-start}.filter-right{width:100%;flex-wrap:wrap}.team-grid{grid-template-columns:1fr}}.team-detail-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1050;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.team-detail-modal.show{opacity:1;visibility:visible}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.detail-modal-content{position:relative;width:100%;max-width:800px;background-color:var(--bg-card);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-lg);z-index:1051}.modal-close-btn{position:absolute;top:15px;right:15px;background:0 0;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;transition:color .2s}.modal-close-btn:hover{color:var(--text-white)}.leader-info-content{display:flex;align-items:center;justify-content:flex-start;gap:5px;width:100%;max-width:100%;overflow:hidden;padding:10px}.leader-name{font-size:20px;font-weight:700;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-flex;align-items:center;gap:5px}.leader-tag{color:#f8c;font-weight:400;margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.modal-rank{margin-right:10px;flex-shrink:0}.recruitment-container{padding:15px;margin-bottom:25px}.recruitment-info{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:15px;position:relative;z-index:1}.info-group{display:flex;flex-direction:row;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background-color:rgba(58,123,213,.05);transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.1);height:50px}.info-icon{font-size:18px;color:var(--primary-color);margin-right:10px;flex-shrink:0;transition:transform .2s}.info-group:hover{background-color:rgba(58,123,213,.1);box-shadow:0 3px 6px rgba(0,0,0,.15)}.info-group:hover .info-icon{transform:scale(1.2)}.info-label{font-size:13px;color:var(--text-muted);white-space:nowrap;margin-right:5px;flex-shrink:0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;color:var(--text-light);white-space:nowrap;min-width:0;display:flex;font-weight:600}.highlight-value{color:var(--primary-color);font-weight:700;text-shadow:0 0 5px rgba(58,123,213,.2)}.info-tag{display:inline-block;background-color:var(--bg-dark);color:var(--text-light);padding:3px 10px;border-radius:20px;font-size:13px;white-space:nowrap;flex-shrink:0;border:1px solid var(--border-color);box-shadow:0 1px 2px rgba(0,0,0,.1)}.member-container{position:relative;background-color:var(--bg-dark);border-radius:var(--border-radius-md);padding:15px;transition:.3s;border:1px solid var(--border-color);box-shadow:0 3px 8px rgba(0,0,0,.1);cursor:pointer}.member-container:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(58,123,213,.2);border-color:var(--primary-color);background-color:rgba(58,123,213,.05)}.member-container:active{transform:translateY(-2px);box-shadow:0 4px 10px rgba(58,123,213,.15)}.member-container.leader{background:linear-gradient(135deg,rgba(243,156,18,.1) 0,var(--bg-dark) 80%);border:1px solid var(--warning);box-shadow:0 4px 12px rgba(243,156,18,.1)}.member-container.empty-container{background-color:var(--bg-dark);opacity:.6;border:1px dashed var(--border-color);display:flex;justify-content:center;align-items:center;min-height:170px;cursor:default}.member-container.empty-container:hover{transform:none;box-shadow:0 3px 8px rgba(0,0,0,.1);border-color:var(--border-color);background-color:var(--bg-dark)}.leader-indicator{position:absolute;top:-10px;left:10px;background-color:var(--warning);color:var(--text-white);font-size:12px;padding:2px 10px;border-radius:10px;font-weight:600;z-index:2;box-shadow:0 2px 5px rgba(0,0,0,.2)}.team-members-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.member-slot{display:flex;flex-direction:column}.member-slot.filled .member-avatar{position:relative;width:70px;height:70px;border-radius:50%;overflow:hidden;background-color:var(--bg-dark);border:2px solid var(--border-color);margin-bottom:10px}.member-slot.leader .member-avatar{border-color:var(--warning)}.team-detail-badge{position:absolute;top:-5px;left:50%;transform:translateX(-50%);background-color:var(--warning);color:var(--bg-dark);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-info{display:flex;flex-direction:column;gap:5px;width:100%}.member-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.member-name-container{display:flex;align-items:center;gap:5px;max-width:70%}.member-name{font-size:16px;font-weight:600;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-game-nick{font-size:12px;color:#f8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-verified{color:var(--success);font-size:14px}.member-gender{font-size:18px;margin-left:5px}.member-gender.female{color:#ff6b9a}.member-gender.male{color:#3498db}.detail-label{font-size:14px;color:var(--text-muted)}.detail-value{font-size:14px;color:var(--text-light);font-weight:500}.member-rating{display:flex;align-items:center;gap:3px;margin-top:8px}.rating-stars{color:var(--warning);font-size:14px}.rating-value{font-size:14px;font-weight:600;color:var(--warning)}.member-social{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.social-item{display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:12px}.social-item i{font-size:14px}.like-count{color:var(--success)}.dislike-count{color:var(--danger)}.member-slot.empty .empty-avatar{width:70px;height:70px;border-radius:50%;border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--border-color);font-size:24px;margin:auto}.join-action{display:flex;justify-content:center}.join-team-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--text-white);border:none;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:500;transition:.3s;box-shadow:0 4px 15px rgba(58,123,213,.3);position:relative;overflow:hidden;z-index:1;height:30px;display:flex;align-items:center;justify-content:center}.join-team-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(58,123,213,.4)}.join-team-btn::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-light),var(--primary-color));z-index:-1;transition:opacity .3s;opacity:0}.join-team-btn:hover::after{opacity:1}@keyframes pulse-button{0%{box-shadow:0 0 0 0 rgba(58,123,213,.7)}70%{box-shadow:0 0 0 10px rgba(58,123,213,0)}100%{box-shadow:0 0 0 0 rgba(58,123,213,0)}}.join-team-btn.pulse{animation:1.5s infinite pulse-button}@media (max-width:992px){.team-members-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.recruitment-info{grid-template-columns:1fr}.team-members-grid{grid-template-columns:1fr;gap:15px}.detail-modal-content{max-width:95%;padding:20px 15px}.member-container{padding:12px}.member-header{flex-wrap:wrap}.member-name-container{max-width:100%}}.rank-requirement{margin-top:6px}.rank-range i{margin-right:8px;font-size:.7rem;color:#ffd54f;flex-shrink:0}.rank-select{position:relative;width:100%;display:flex;align-items:center;margin-bottom:5px}.rank-select label{font-size:13px;color:var(--text-muted);margin-right:10px;flex-shrink:0;min-width:35px}.rank-divider{font-size:14px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.recruit-modal .modal-game-account-select{display:flex;align-items:center;gap:15px;background-color:var(--bg-dark);border-radius:var(--border-radius-md);padding:12px 15px;border:1px solid var(--border-color);margin-top:5px;position:relative;transition:.3s}.recruit-modal .modal-game-account-select:hover{border-color:var(--primary-color);background-color:var(--bg-hover)}.recruit-modal .modal-game-account-select .rank-badge.empty{background:0 0;border:1px dashed var(--border-color);box-shadow:none;color:var(--text-muted);display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;min-width:100%}.recruit-modal .modal-game-account-select .rank-badge.empty i{color:var(--primary-color);font-size:16px}.recruit-modal .modal-game-account-select .account-info{min-width:0;display:flex;align-items:center;justify-content:space-between}.recruit-modal .modal-game-account-select .game-nickname{font-size:15px;font-weight:600;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:10px}.recruit-modal .modal-game-account-select .game-details{display:flex;align-items:center;white-space:nowrap;gap:10px}.recruit-number{height:45px;display:flex;align-items:center;padding:0;overflow:hidden}.number-control{display:flex;align-items:center;height:100%}.number-btn{width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--text-muted);font-size:18px;font-weight:700;cursor:pointer;transition:.2s}.number-btn:hover{background-color:var(--bg-active);color:var(--text-white)}.number-display{min-width:40px;text-align:center;font-size:15px;font-weight:600;color:var(--text-light)}.recruit-number .text-muted{margin-right:12px;font-size:13px}.expiration-time-select{height:45px;display:flex;align-items:center;background-color:var(--bg-dark);border-radius:var(--border-radius-md);border:1px solid var(--border-color);padding:0;overflow:hidden}.expiration-time-select .btn-group{height:100%;width:100%;display:flex}.expiration-time-select .btn{flex:1;height:100%;padding:0 5px;font-size:13px;background-color:transparent;border:none;border-radius:0;color:var(--text-muted);white-space:nowrap;transition:.2s}.expiration-time-select .btn:hover{background-color:var(--bg-active);color:var(--text-white)}.expiration-time-select .btn-check:checked+.btn{background-color:var(--bg-active);color:var(--primary-color);box-shadow:none}.expiration-time-select .btn-outline-secondary{border-right:1px solid var(--border-color)}.expiration-time-select .btn-outline-secondary:last-child{border-right:none}.form-row{display:flex;gap:15px}.form-col{flex:1;min-width:0}.form-group{position:relative;margin-bottom:20px}.recruit-modal .modal-dialog{max-width:600px;width:95%}@media (max-width:576px){.form-row{flex-direction:column;gap:5px}.form-col{width:100%}.recruit-modal .modal-dialog{max-width:95%;margin:10px auto}}.recruit-modal .modal-content{background-color:var(--bg-card);color:var(--text-white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow-y:auto}.recruit-modal .modal-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--bg-active),var(--bg-hover));padding:15px 20px}.recruit-modal .modal-title{color:var(--primary-color);font-size:18px;font-weight:600;display:flex;align-items:center}.recruit-modal .modal-title::before{content:'';display:inline-block;width:4px;height:18px;background:linear-gradient(to bottom,var(--primary-color),var(--primary-light));margin-right:10px;border-radius:2px}.recruit-modal .modal-body{padding:15px 20px}.recruit-modal .form-label{color:var(--text-light);font-size:14px;font-weight:500;margin-bottom:8px;display:flex;align-items:center}.recruit-modal .form-label i{color:var(--primary-color);margin-right:8px;font-size:15px}.recruit-modal .form-select{background-color:var(--bg-dark);color:var(--text-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:10px 12px;font-size:14px;transition:.2s;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233498db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;box-shadow:var(--shadow-sm)}.recruit-modal .form-select:focus{border-color:var(--primary-color);box-shadow:var(--shadow-md);outline:0;animation:1.5s infinite pulse-border}.recruit-modal .form-select:hover{border-color:var(--primary-color);background-color:var(--bg-hover)}.recruit-modal .form-select option{background-color:var(--bg-dark);color:var(--text-light);padding:10px}.recruit-modal .form-select option:active,.recruit-modal .form-select option:focus,.recruit-modal .form-select option:hover{background-color:var(--bg-active);color:var(--text-white)}.recruit-modal .modal-footer{border-top:1px solid var(--border-color);padding:15px 20px;background:linear-gradient(135deg,var(--bg-hover),var(--bg-active))}.recruit-modal .btn-cancel{background-color:var(--bg-active);color:var(--text-light);border:1px solid var(--border-color);padding:8px 20px;border-radius:var(--border-radius-md);transition:.3s}.recruit-modal .btn-cancel:hover{background-color:var(--bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.recruit-modal .btn-publish{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--text-white);border:none;border-radius:var(--border-radius-md);padding:8px 20px;font-weight:500;transition:.3s;box-shadow:var(--shadow-sm)}.recruit-modal .btn-publish:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));transform:translateY(-2px);box-shadow:0 6px 12px var(--primary-shadow)}.recruit-modal .recruit-number{height:45px;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:0 12px}.recruit-modal .number-control{display:flex;align-items:center;height:100%}.recruit-modal .number-btn{width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--text-light);font-size:18px;font-weight:700;cursor:pointer;transition:.2s}.recruit-modal .number-btn:hover{background-color:var(--bg-active);color:var(--text-white)}.recruit-modal .expiration-time-select{height:45px;display:flex;align-items:center;background-color:var(--bg-dark);border-radius:var(--border-radius-md);border:1px solid var(--border-color);padding:0;overflow:hidden}.recruit-modal .expiration-time-select .btn-group{height:100%;width:100%;display:flex}.recruit-modal .expiration-time-select .btn{flex:1;height:100%;padding:0 5px;font-size:13px;background-color:transparent;border:none;border-radius:0;color:var(--text-light);white-space:nowrap;transition:.2s}.recruit-modal .expiration-time-select .btn:hover{background-color:var(--bg-active);color:var(--text-white)}.recruit-modal .expiration-time-select .btn-check:checked+.btn{background-color:var(--bg-active);color:var(--primary-color);box-shadow:none}.recruit-modal .expiration-time-select .btn-outline-secondary{border-right:1px solid var(--border-color)}.recruit-modal .expiration-time-select .btn-outline-secondary:last-child{border-right:none}.recruit-modal .text-muted{color:var(--text-muted)!important}.recruit-modal .char-counter{position:absolute;bottom:10px;right:10px;font-size:12px;color:rgba(138,141,147,.7);pointer-events:none;background:0 0;z-index:5}.recruit-modal .recruit-textarea{position:relative;padding-bottom:25px;background-color:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-light);border-radius:var(--border-radius-md);resize:none;transition:.3s;scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.recruit-modal .recruit-textarea::-webkit-scrollbar{display:none}.recruit-modal .recruit-textarea:focus{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.recruit-modal .rank-requirement{margin-top:6px;background-color:var(--bg-dark);border-radius:var(--border-radius-md);padding:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.recruit-modal .rank-range{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.recruit-modal .rank-select{position:relative;width:100%;display:flex;align-items:center;margin-bottom:5px}.recruit-modal .rank-select label{font-size:13px;color:var(--text-muted);margin-right:10px;flex-shrink:0;min-width:35px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}.recruit-modal .rank-select .form-select{min-width:80px;flex-grow:1;background-color:var(--bg-dark);border-color:var(--border-color)}.recruit-modal .rank-divider{font-size:14px;color:var(--border-color);flex-shrink:0;display:flex;align-items:center;justify-content:center}.recruit-modal .rank-select .form-select{flex-grow:1;width:auto}.recruit-modal .rank-select .form-select:focus{background-color:var(--bg-hover)}.recruit-modal .rank-select .form-select option[value="1"]{color:#cd7f32}.recruit-modal .rank-select .form-select option[value="2"]{color:silver}.recruit-modal .rank-select .form-select option[value="3"]{color:gold}.recruit-modal .rank-select .form-select option[value="4"]{color:#3cb6b3}.recruit-modal .rank-select .form-select option[value="5"]{color:#b9f2ff}.recruit-modal .rank-select .form-select option[value="6"]{color:orchid}.recruit-modal .rank-select .form-select option[value="7"]{color:#ff4500}.recruit-modal .rank-select .form-select option[value="0"]{color:var(--primary-color)}.recruit-modal .form-col .form-select{padding-left:40px;background-position:right 12px center,12px center;background-size:16px,18px;background-repeat:no-repeat,no-repeat}.recruit-modal select[name=gameMode]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233498db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234a4a7c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6'/%3E%3Cpath d='M9 9h1.5a2.5 2.5 0 0 0 0-5H9'/%3E%3Cpath d='M12 12a6 6 0 0 0 8.2-8.7A6 6 0 0 0 12 12Z'/%3E%3Ccircle cx='19' cy='5' r='1'/%3E%3Ccircle cx='5' cy='14' r='1'/%3E%3Cpath d='M12 12a6 6 0 0 1-8.2 8.7A6 6 0 0 1 12 12Z'/%3E%3Cpath d='M16.5 20a2.5 2.5 0 0 1 0-5H18'/%3E%3Cpath d='M20 20h-1.5a2.5 2.5 0 0 1 0-5H20'/%3E%3C/svg%3E")}.recruit-modal select[name=gameMode]:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234370de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234370de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6'/%3E%3Cpath d='M9 9h1.5a2.5 2.5 0 0 0 0-5H9'/%3E%3Cpath d='M12 12a6 6 0 0 0 8.2-8.7A6 6 0 0 0 12 12Z'/%3E%3Ccircle cx='19' cy='5' r='1'/%3E%3Ccircle cx='5' cy='14' r='1'/%3E%3Cpath d='M12 12a6 6 0 0 1-8.2 8.7A6 6 0 0 1 12 12Z'/%3E%3Cpath d='M16.5 20a2.5 2.5 0 0 1 0-5H18'/%3E%3Cpath d='M20 20h-1.5a2.5 2.5 0 0 1 0-5H20'/%3E%3C/svg%3E")}.recruit-modal select[name=map]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233498db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234a4a7c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21'/%3E%3Cline x1='9' y1='3' x2='9' y2='18'/%3E%3Cline x1='15' y1='6' x2='15' y2='21'/%3E%3C/svg%3E")}.recruit-modal select[name=map]:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234370de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234370de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21'/%3E%3Cline x1='9' y1='3' x2='9' y2='18'/%3E%3Cline x1='15' y1='6' x2='15' y2='21'/%3E%3C/svg%3E")}.recruit-modal .form-row{display:flex;gap:15px}.recruit-modal .form-col{flex:1;min-width:0}.recruit-modal .form-select option:hover{background-color:var(--bg-active)}@keyframes pulse-border{0%{box-shadow:0 0 0 0 var(--primary-shadow)}70%{box-shadow:0 0 0 4px var(--bg-active)}100%{box-shadow:0 0 0 0 var(--bg-active)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;margin:20px;background-color:var(--bg-dark);border-radius:var(--border-radius-md);border:1px dashed var(--border-color);text-align:center;color:var(--text-muted)}.empty-state::before{content:"\F4FE";font-family:bootstrap-icons;font-size:50px;color:var(--primary-color);margin-bottom:20px}.btn-load-more.loading{position:relative;padding-left:30px;color:var(--primary-color)}.btn-load-more.loading::before{content:"";position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--primary-color);border-top-color:transparent;border-radius:50%;animation:.8s linear infinite spinner}@keyframes spinner{to{transform:translateY(-50%) rotate(360deg)}}.teams-container{position:relative;min-height:200px}.teams-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;margin:30px 0;background-color:var(--bg-dark);border-radius:var(--border-radius-md);border:1px dashed var(--border-color);text-align:center}.teams-empty-state .empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:40px;background-color:var(--bg-dark);border-radius:50%;margin-bottom:15px;color:var(--primary-color);box-shadow:var(--shadow-sm)}.teams-empty-state .empty-text{font-size:18px;font-weight:600;color:var(--text-light);margin-bottom:10px}.teams-empty-state .empty-subtext{font-size:14px;color:var(--text-muted);max-width:300px;line-height:1.5}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px 0}.modal-loading .spinner{display:flex;justify-content:center;margin-bottom:15px}.modal-loading .spinner>div{width:12px;height:12px;margin:0 6px;background-color:var(--primary-color);border-radius:100%;display:inline-block;animation:1.4s ease-in-out infinite both bounce}.modal-loading .spinner .bounce1{animation-delay:-.32s}.modal-loading .spinner .bounce2{animation-delay:-.16s}@keyframes bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.modal-loading .loading-text{color:var(--text-muted);font-size:14px}.modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px 0}.modal-error i{font-size:40px;color:var(--warning);margin-bottom:15px}.modal-error .error-text{color:var(--text-light);font-size:16px;margin-bottom:20px}.modal-error .btn-retry{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius-md);padding:8px 20px;font-size:14px;transition:.3s}.modal-error .btn-retry:hover{background-color:var(--bg-active);transform:translateY(-2px)}.team-description{position:relative;background-color:rgba(58,123,213,.1);border-radius:0 12px 12px;padding:10px 20px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.description-content{font-size:15px;color:var(--text-light);line-height:1.5;position:relative}.full-notice,.join-notice,.joined-notice,.my-team-notice,.rank-notice{color:var(--text-muted);text-align:center;margin-bottom:10px;font-size:14px}.login-btn,.view-team-btn{display:inline-block;background-color:var(--primary-color);color:var(--text-white);text-decoration:none;border-radius:var(--border-radius-md);padding:8px 20px;font-size:14px;transition:.3s;border:none;cursor:pointer;text-align:center}.login-btn:hover,.view-team-btn:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.rank-badge{display:flex;align-items:center;gap:4px;padding:2px 6px;background-color:#333;border-radius:3px;font-size:.75rem;color:#fc0}.rank-badge-text{display:flex;align-items:center;gap:2px;color:#fc0}.rank-badge-tier{color:#fc0;font-weight:500}.verified-badge{font-size:12px;color:#2ecc71;display:inline-flex;align-items:center;gap:4px;background-color:rgba(46,204,113,.1);border-radius:4px;padding:2px 6px;margin-left:8px}.verified-badge i{font-size:10px}.verified-badge.modal-badge{margin-left:0;background-color:rgba(46,204,113,.15);padding:2px 6px;border-radius:3px}.verified-badge-main{font-size:11px;color:#2ecc71;display:inline-flex;align-items:center;gap:2px;background-color:rgba(46,204,113,.1);border:1px solid rgba(46,204,113,.2);border-radius:4px;padding:2px 4px;flex-shrink:0;order:3;margin-left:0;margin-right:0}.verified-badge-main i{font-size:10px}.recruit-separator{color:#a8b6d0;text-align:center;padding:5px 0;font-size:14px;font-weight:500;position:relative;margin:0 -10px 10px}.recruit-separator::after,.recruit-separator::before{content:'';position:absolute;top:50%;width:80px;height:1px;background-color:rgba(168,182,208,.4)}.recruit-separator::before{left:25%;transform:translateX(-50%)}.recruit-separator::after{right:25%;transform:translateX(50%)}.recruit-title{font-size:20px;font-weight:700;color:var(--text-light);white-space:nowrap;flex-shrink:0}.description-icon{color:rgba(58,123,213,.4);font-size:20px;margin-right:8px;vertical-align:-2px}.member-rank{display:flex;align-items:center;gap:4px;padding:2px 6px;background-color:#333;border-radius:3px;font-size:.75rem;color:#fc0}.member-rank-text{display:flex;align-items:center;gap:2px;color:#fc0}.member-rank-tier{color:#fc0;font-weight:500}.member-container-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0 12px;margin-bottom:12px;position:relative;gap:15px;border-bottom:1px solid rgba(255,255,255,.08)}.member-container-header .member-avatar{flex-shrink:0}.member-container-header .member-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-items:center;margin-left:auto;background-color:rgba(0,0,0,.15);border-radius:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.05)}.member-container-header:hover .member-details{background-color:rgba(58,123,213,.1);border-color:rgba(58,123,213,.2);box-shadow:0 2px 8px rgba(0,0,0,.15)}.btn-create-team{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--text-white);border:none;border-radius:16px;padding:6px 14px;font-weight:500;font-size:13px;transition:.3s cubic-bezier(0, 1.2, .5, 1.1);box-shadow:0 4px 12px rgba(58,123,213,.3);display:flex;align-items:center;gap:6px;position:relative;overflow:hidden;z-index:1;height:32px}.btn-create-team::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);transition:.6s;z-index:-1}.btn-create-team:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));transform:translateY(-4px);box-shadow:0 8px 20px rgba(58,123,213,.5)}.btn-create-team:hover::before{left:100%}.btn-create-team:active{transform:translateY(-2px);box-shadow:0 6px 15px rgba(58,123,213,.4)}.btn-create-team i{font-size:16px;transition:.3s}.btn-create-team:hover i{transform:rotate(90deg)}.pagination-container{display:flex;justify-content:center;margin:20px 0}.pagination{display:flex;align-items:center;background-color:var(--bg-card);border-radius:16px;padding:8px 15px;box-shadow:var(--shadow-md);border:1px solid rgba(58,123,213,.1)}.btn-page{width:36px;height:36px;border-radius:50%;background-color:rgba(58,123,213,.1);border:1px solid rgba(58,123,213,.15);display:flex;align-items:center;justify-content:center;color:var(--text-light);margin:0 5px;cursor:pointer;transition:.3s cubic-bezier(.175, .885, .32, 1.275);position:relative;overflow:hidden;z-index:1}.btn-page::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(58,123,213,.15) 0,rgba(58,123,213,.3) 100%);z-index:-1;opacity:0;transition:opacity .3s}.btn-page:hover:not(:disabled){background-color:rgba(58,123,213,.2);transform:translateY(-3px);box-shadow:0 6px 15px rgba(58,123,213,.2);border-color:var(--primary-color);color:var(--primary-color)}.btn-page:hover:not(:disabled)::before{opacity:1}.btn-page:active:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px rgba(58,123,213,.15)}.btn-page:disabled{opacity:.5;cursor:not-allowed;background-color:rgba(58,123,213,.05);border-color:rgba(58,123,213,.1)}.btn-page i{font-size:16px;color:var(--primary-color);transition:.3s}.btn-page:hover:not(:disabled) i{color:var(--primary-light);transform:scale(1.1)}.page-indicators{display:flex;align-items:center;margin:0 10px;font-size:16px;color:var(--text-muted);background-color:rgba(58,123,213,.08);border-radius:10px;padding:4px 12px;border:1px solid rgba(58,123,213,.1)}.current-page{color:var(--primary-color);font-weight:600;margin:0 3px;position:relative}.current-page::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--primary-gradient);border-radius:2px}.page-separator{margin:0 5px;color:rgba(255,255,255,.3)}.total-pages{margin:0 3px;opacity:.8}.loading-teams{grid-column:1/-1;display:flex;justify-content:center;align-items:center;padding:30px;color:var(--text-muted);font-size:16px;background-color:rgba(58,123,213,.05);border-radius:10px;margin:20px 0}.load-error{grid-column:1/-1;display:flex;justify-content:center;align-items:center;padding:30px;color:#f87171;font-size:16px;background-color:rgba(248,113,113,.1);border-radius:10px;margin:20px 0}@media (max-width:768px){.pagination{padding:6px 10px;border-radius:12px}.btn-page{width:32px;height:32px}.page-indicators{font-size:14px;padding:3px 10px}}@media screen and (max-width:992px){.filter-panel{width:80%}.filter-actions{margin-top:15px;padding-top:12px;gap:8px}.btn-apply,.btn-cancel{padding:7px 16px;font-size:13px}}.view-toggle-container{margin:10px 20px;display:flex;justify-content:center}.view-toggle{background:#1e2736;border-radius:30px;padding:5px;display:inline-flex;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.2)}.view-toggle input{display:none}.view-toggle label{padding:8px 18px;border-radius:25px;color:#7a8ca0;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s;position:relative;z-index:1}.view-toggle input:checked+label{color:#fff}.view-toggle input#recruitView:checked+label,.view-toggle input#reservationView:checked+label{background:#2196f3}.reservation-toggle{margin-bottom:15px;display:flex;flex-direction:column;gap:8px}.toggle-label{font-size:.9rem;color:#a9c1de}.toggle-group{display:flex;background:#1e2736;border-radius:4px;padding:3px}.toggle-group input{display:none}.toggle-group label{flex:1;text-align:center;padding:8px 12px;color:#7a8ca0;cursor:pointer;border-radius:3px;transition:.2s}.toggle-group input:checked+label{background:#2d3848;color:#fff}.datetime-picker{display:flex;flex-direction:column;width:100%}.datetime-picker input{width:100%;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;color:var(--text-light);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.datetime-picker input[type=datetime-local]{width:100%;color:var(--text-light);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.datetime-picker input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}.datetime-picker input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:.8}.reservation-card{background:linear-gradient(145deg,#1a3553,#0d1c2c);border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,.3);padding:0;position:relative;overflow:hidden;margin-bottom:20px;border:1px solid rgba(72,125,187,.3);transition:transform .3s,box-shadow .3s}.reservation-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px rgba(0,0,0,.4)}.reservation-time-tag{position:absolute;top:0;left:0;background:#2196f3;color:#fff;padding:5px 10px;border-radius:0 0 12px;display:flex;flex-direction:column;align-items:center;box-shadow:2px 2px 5px rgba(0,0,0,.3)}.reservation-time-tag .date{font-weight:700;font-size:.9rem}.reservation-time-tag .time{font-size:.8rem}.reservation-header{padding:16px 16px 5px 65px;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.reservation-title{font-size:1.2rem;font-weight:600;color:#fff;margin:0;flex:1}.countdown-badge{background:rgba(33,150,243,.15);border:1px solid rgba(33,150,243,.3);color:#64b5f6;padding:3px 8px;border-radius:20px;font-size:.8rem;display:flex;align-items:center;gap:5px;margin-left:10px}.reservation-content{padding:10px 16px}.game-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:15px;margin-top:15px}.game-mode{display:flex;align-items:center;gap:8px;color:#00ffe4;font-size:.9rem}.game-mode::before{content:'\F46D';font-family:bootstrap-icons;margin-right:5px;font-size:15px}.game-mode i{color:#64b5f6;font-size:1rem;flex-shrink:0}.rank-range{display:flex;align-items:center;color:#ffd54f;font-size:.9rem;font-weight:500;white-space:nowrap}.rank-indicator{position:absolute;bottom:-5px;right:-5px;background:#ff9800;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.card-description{background-color:rgba(0,0,0,.2);border-radius:8px;padding:8px 12px;font-size:.9rem;color:#b0bec5;line-height:1.4;height:60px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.card-description::-webkit-scrollbar{display:none}.card-description i{margin-right:8px;color:#78909c}.interested-info{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid rgba(100,181,246,.15)}.interested-users{display:flex;align-items:center;gap:10px}.user-avatars{display:flex}.user-avatars img{width:28px;height:28px;border-radius:50%;border:2px solid #2196f3;background-color:#263238;margin-left:-8px}.user-avatars img:first-child{margin-left:0}.more-users{width:28px;height:28px;border-radius:50%;background-color:rgba(33,150,243,.2);border:2px solid #2196f3;color:#64b5f6;font-size:.75rem;display:flex;align-items:center;justify-content:center;margin-left:-8px}.user-count{color:#78909c;font-size:.85rem}.btn-show-interest{display:none;background-color:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);color:#64b5f6;border-radius:20px;padding:5px 12px;font-size:.85rem;align-items:center;gap:5px;cursor:pointer;transition:.2s}.btn-show-interest:hover{background-color:rgba(33,150,243,.25)}.date-group{margin-bottom:25px}.date-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(100,181,246,.3);padding-bottom:8px;margin-bottom:15px}.date-info{display:flex;align-items:baseline;gap:10px}.weekday{font-size:1.1rem;font-weight:600;color:#64b5f6}.date{color:#90a4ae;font-size:.9rem}.date-count{background:rgba(33,150,243,.15);color:#64b5f6;padding:3px 10px;border-radius:15px;font-size:.8rem}.date-reservations{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-nav{display:flex;align-items:center;gap:15px}.current-period{font-size:1.1rem;font-weight:600;color:#f5f5f5}.btn-calendar-next,.btn-calendar-prev{background:rgba(33,150,243,.1);border:none;color:#64b5f6;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.btn-calendar-next:hover,.btn-calendar-prev:hover{background:rgba(33,150,243,.3)}.view-options{display:flex;gap:10px}.btn-view-option{background:0 0;border:1px solid rgba(144,164,174,.3);color:#90a4ae;padding:6px 12px;border-radius:4px;font-size:.9rem;cursor:pointer;transition:.2s}.btn-view-option.active{background:rgba(33,150,243,.2);border-color:rgba(33,150,243,.5);color:#64b5f6}.btn-view-option:hover{background:rgba(255,255,255,.05)}.calendar-grid{background:rgba(0,0,0,.2);border-radius:8px;padding:15px;margin-top:10px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}.weekday-cell{text-align:center;padding:8px;color:#64b5f6;font-weight:600}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.day-cell{aspect-ratio:1;background:rgba(15,32,53,.5);border-radius:5px;padding:5px;border:1px solid rgba(100,181,246,.1);transition:.2s;cursor:pointer;display:flex;flex-direction:column}.day-cell:hover{background:rgba(33,150,243,.2);border-color:rgba(33,150,243,.3)}.day-cell.today{background:rgba(33,150,243,.3);border-color:#2196f3}.day-cell.next-month,.day-cell.prev-month{background:rgba(0,0,0,.2);color:rgba(255,255,255,.3);cursor:default}.date-number{font-size:.95rem;font-weight:500;margin-bottom:5px;color:#e0e0e0}.day-cell.today .date-number{color:#fff;font-weight:600}.day-reservations{display:flex;flex-direction:column;gap:3px;overflow:hidden}.reservation-indicator{background:rgba(33,150,243,.4);color:#b3e5fc;font-size:.7rem;padding:2px 5px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-reservations{text-align:center;color:#64b5f6;font-size:.7rem;margin-top:2px}.reservation-detail-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.reservation-detail-modal.show{display:block}.reservation-detail-modal .modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.reservation-detail-modal .detail-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(to bottom,#1a3553,#0d1c2c);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5);width:90%;max-width:750px;padding:25px;max-height:85vh;overflow-y:hidden;border:1px solid rgba(72,125,187,.5);scrollbar-width:none;-ms-overflow-style:none}.reservation-detail-modal .detail-modal-content::-webkit-scrollbar{display:none}.reservation-details{color:#e0e0e0}.reservation-details .reservation-header{width:95%;padding:0 0 15px;display:flex;gap:8px;border-bottom:1px solid rgba(100,181,246,.2);margin-bottom:20px;justify-content:flex-start}.reservation-details .reservation-header h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.reservation-countdown{display:flex;align-items:center;gap:8px;color:#ff9800;font-size:.8rem;margin-left:10px}.user-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;margin-bottom:20px}.user-card{background:rgba(0,0,0,.2);border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:.2s;cursor:pointer}.user-card:hover{background:rgba(33,150,243,.15)}.user-card .avatar{position:relative}.user-card .avatar img{width:64px;height:64px;border-radius:50%;border:3px solid #2196f3}.user-card .username{font-size:.9rem;font-weight:500;color:#e0e0e0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card .user-rank{color:#ffd54f;font-size:.8rem}.action-buttons{display:flex;gap:15px;margin-top:20px}.btn-cancel-interest,.btn-express-interest{display:none;flex:1;padding:10px 0;border-radius:30px;font-size:1rem;font-weight:500;text-align:center;cursor:pointer;transition:.3s}.btn-express-interest{background:#2196f3;color:#fff;border:none}.btn-express-interest:hover{background:#1976d2}.btn-cancel-interest{background:0 0;color:#90a4ae;border:1px solid #456}.btn-cancel-interest:hover{background:rgba(255,255,255,.05);color:#cfd8dc}@media (max-width:768px){.reservation-card,.view-toggle-container{margin-bottom:15px}.user-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.day-modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.day-modal-container.show{opacity:1;visibility:visible}.day-reservations-modal{width:90%;max-width:500px;background:linear-gradient(145deg,#1a3553,#0d1c2c);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5);border:1px solid rgba(72,125,187,.5);overflow:hidden;transform:scale(.9);transition:transform .3s}.day-modal-container.show .day-reservations-modal{transform:scale(1)}.day-reservations-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(72,125,187,.3)}.day-reservations-modal .modal-header h3{margin:0;color:#fff;font-size:1.2rem;font-weight:500}.day-reservations-modal .close-btn{background:0 0;border:none;color:rgba(255,255,255,.7);font-size:1.2rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s}.day-reservations-modal .close-btn:hover{background:rgba(255,255,255,.1);color:#fff}.day-reservations-modal .modal-body{padding:15px 20px;max-height:60vh;overflow-y:auto}.day-reservation-list{display:flex;flex-direction:column;gap:10px}.day-reservation-item{display:flex;align-items:center;padding:12px;background:rgba(0,0,0,.2);border-radius:8px;cursor:pointer;transition:.2s}.day-reservation-item:hover{background:rgba(33,150,243,.15)}.day-reservation-item .reservation-time{flex:0 0 50px;font-size:1.1rem;font-weight:600;color:#64b5f6}.day-reservation-item .reservation-info{flex:1;margin-left:10px}.day-reservation-item .reservation-title{font-size:1rem;font-weight:500;color:#fff;margin-bottom:5px}.day-reservation-item .reservation-details{display:flex;align-items:center;gap:5px;font-size:.8rem;color:#90a4ae}.day-reservation-item .separator{margin:0 2px}.day-reservation-item .reservation-creator{width:36px;height:36px;border-radius:50%;overflow:hidden;margin-left:15px}.day-reservation-item .reservation-creator img{width:100%;height:100%;object-fit:cover}.empty-reservations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;text-align:center}.empty-reservations .empty-icon{font-size:3rem;color:rgba(33,150,243,.3);margin-bottom:20px}.empty-reservations .empty-text{font-size:1.2rem;color:#b0bec5;margin-bottom:10px}.empty-reservations .empty-subtext{font-size:.9rem;color:#78909c}.loading-reservations{display:flex;justify-content:center;align-items:center;height:200px;color:#64b5f6;font-size:1.1rem}.reservation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.reservation-pagination-container{display:flex;justify-content:center;margin-top:20px;margin-bottom:30px}.reservations-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.reservations-empty-state .empty-icon{font-size:64px;color:#3a3e47;margin-bottom:20px}.reservations-empty-state .empty-text{font-size:18px;font-weight:600;color:#fff;margin-bottom:10px}.reservations-empty-state .empty-subtext{font-size:14px;color:#8a8d93}#reservationModal .modal-body{overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}#reservationModal .modal-body::-webkit-scrollbar{display:none}.recruit-modal .form-group .rank-range{margin-top:0;margin-bottom:0}.reservation-details .info-row{display:flex;gap:10px;margin-bottom:15px;flex-wrap:nowrap;width:100%}.reservation-info{display:flex;flex-direction:column;margin-bottom:10px}.info-group.description-group{flex:1 1 100%;white-space:normal;margin-top:10px;flex-direction:row;align-items:flex-start;background-color:rgba(0,0,0,.15);border-radius:10px;padding-left:15px;padding-right:15px;padding-top:15px;border:1px solid rgba(72,125,187,.2)}.info-group.description-group i{font-size:22px;color:#64b5f6;margin-right:15px;width:45px;height:45px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-group.description-group .info-value{flex:1;line-height:1.5;font-size:14px;color:#ddd;white-space:pre-line}@media (max-width:768px){.reservation-details .info-row{flex-direction:column;gap:10px}.reservation-details .info-row .info-group{margin-bottom:10px}.reservation-details .info-row .info-group:last-child{margin-bottom:0}}.creator-info-panel{background-color:rgba(0,0,0,.15);border-radius:10px;padding:15px}.creator-detail{display:flex;align-items:flex-start}.creator-avatar{position:relative;flex-shrink:0;margin-left:10px}.creator-avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid rgba(58,123,213,.6)}.creator-avatar .rank-indicator{position:absolute;bottom:0;right:0;background:linear-gradient(135deg,#007aff,#00c6ff);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid #1a1a1a}.creator-detail-info{flex:1;margin-left:10px}.creator-header{display:flex;align-items:center}.creator-username{font-size:16px;font-weight:600;color:#fff;margin-right:8px}.creator-gender{display:flex;align-items:center}.creator-verified{display:flex;align-items:center}.creator-verified i{margin-right:5px}.creator-rank-display{font-size:14px;color:#b0bec5;display:flex;align-items:center;margin-right:10px;background:rgba(0,0,0,.2);border-radius:6px;padding:6px 10px}.creator-rank-display i{margin-right:5px;color:#ffd54f}.creator-stats-row{display:flex;align-items:center;margin-top:8px;flex-wrap:wrap;gap:8px}.creator-stats{display:flex;flex-wrap:wrap;flex:1}.creator-stat-item{background:rgba(0,0,0,.2);display:flex;align-items:center;white-space:nowrap}.creator-stat-item i{margin-right:5px;font-size:14px}.creator-teams-count{color:#81d4fa}.creator-teams-count i{color:#4fc3f7}.creator-rating{color:#ffcc80}.creator-rating i{color:#ffc107}.creator-likes{color:#a5d6a7}.creator-likes i{color:#4caf50}.creator-dislikes{color:#ef9a9a}.creator-dislikes i{color:#f44336}.creator-bio{margin-top:10px;font-size:13px;color:#b0bec5;line-height:1.4;padding:8px 10px;background:rgba(0,0,0,.15);border-radius:6px;border-left:2px solid rgba(33,150,243,.5)}.comments-section{border-top:1px solid rgba(72,125,187,.3)}.section-title{display:flex;align-items:center;margin-bottom:10px;padding:8px 0;font-size:14px;font-weight:600;color:#64b5f6}.section-title i{margin-right:6px;font-size:16px}.comment-count{margin-left:8px;font-size:12px;color:#78909c;font-weight:400}.comments-list{margin-bottom:12px;height:300px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;position:relative}.comments-list::-webkit-scrollbar{width:0;height:0;display:none}.comments-loading{display:flex;align-items:center;justify-content:center;padding:8px 0;margin-bottom:5px;width:100%;text-align:center}.comments-loading .spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(33,150,243,.3);border-radius:50%;border-top-color:rgba(33,150,243,.8);animation:.8s linear infinite spin;margin-right:8px}.comments-loading span{font-size:12px;color:#78909c}.load-more-comments{text-align:center;padding:8px 0;font-size:12px;color:#64b5f6;cursor:pointer;transition:.2s;background:rgba(0,0,0,.1);border-radius:4px;margin-bottom:5px}.load-more-comments:hover{background:rgba(33,150,243,.1);color:#2196f3}@keyframes flash{0%,100%{opacity:.5}50%{opacity:1}}.comment-item.loading{animation:1.5s infinite flash;background:rgba(33,150,243,.05)}.comment-item{background:rgba(0,0,0,.2);border-radius:6px;padding:8px;margin-bottom:6px;display:flex;flex-direction:column;border-left:2px solid rgba(33,150,243,.5);transition:.2s}.comment-item.my-comment{background:rgba(33,150,243,.1);border-left:2px solid rgba(33,150,243,.8)}.comment-item:hover{background:rgba(0,0,0,.3);border-left-color:rgba(33,150,243,.8)}.comment-item.my-comment:hover{background:rgba(33,150,243,.15)}.comment-header{display:flex;align-items:center;margin-bottom:4px}.comment-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;margin-right:6px;border:1px solid rgba(100,181,246,.5);display:block;text-decoration:none;transition:transform .2s}.comment-avatar:hover{transform:scale(1.1);border-color:rgba(100,181,246,.8)}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-user{font-weight:600;color:#64b5f6;margin-right:8px;font-size:12px;text-decoration:none;transition:color .2s}.comment-user:hover{color:#90caf9;text-decoration:underline}.comment-time{font-size:11px;color:#78909c;margin-left:auto}.comment-delete-btn{background:0 0;border:none;color:#6c757d;font-size:14px;padding:3px 8px;margin-left:8px;cursor:pointer;transition:color .2s;border-radius:4px}.comment-delete-btn:hover{color:#dc3545;background-color:rgba(220,53,69,.1)}.comment-content{color:#cfd8dc;line-height:1.4;word-break:break-word;font-size:13px;padding-left:30px}.comment-form{position:relative;margin-top:10px}.comment-input{width:100%;background:rgba(0,0,0,.2);border:1px solid rgba(100,181,246,.3);border-radius:6px;padding:8px 60px 8px 10px;color:#e0e0e0;resize:none;min-height:60px;transition:border-color .2s}.comment-input:focus{outline:0;border-color:rgba(100,181,246,.6);box-shadow:0 0 0 2px rgba(33,150,243,.1)}.comment-input::placeholder{color:var(--text-placeholder);font-size:14px}.btn-send-comment{position:absolute;bottom:10px;right:8px;background:#2196f3;color:#fff;border:none;border-radius:16px;padding:4px 10px;font-size:.8rem;cursor:pointer;transition:.2s}.btn-send-comment:hover{background:#1976d2}.btn-send-comment:disabled{background:rgba(33,150,243,.4);cursor:not-allowed}.char-counter{position:absolute;bottom:8px;right:70px;font-size:.75rem;color:#78909c}.no-comments{text-align:center;padding:15px 0;color:#78909c;font-style:italic;margin-top:100px;font-size:.8rem}.no-comments i{display:block;font-size:.8rem;margin-bottom:6px;opacity:.6}.custom-confirm-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.custom-confirm-dialog.show{opacity:1;visibility:visible}.custom-confirm-content{background:linear-gradient(to bottom,#1a3553,#0d1c2c);border-radius:8px;padding:20px;width:320px;max-width:90%;box-shadow:0 4px 20px rgba(0,0,0,.3);border:1px solid rgba(72,125,187,.5);color:#e0e0e0;transform:translateY(-20px);transition:transform .3s}.custom-confirm-dialog.show .custom-confirm-content{transform:translateY(0)}.custom-confirm-title{font-size:18px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;color:#64b5f6}.custom-confirm-title i{margin-right:8px;color:#f44336}.custom-confirm-message{margin-bottom:20px;font-size:14px;line-height:1.4}.custom-confirm-actions{display:flex;justify-content:flex-end;gap:10px}.btn-confirm-cancel,.btn-confirm-ok{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-size:14px;transition:.2s;font-weight:500}.btn-confirm-cancel{background-color:rgba(255,255,255,.1);color:#e0e0e0}.btn-confirm-cancel:hover{background-color:rgba(255,255,255,.2)}.btn-confirm-ok{background-color:#f44336;color:#fff}.btn-confirm-ok:hover{background-color:#d32f2f}.creator-info{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-top:15px}.creator-info .avatar{position:relative;flex-shrink:0}.creator-info .avatar img{width:36px;height:36px;border-radius:50%;border:2px solid #2196f3}.creator-details{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.creator-header{display:flex;align-items:center;gap:5px}.creator-name{color:#fff;font-size:18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.creator-gender{display:flex;align-items:center;justify-content:center;font-size:.8rem}.creator-gender.male{color:#3498db}.creator-gender.female{color:#ff6b9a}.creator-verified{color:#4caf50;font-size:.8rem;display:flex;align-items:center}.creator-stats{display:flex;margin-left:auto}.creator-stat-item{display:flex;align-items:center;gap:3px;font-size:.75rem;color:#b0bec5;background-color:rgba(0,0,0,.2);padding:2px 6px;border-radius:4px}.btn-my-posts{background:linear-gradient(135deg,#7c69e9,#9d8dff);color:var(--text-white);border:none;border-radius:16px;padding:6px 14px;font-weight:500;font-size:13px;transition:.3s cubic-bezier(0, 1.2, .5, 1.1);box-shadow:0 4px 12px rgba(124,105,233,.3);display:flex;align-items:center;gap:6px;position:relative;overflow:hidden;z-index:1;height:32px;margin-right:10px}.btn-my-posts.active{background:linear-gradient(135deg,#5d4cba,#7c69e9);box-shadow:inset 0 2px 4px rgba(0,0,0,.3),0 4px 12px rgba(124,105,233,.3);transform:translateY(1px)}.btn-my-posts.active::after{content:'';position:absolute;bottom:4px;left:25%;width:50%;height:2px;background-color:#fff;border-radius:2px}.btn-my-posts::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);transition:.6s;z-index:-1}.btn-my-posts:hover{background:linear-gradient(135deg,#9d8dff,#7c69e9);transform:translateY(-4px);box-shadow:0 8px 20px rgba(124,105,233,.5)}.btn-my-posts:hover::before{left:100%}.btn-my-posts:active{transform:translateY(-2px);box-shadow:0 6px 15px rgba(124,105,233,.4)}.btn-my-posts i{font-size:16px;transition:.3s}.btn-my-posts:hover i{transform:translateY(-2px)}.member-container.leader a,a.member-container{text-decoration:none;color:inherit;display:block}.member-slot.filled.leader:hover,a.member-container:hover .member-slot.filled{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3);transition:.2s}.member-container .member-slot.filled,.member-slot.filled.leader{transition:.2s}.platform-icon{position:absolute;top:10px;right:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:14px;z-index:2}.platform-icon.pc{background-color:#2563eb}.platform-icon.mobile{background-color:#10b981}.platform-icon i{font-size:12px}.recruit-header,.reservation-header{position:relative}.platform-icon.detail-platform{top:20px;right:20px;width:32px;height:32px;font-size:16px}.platform-icon.detail-platform i{font-size:14px}