:root{--primary:#0052cc;--primary-hover:#0043a4;--primary-light:#e6efff;--accent:#c6f605;--accent-hover:#afda02;--accent-light:#f8ffe0;--accent-dark:#1e2e00;--text-main:#0f172a;--text-sub:#475569;--text-muted:#94a3b8;--bg-main:#f8fafc;--bg-card:#fff;--bg-accent:#0a1128;--border:#e2e8f0;--border-light:#f1f5f9;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 40px #0000001f;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--font-family:"Outfit", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-round:"NanumSquareRound", "Outfit", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@font-face{font-family:NanumSquareRound;font-weight:800;font-style:normal;src:url(https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundEB.woff2)format("woff2"),url(https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundEB.woff)format("woff");font-display:swap}@font-face{font-family:NanumSquareRound;font-weight:700;font-style:normal;src:url(https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundB.woff2)format("woff2"),url(https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundB.woff)format("woff");font-display:swap}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none;outline:none}input,select,textarea{font-family:var(--font-family);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fade-in{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeIn}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);padding:20px}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{border-radius:var(--radius-full);text-transform:uppercase;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-accent{background-color:var(--accent-light);color:var(--text-main);border:1px solid var(--accent)}.badge-success{color:var(--success);background-color:#ecfdf5}.badge-danger{color:var(--danger);background-color:#fef2f2}.badge-warning{color:var(--warning);background-color:#fffbeb}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=768px){.grid-cols-3,.grid-cols-4{grid-template-columns:1fr;gap:16px}.grid-cols-2{grid-template-columns:1fr;gap:12px}}.privacy-modal-backdrop{z-index:1200;background-color:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.privacy-modal-card{border-radius:var(--radius-lg,16px);background-color:#fff;flex-direction:column;width:100%;max-width:680px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000040}.privacy-modal-header{border-bottom:1px solid var(--border,#e5e7eb);background-color:#fafbfc;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.privacy-modal-header h2{color:var(--text-main,#111827);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;display:flex}.privacy-modal-close-btn{color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.privacy-modal-close-btn:hover{color:var(--text-main,#111827);background-color:#f3f4f6}.privacy-modal-body{color:#374151;-webkit-overflow-scrolling:touch;flex:1;padding:24px;font-size:14px;line-height:1.65;overflow-y:auto}.privacy-modal-footer{border-top:1px solid var(--border,#e5e7eb);background-color:#fafbfc;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.privacy-content-body{flex-direction:column;gap:24px;display:flex}.privacy-intro-box{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;font-size:13.5px}.privacy-intro-box p{margin:0 0 8px;line-height:1.6}.privacy-effective-date{color:var(--primary,#0052cc);font-size:12px;font-weight:700}.privacy-section{flex-direction:column;gap:10px;display:flex}.privacy-section h3{color:#1e293b;border-left:3px solid var(--primary,#0052cc);margin:0;padding-left:8px;font-size:15px;font-weight:800}.privacy-section p{color:#4b5563;margin:0;font-size:13.5px}.privacy-section ul{color:#4b5563;flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:13.5px;display:flex}.privacy-section li{line-height:1.55}.privacy-table-wrap{border:1px solid #e5e7eb;border-radius:8px;width:100%;margin:8px 0;overflow-x:auto}.privacy-table{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}.privacy-table th{color:#374151;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-weight:800}.privacy-table td{color:#4b5563;vertical-align:top;border-bottom:1px solid #f3f4f6;padding:10px 14px}.privacy-table tr:last-child td{border-bottom:none}.privacy-contact-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:6px;padding:14px 18px;font-size:13px;display:flex}.privacy-contact-card a{color:var(--primary,#0052cc);text-decoration:underline}.login-modal-content{background-color:var(--bg-card);border-radius:var(--radius-lg);max-width:420px;padding:32px}.login-modal-tabs{gap:16px;display:flex}.login-tab-btn{color:var(--text-muted);transition:var(--transition);padding-bottom:4px;font-size:20px;font-weight:800;position:relative}.login-tab-btn:hover{color:var(--text-main)}.login-tab-btn.active{color:var(--primary)}.login-tab-btn.active:after{content:"";background-color:var(--primary);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-4px;left:0;right:0}.login-error-box{color:var(--danger);border-radius:var(--radius-md);background-color:#fef2f2;border:1px solid #fca5a5;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:700;animation:.2s ease-out fadeIn;display:flex}.login-form{flex-direction:column;gap:16px;display:flex}.login-input-group{flex-direction:column;gap:6px;display:flex}.login-input-group label{color:var(--text-sub);font-size:12px;font-weight:800}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.input-with-icon input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:46px;color:var(--text-main);background-color:var(--bg-main);transition:var(--transition);padding:0 16px 0 42px;font-size:14px}.input-with-icon input:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 3px #0052cc14}.login-submit-btn{height:48px;margin-top:8px;font-size:15px;font-weight:800}.login-divider{text-align:center;color:var(--text-muted);align-items:center;margin:20px 0;font-size:12px;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.login-divider:before{margin-right:12px}.login-divider:after{margin-left:12px}.google-login-btn{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:48px;color:var(--text-main);box-shadow:var(--shadow-sm);transition:var(--transition);background-color:#fff;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.google-login-btn:hover{background-color:var(--bg-main);border-color:var(--text-muted)}.google-login-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0}.role-selector{gap:12px;margin-top:4px;display:flex}.role-option{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-main);cursor:pointer;height:42px;transition:var(--transition);color:var(--text-muted);flex:1;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.role-option input[type=radio]{display:none}.role-option:hover{border-color:var(--text-muted);color:var(--text-main)}.role-option.active{border-color:var(--primary);color:var(--primary);background-color:#0052cc0d}.login-agreement-container{background-color:var(--bg-main,#f8fafc);border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-md,10px);justify-content:space-between;align-items:center;margin-top:4px;padding:10px 12px;display:flex}.login-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-main,#1f2937);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.login-checkbox-label input[type=checkbox]{cursor:pointer;width:17px;height:17px;accent-color:var(--primary,#0052cc)}.required-tag{color:var(--primary,#0052cc);margin-right:2px;font-weight:800}.btn-view-policy{color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:12px;font-weight:700;text-decoration:underline;transition:all .15s}.btn-view-policy:hover{color:var(--primary,#0052cc);background-color:#0052cc14}.login-footer-notice{text-align:center;color:var(--text-muted,#9ca3af);margin-top:16px;font-size:11.5px;line-height:1.4}.notice-link-btn{color:var(--primary,#0052cc);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:11.5px;font-weight:700;text-decoration:underline}.notice-link-btn:hover{color:#003d99}.role-benefit-callout{border-radius:var(--radius-md,8px);background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1px solid #bbf7d0;padding:12px 14px;animation:.2s ease-out fadeIn}.benefit-callout-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.benefit-pill{color:#fff;border-radius:var(--radius-full,9999px);background-color:#16a34a;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.benefit-callout-header strong{color:#15803d;font-size:12px}.benefit-callout-desc{color:#166534;margin:0;font-size:11.5px;line-height:1.5}.benefit-callout-desc strong{color:#14532d}.app-layout{background-color:var(--bg-main);flex-direction:column;min-height:100vh;padding-bottom:60px;display:flex}.app-header{background-color:var(--bg-card);border-bottom:1px solid var(--border);z-index:100;height:64px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:32px;display:flex}.mobile-menu-btn{color:var(--text-main);display:none}.logo-area{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.brand-logo{object-fit:contain;width:auto;max-width:170px;height:34px;display:block}.footer-brand-logo{max-width:140px;height:28px}.logo-ball{background-color:var(--accent);border-radius:50%;width:22px;height:22px;position:relative;box-shadow:0 0 10px #c6f60566}.logo-ball:before{content:"";background-color:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:4px;left:4px;box-shadow:6px 0 #fff,3px 5px #fff,9px 5px #fff,6px 10px #fff,0 10px #fff}.logo-text{color:var(--primary);letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.logo-text .highlight{color:var(--text-main);font-weight:900}.pc-nav{gap:24px;display:flex}.nav-link{font-family:var(--font-round);letter-spacing:-.3px;color:var(--text-main);transition:var(--transition);padding:8px 4px;font-size:16px;font-weight:800;position:relative}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);font-weight:800}.nav-link.active:after{content:"";background-color:var(--primary);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-16px;left:0;right:0}.header-right{align-items:center;gap:16px;display:flex}.icon-btn{width:38px;height:38px;color:var(--text-sub);background-color:var(--border-light);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background-color:var(--border);color:var(--primary)}.icon-btn .badge-dot{background-color:var(--danger);border:2px solid var(--bg-card);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.text-primary{color:var(--primary)!important}.user-profile-thumb{border:2px solid var(--primary-light);cursor:pointer;width:38px;height:38px;transition:var(--transition);border-radius:50%;overflow:hidden}.user-profile-thumb:hover{border-color:var(--primary);transform:scale(1.05)}.user-profile-thumb img{object-fit:cover;width:100%;height:100%}.app-main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px;animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeIn}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:999;height:60px;padding-bottom:env(safe-area-inset-bottom);background-color:#ffffffd9;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{font-family:var(--font-round);color:var(--text-muted);transition:var(--transition);flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:800;display:flex}.bottom-nav-item.active{color:var(--primary)}.mobile-drawer-backdrop{z-index:1000;background-color:#0f172a99;animation:.2s ease-out fadeIn;position:fixed;inset:0}.mobile-drawer{background-color:var(--bg-card);width:280px;height:100%;box-shadow:var(--shadow-lg);transform-origin:0;flex-direction:column;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;position:absolute;top:0;left:0}@keyframes slideLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-drawer{animation:.25s ease-out forwards slideLeft}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-close{color:var(--text-sub);font-size:24px;line-height:1}.drawer-profile{background-color:var(--border-light);align-items:center;gap:12px;padding:20px;display:flex}.drawer-profile .profile-img{border-radius:50%;width:48px;height:48px;overflow:hidden}.drawer-profile .profile-img img{object-fit:cover;width:100%;height:100%}.drawer-profile .profile-info h4{color:var(--text-main);font-size:15px}.drawer-profile .profile-info span{color:var(--primary);font-size:12px;font-weight:700}.drawer-nav{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.drawer-link{font-family:var(--font-round);color:var(--text-main);border-radius:var(--radius-md);text-align:left;transition:var(--transition);align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:800;display:flex}.drawer-link:hover,.drawer-link.active{background-color:var(--primary-light);color:var(--primary)}.drawer-divider{background-color:var(--border);border:0;height:1px;margin:12px 0}@media (width<=768px){.app-layout{padding-bottom:60px}.pc-nav{display:none}.mobile-menu-btn{display:block}.mobile-bottom-nav{display:flex}.app-main-content{padding:16px}.search-trigger{display:none}}.profile-container{align-items:center;display:flex}.avatar-placeholder{background-color:var(--border);width:100%;height:100%;color:var(--text-sub);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-dropdown-menu{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;gap:8px;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:48px;right:0}.dropdown-user-info{flex-direction:column;gap:2px;padding:4px 8px 8px;display:flex}.dropdown-user-info strong{color:var(--text-main);font-size:14px;font-weight:800}.dropdown-user-info span{color:var(--text-muted);word-break:break-all;font-size:11px}.dropdown-divider{background-color:var(--border-light);border:0;height:1px;margin:4px 0}.user-dropdown-menu button{text-align:left;width:100%;color:var(--text-sub);border-radius:var(--radius-sm);transition:var(--transition);padding:8px 12px;font-size:13px;font-weight:700}.user-dropdown-menu button:hover{background-color:var(--bg-main);color:var(--primary)}.user-dropdown-menu button.text-danger-btn{color:var(--danger)}.user-dropdown-menu button.text-danger-btn:hover{color:var(--danger);background-color:#fef2f2}.login-trigger-btn{border-radius:var(--radius-full);height:38px;padding:8px 20px;font-size:13px;font-weight:800}.drawer-profile.guest{background-color:var(--border-light)}.drawer-login-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);transition:var(--transition);margin-top:6px;padding:6px 14px;font-size:11px;font-weight:800}.drawer-login-btn:hover{background-color:var(--primary-hover)}.logout-link{font-weight:800}.app-footer{border-top:1px solid var(--border);padding:40px 24px calc(80px + env(safe-area-inset-bottom)) 24px;background-color:#fff;margin-top:auto}.footer-inner{flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-logo{cursor:pointer;align-items:center;gap:8px;display:flex}.footer-policy-links{align-items:center;gap:10px;display:flex}.footer-link{color:var(--text-sub);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.footer-link:hover,.footer-link.active{color:var(--primary);font-weight:800}.footer-link.highlight-link{color:var(--primary);font-weight:700}.footer-sep{color:var(--text-muted);font-size:10px}.footer-company-info{color:var(--text-muted);margin:0;font-size:12px;line-height:1.6}.footer-bottom{color:var(--text-muted);border-top:1px solid var(--border-light);padding-top:14px;font-size:12px}@media (width>=769px){.app-footer{padding-bottom:40px}}.home-container{flex-direction:column;gap:32px;display:flex}.hero-section{border-radius:var(--radius-lg);min-height:280px;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#020617 0%,#0f172a 100%);justify-content:space-between;align-items:center;padding:48px 40px;display:flex;position:relative;overflow:hidden}.hero-image-overlay{opacity:.15;pointer-events:none;width:320px;height:320px;position:absolute;top:-20px;right:-50px;transform:rotate(-15deg)}.hero-court-graphic{border:4px solid #fff;border-radius:4px;width:100%;height:100%;position:relative}.net-line{background-color:#fff;height:2px;position:absolute;top:50%;left:0;right:0}.court-ball{background-color:var(--accent);border-radius:50%;width:30px;height:30px;position:absolute;top:40%;left:30%}.hero-content{z-index:2;max-width:600px}.hero-content h1{color:#fff;letter-spacing:-1px;margin-bottom:16px;font-size:38px;font-weight:800;line-height:1.25}.hero-content p{color:var(--text-muted);font-size:16px;line-height:1.6}.search-filter-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:10;align-items:flex-end;gap:20px;margin-top:-50px;padding:24px;display:flex;position:relative}.filter-inputs{flex:1;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.filter-group label{color:var(--text-sub);font-size:12px;font-weight:800}.filter-group select,.filter-group input{border:1px solid var(--border);border-radius:var(--radius-md);height:48px;color:var(--text-main);background-color:var(--bg-main);cursor:pointer;transition:var(--transition);padding:0 16px;font-size:14px;font-weight:600}.filter-group select:hover,.filter-group input:hover{border-color:var(--primary)}.search-submit-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);height:48px;transition:var(--transition);align-items:center;gap:8px;padding:0 28px;font-size:15px;font-weight:700;display:flex}.search-submit-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0052cc40}.quick-nav-section{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.quick-nav-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;align-items:center;gap:16px;padding:24px 16px;display:flex}.quick-nav-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-4px)}.quick-icon-wrapper{width:56px;height:56px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.quick-icon-wrapper.blue{color:var(--primary);background-color:#e6efff}.quick-icon-wrapper.lime{color:#8eb200;background-color:#f7ffe0}.quick-icon-wrapper.purple{color:#a855f7;background-color:#f3e8ff}.quick-icon-wrapper.orange{color:#f97316;background-color:#ffedd5}.quick-nav-card span{color:var(--text-main);font-size:15px;font-weight:800}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h2{color:var(--text-main);padding-left:12px;font-size:20px;font-weight:800;position:relative}.section-header h2:before{content:"";background-color:var(--primary);border-radius:2px;width:4px;position:absolute;top:4px;bottom:4px;left:0}.view-all-btn{color:var(--text-sub);transition:var(--transition);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.view-all-btn:hover{color:var(--primary)}.match-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.match-card{cursor:pointer;flex-direction:column;justify-content:space-between;height:240px;display:flex}.match-card-top{justify-content:space-between;align-items:center;display:flex}.match-status-text{color:var(--text-sub);font-size:12px;font-weight:700}.match-card-title{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:12px 0 8px;font-size:16px;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.match-card-details{color:var(--text-sub);margin-bottom:16px;font-size:13px}.match-card-details p{margin-bottom:4px}.match-card-bottom{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.match-price{color:var(--text-main);font-size:16px;font-weight:800}.match-action-btn{background-color:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);transition:var(--transition);padding:6px 14px;font-size:12px;font-weight:700}.match-card:hover .match-action-btn{background-color:var(--primary);color:#fff}@media (width<=1024px){.filter-inputs{grid-template-columns:repeat(2,1fr)}.search-filter-card{flex-direction:column;align-items:stretch}.search-submit-btn{justify-content:center}}@media (width<=768px){.hero-section{min-height:200px;padding:32px 24px}.hero-content h1{font-size:26px}.hero-content p{font-size:13px}.search-filter-card{margin-top:-20px;padding:16px}.filter-inputs{grid-template-columns:1fr;gap:12px}.quick-nav-section{grid-template-columns:repeat(2,1fr);gap:12px}.quick-nav-card{gap:12px;padding:16px 8px}.match-grid{grid-template-columns:1fr;gap:16px}.match-card{height:auto;min-height:220px}}.featured-courts-section{flex-direction:column;gap:16px;display:flex}.featured-eyebrow{letter-spacing:.5px;color:var(--primary,#0052cc);background-color:#eff6ff;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-block}.featured-court-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.featured-court-card{cursor:pointer;border-radius:var(--radius-lg,12px);border:1px solid var(--border);background-color:var(--bg-card);flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;padding:0!important}.featured-court-card:hover{border-color:var(--primary,#0052cc);transform:translateY(-5px);box-shadow:0 12px 24px -8px #0000001f}.featured-court-banner{background-color:#0f172a;width:100%;height:180px;position:relative;overflow:hidden}.featured-court-img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.featured-court-card:hover .featured-court-img{transform:scale(1.06)}.featured-court-overlay-badges{pointer-events:none;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:12px}.badge-featured-gold{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #d9770659}.badge-featured-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f172abf;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-featured-pill.photo{background:#000000a6;margin-left:auto}.featured-court-body{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.featured-court-top-meta{justify-content:space-between;align-items:center;display:flex}.court-type-tag{color:var(--primary,#0052cc);background-color:#eff6ff;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800}.court-rating-text{color:var(--text-main);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.star-gold{color:#f59e0b;fill:#f59e0b}.featured-court-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:17px;font-weight:800;line-height:1.35;overflow:hidden}.featured-court-location{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin:0;font-size:12px;display:flex;overflow:hidden}.featured-court-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.featured-court-price-col{flex-direction:column;display:flex}.featured-court-price-col .price-sub{color:var(--text-muted);font-size:11px;font-weight:600}.featured-court-price-col .price-main{color:var(--text-main);font-size:15px;font-weight:900}.featured-court-book-btn{background-color:var(--primary,#0052cc);color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;border:none;padding:8px 18px;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 2px 6px #0052cc33}.featured-court-book-btn:hover{background-color:var(--primary-hover,#003d99);transform:translateY(-1px)}@media (width<=768px){.featured-court-grid{grid-template-columns:1fr;gap:16px}}.create-match-modal-content{background-color:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:600px;padding:32px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp}.create-match-form{flex-direction:column;gap:20px;margin-top:10px;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=600px){.form-grid{grid-template-columns:1fr}.form-grid .full-width{grid-column:auto}}.form-grid .full-width{grid-column:span 2}.form-group-custom{flex-direction:column;gap:6px;display:flex}.form-group-custom select,.form-group-custom input:not([type=checkbox]){border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:44px;color:var(--text-main);background-color:var(--bg-main);transition:var(--transition);padding:0 14px;font-size:14px}.form-group-custom select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.form-group-custom select:focus,.form-group-custom input:not([type=checkbox]):focus,.form-group-custom textarea:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 3px #0052cc14}.match-container{flex-direction:column;gap:24px;display:flex}.match-tabs{border-bottom:2px solid var(--border);gap:24px;display:flex}.match-tab-btn{color:var(--text-muted);transition:var(--transition);padding:12px 4px;font-size:16px;font-weight:800;position:relative}.match-tab-btn:hover,.match-tab-btn.active{color:var(--primary)}.match-tab-btn.active:after{content:"";background-color:var(--primary);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-2px;left:0;right:0}.match-quick-chips{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.match-chip-btn{border-radius:var(--radius-full,9999px);border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-sub);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.match-chip-btn:hover{border-color:var(--primary);color:var(--primary)}.match-chip-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 10px #0052cc40}.match-chip-btn.highlight-guest{color:#4f46e5;background-color:#6366f10d;border-color:#6366f1}.match-chip-btn.highlight-guest:hover{background-color:#6366f11f}.match-chip-btn.highlight-guest.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-color:#4f46e5;box-shadow:0 4px 14px #4f46e559}.match-filter-bar{flex-wrap:wrap;gap:12px;display:flex}.match-filter-bar select{border:1px solid var(--border);border-radius:var(--radius-full);height:38px;color:var(--text-sub);background-color:var(--bg-card);cursor:pointer;transition:var(--transition);padding:0 16px;font-size:13px;font-weight:700}.match-filter-bar select:hover{border-color:var(--primary);color:var(--primary)}.match-exclude-checkbox{border:1px solid var(--border);border-radius:var(--radius-full);background-color:var(--bg-card);height:38px;color:var(--text-sub);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition);white-space:nowrap;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.match-exclude-checkbox:hover{border-color:var(--primary);color:var(--primary)}.match-exclude-checkbox.active{color:#065f46;background-color:#ecfdf5;border-color:#10b981;font-weight:800}.match-exclude-checkbox input[type=checkbox]{cursor:pointer;accent-color:#10b981;width:15px;height:15px}.match-chip-btn.active-exclude{color:#065f46;background-color:#ecfdf5;border-color:#10b981;font-weight:800}.badge-guest{font-weight:800;box-shadow:0 2px 8px #4f46e540;color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)!important}.badge-source-chip{border-radius:var(--radius-full,9999px);letter-spacing:-.2px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge-source-chip.club{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.badge-source-chip.court{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0}.match-list,.my-match-list{flex-direction:column;gap:16px;display:flex}.match-list-item{cursor:pointer;justify-content:space-between;align-items:center;padding:24px;display:flex}.match-list-item:hover{border-color:var(--primary-light)}.match-item-left{align-items:center;gap:16px;display:flex}.match-item-info h4{color:var(--text-main);margin-bottom:6px;font-size:16px;font-weight:800}.match-item-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.match-item-meta span{align-items:center;gap:4px;display:flex}.match-item-right{align-items:center;gap:20px;display:flex}.match-item-people{color:var(--text-sub);font-size:14px;font-weight:700}.match-item-price{color:var(--text-main);font-size:16px;font-weight:800}.match-btn,.result-input-btn{border-radius:var(--radius-md);transition:var(--transition);padding:10px 20px;font-size:13px;font-weight:800}.match-btn{background-color:var(--primary);color:#fff}.match-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.match-btn.disabled{background-color:var(--border);color:var(--text-muted);cursor:not-allowed}.result-input-btn{background-color:var(--accent-light);color:var(--text-main);border:1px solid var(--accent)}.result-input-btn:hover{background-color:var(--accent)}.result-badge{border-radius:var(--radius-full);padding:6px 14px;font-size:12px;font-weight:700}.result-badge.success{color:var(--success);background-color:#ecfdf5}.match-detail-view{flex-direction:column;gap:24px;display:flex}.back-to-list-btn{color:var(--text-sub);text-align:left;transition:var(--transition);font-size:14px;font-weight:700}.back-to-list-btn:hover{color:var(--primary)}.detail-header h2{color:var(--text-main);margin:12px 0 6px;font-size:24px;font-weight:800}.detail-organizer{color:var(--text-sub);font-size:14px}.detail-grid{grid-template-columns:2fr 1fr;gap:32px;display:grid}.detail-info-pane{flex-direction:column;gap:24px;display:flex}.info-list{background-color:var(--bg-main);border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:16px;padding:20px;display:grid}.info-row{color:var(--text-sub);align-items:flex-start;gap:12px;display:flex}.info-row .label{color:var(--text-muted);font-size:11px;font-weight:700}.info-row .val{color:var(--text-main);font-size:14px;font-weight:700}.detail-desc h4{margin-bottom:10px;font-size:16px;font-weight:800}.detail-desc p{color:var(--text-sub);font-size:14px;line-height:1.6}.detail-action-pane{background-color:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:20px;height:fit-content;padding:24px;display:flex}.price-box{flex-direction:column;gap:4px;display:flex}.price-box span{color:var(--text-muted);font-size:12px;font-weight:700}.price-box h3{color:var(--text-main);font-size:24px;font-weight:800}.apply-submit-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);height:48px;transition:var(--transition);font-size:15px;font-weight:700}.apply-submit-btn:hover{background-color:var(--primary-hover)}.apply-submit-btn.disabled{background-color:var(--border);color:var(--text-muted);cursor:not-allowed}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background-color:#0f172a99;justify-content:center;align-items:flex-start;padding:40px 20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{width:100%;max-width:480px;padding:28px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{font-size:18px;font-weight:800}.close-btn{color:var(--text-muted)}.modal-desc{color:var(--text-sub);margin-bottom:16px;font-size:14px}.modal-match-summary{background-color:var(--bg-main);border-radius:var(--radius-md);border:1px dashed var(--border);margin-bottom:20px;padding:16px}.modal-match-summary h4{margin-bottom:6px;font-size:15px;font-weight:800}.modal-match-summary p{color:var(--text-sub);font-size:13px}.toss-payment-mock{border:1px solid var(--border);border-radius:var(--radius-md);background-color:#fcfdfe;padding:16px}.toss-payment-mock p{color:var(--text-sub);text-align:center;margin-bottom:12px;font-size:12px;font-weight:700}.mock-pay-methods{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pay-method-btn{border:1px solid var(--border);border-radius:var(--radius-sm);height:36px;color:var(--text-sub);transition:var(--transition);background-color:#fff;font-size:12px;font-weight:700}.pay-method-btn.active{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}.modal-footer{gap:12px;margin-top:24px;display:flex}.modal-footer button{border-radius:var(--radius-md);height:44px;transition:var(--transition);flex:1;font-size:14px;font-weight:700}.btn-secondary{background-color:var(--border-light);color:var(--text-sub)}.btn-secondary:hover{background-color:var(--border)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.text-center{text-align:center}.complete-icon{margin-bottom:16px}.score-input-area{justify-content:center;align-items:center;gap:24px;margin:20px 0;display:flex}.score-team{flex-direction:column;align-items:center;gap:8px;display:flex}.score-team label{color:var(--text-muted);font-size:12px;font-weight:700}.score-team input{text-align:center;border:2px solid var(--border);border-radius:var(--radius-md);width:80px;height:60px;color:var(--text-main);background-color:var(--bg-main);font-size:28px;font-weight:800}.score-team input:focus{border-color:var(--primary)}.score-vs{color:var(--text-muted);margin-top:20px;font-size:18px;font-weight:800}.alert-box{border-radius:var(--radius-md);color:#b45309;background-color:#fffbeb;border:1px solid #fde68a;gap:8px;padding:12px;font-size:11px;font-weight:600;line-height:1.4;display:flex}@media (width<=768px){.match-list-item{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.match-item-right{border-top:1px solid var(--border-light);justify-content:space-between;width:100%;padding-top:12px}.detail-grid{grid-template-columns:1fr;gap:24px}.info-list{grid-template-columns:1fr}.session-court-banner{flex-direction:column;align-items:flex-start}}.apply-court-summary-card{background:var(--bg-main,#f8fafc);border:1px solid var(--border);border-radius:var(--radius-lg,12px);flex-direction:column;gap:10px;padding:16px;display:flex}.apply-card-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.apply-match-title{color:var(--text-main);margin:0;font-size:15px;font-weight:800;line-height:1.4}.apply-meta-list{color:var(--text-sub);flex-direction:column;gap:6px;font-size:12px;display:flex}.apply-meta-item{align-items:center;gap:8px;display:flex}.apply-phone-section{border-radius:var(--radius-md,8px);background:#f0f9ff;border:1px solid #bae6fd;padding:12px 14px}.session-court-banner{color:#fff;border-radius:var(--radius-lg,12px);background:linear-gradient(135deg,#1e3a8a 0%,#0052cc 100%);align-items:center;gap:16px;padding:18px 20px;display:flex;box-shadow:0 4px 16px #0052cc26}.session-court-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.session-court-info{flex-direction:column;flex:1;gap:4px;display:flex}.session-court-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.session-court-title-row h4{color:#fff;margin:0;font-size:17px;font-weight:800}.session-court-badge{border-radius:var(--radius-full);background:#ffffff40;padding:2px 8px;font-size:11px;font-weight:800}.session-court-addr{color:#e2e8f0;margin:0;font-size:13px}.session-court-meta{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.session-contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg,12px);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.session-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.btn-add-offline{background:var(--primary-light,#eff6ff);color:var(--primary,#0052cc);border:1px solid var(--primary,#0052cc);border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.btn-add-offline:hover{background:var(--primary,#0052cc);color:#fff}.session-contacts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.contact-person-card{border:1px solid var(--border);background:var(--bg-main,#f8fafc);border-radius:var(--radius-md,8px);flex-direction:column;gap:6px;padding:12px 14px;display:flex;position:relative}.contact-person-card.host-card{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border:1.5px solid #93c5fd;box-shadow:0 2px 8px #0052cc0f}.contact-person-card.offline-card{background:#fdfbf7;border-style:dashed}.contact-person-badge{color:var(--text-muted);font-size:10px;font-weight:800}.host-card .contact-person-badge{color:#1d4ed8}.contact-person-header{justify-content:space-between;align-items:center;display:flex}.contact-name{color:var(--text-main);font-size:14px;font-weight:800}.contact-rating{color:var(--primary);margin-left:6px;font-size:11px;font-weight:700}.btn-remove-participant{color:var(--danger,#ef4444);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:background-color .2s}.btn-remove-participant:hover{background-color:#fee2e2}.contact-phone-row{color:var(--text-main);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.contact-action-btns{gap:6px;margin-top:4px;display:flex}.btn-contact-action{border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:11px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.btn-contact-action.call{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.btn-contact-action.call:hover{color:#fff;background-color:#15803d}.btn-contact-action.sms{color:#4338ca;background-color:#e0e7ff;border:1px solid #c7d2fe}.btn-contact-action.sms:hover{color:#fff;background-color:#4338ca}.contact-memo{color:var(--text-muted);margin:2px 0 0;font-size:11px;font-style:italic;line-height:1.4}.club-sync-session-container{flex-direction:column;gap:16px;display:flex}.club-sync-banner{border-radius:var(--radius-lg,12px);background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border:1.5px solid #c7d2fe;padding:14px 18px}.kakao-map-wrapper{background-color:var(--surface-alt,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.kakao-map-container{width:100%;height:100%;min-height:380px}.map-loading-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;color:var(--text-muted,#64748b);background:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex;position:absolute;inset:0}.map-loading-indicator .spinner{border:3px solid #e2e8f0;border-top-color:var(--primary,#0052cc);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.kakao-custom-marker{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:translateY(-50%)}.kakao-custom-marker:hover{transform:translateY(-56%)scale(1.05)}.kakao-custom-marker .marker-pill{border:2px solid var(--primary,#0052cc);white-space:nowrap;background:#fff;border-radius:24px;align-items:center;gap:6px;padding:6px 12px;transition:all .2s;display:flex;box-shadow:0 4px 14px #0052cc40}.kakao-custom-marker .marker-dot{background:var(--primary,#0052cc);border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #0052cc99}.kakao-custom-marker .marker-label{color:#0f172a;letter-spacing:-.3px;font-size:12px;font-weight:700}.kakao-custom-marker .marker-badge{color:var(--primary,#0052cc);background:#eff6ff;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:700}.kakao-custom-marker .marker-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:7px solid var(--primary,#0052cc);filter:drop-shadow(0 2px 3px #00000026);width:0;height:0;margin-top:-1px}.kakao-custom-marker.selected{transform:translateY(-56%)scale(1.1);z-index:999!important}.kakao-custom-marker.selected .marker-pill{background:var(--primary,#0052cc);border-color:#c6f605;box-shadow:0 6px 20px #0052cc73}.kakao-custom-marker.selected .marker-dot{background:#c6f605;box-shadow:0 0 8px #c6f605}.kakao-custom-marker.selected .marker-label{color:#fff}.kakao-custom-marker.selected .marker-badge{color:#0f172a;background:#c6f605}.kakao-custom-marker.selected .marker-arrow{border-top-color:var(--primary,#0052cc)}.kakao-map-fallback{background:var(--surface-alt,#f8fafc);border:1px dashed var(--border,#cbd5e1);text-align:center;border-radius:16px;justify-content:center;align-items:center;padding:30px 20px;display:flex}.fallback-content{flex-direction:column;align-items:center;gap:10px;max-width:360px;display:flex}.fallback-icon{color:#f59e0b;margin-bottom:4px}.fallback-content h4{color:var(--text,#1e293b);margin:0;font-size:16px;font-weight:700}.fallback-content p{color:var(--text-muted,#64748b);margin:0;font-size:13px;line-height:1.5}.fallback-guide{text-align:left;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:8px;padding:8px 14px}.fallback-guide small{color:#1d4ed8;font-size:12px;line-height:1.4;display:block}.court-container{flex-direction:column;gap:24px;display:flex}.court-tabs{border-bottom:2px solid var(--border);gap:24px;display:flex}.court-tab-btn{color:var(--text-muted);transition:var(--transition);padding:12px 4px;font-size:16px;font-weight:800;position:relative}.court-tab-btn:hover,.court-tab-btn.active{color:var(--primary)}.court-tab-btn.active:after{content:"";background-color:var(--primary);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-2px;left:0;right:0}.court-content-split{grid-template-columns:1fr 1.2fr;align-items:start;gap:24px;display:grid}.court-list-pane{flex-direction:column;gap:20px;display:flex}.court-filter-container{background-color:var(--bg-card);border-radius:var(--radius-lg,12px);border:1px solid var(--border);flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000a}.court-search-box{align-items:center;width:100%;display:flex;position:relative}.court-search-icon{color:var(--text-muted,#94a3b8);pointer-events:none;position:absolute;left:14px}.court-search-input{border:1.5px solid var(--border);border-radius:var(--radius-full,9999px);width:100%;height:42px;color:var(--text-main);background-color:var(--bg-main,#f8fafc);outline:none;padding:0 38px 0 40px;font-size:13px;font-weight:600;transition:all .2s}.court-search-input:focus{border-color:var(--primary,#0052cc);background-color:#fff;box-shadow:0 0 0 3px #0052cc1f}.court-search-clear{color:#64748b;cursor:pointer;background-color:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex;position:absolute;right:12px}.court-search-clear:hover{color:#1e293b;background-color:#cbd5e1}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-item{display:flex}.filter-bar select,.filter-bar input{border:1px solid var(--border);border-radius:var(--radius-full,9999px);height:38px;color:var(--text-sub);background-color:var(--bg-card);cursor:pointer;outline:none;padding:0 14px;font-size:12px;font-weight:700;transition:all .2s}.filter-bar select:hover,.filter-bar input:hover{border-color:var(--primary,#0052cc)}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--primary,#0052cc);box-shadow:0 0 0 2px #0052cc26}.filter-bar select.active-filter,.filter-bar input.active-filter{border-color:var(--primary,#0052cc);color:var(--primary,#0052cc);background-color:#eff6ff;font-weight:800}.btn-filter-reset{border-radius:var(--radius-full,9999px);color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;align-items:center;gap:5px;height:38px;padding:0 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn-filter-reset:hover{color:#ef4444;background-color:#fee2e2;border-color:#fca5a5}.filter-summary-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;font-size:12px;display:flex}.results-count{color:var(--text-muted,#64748b);font-weight:600}.results-count strong{color:var(--primary,#0052cc);font-weight:800}.active-filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{color:var(--primary,#0052cc);border-radius:var(--radius-full,9999px);cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.filter-chip:hover{background-color:#dbeafe}.no-courts-found{text-align:center;border:1.5px dashed var(--border);border-radius:var(--radius-lg,12px);background-color:var(--bg-card);flex-direction:column;align-items:center;gap:12px;padding:50px 20px;display:flex}.no-courts-found .empty-icon{color:#94a3b8;margin-bottom:4px}.no-courts-found h4{color:var(--text-main);margin:0;font-size:16px;font-weight:800}.no-courts-found p{color:var(--text-muted);max-width:320px;margin:0;font-size:13px;line-height:1.5}.btn-empty-reset{background-color:var(--primary,#0052cc);color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;border:none;align-items:center;gap:6px;margin-top:6px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-empty-reset:hover{background-color:var(--primary-hover,#003d99)}.court-list{flex-direction:column;gap:16px;display:flex}.court-card{cursor:pointer;flex-direction:column;display:flex;overflow:hidden;padding:0!important}.court-card.selected{border-color:var(--primary);box-shadow:var(--shadow-md)}.court-card-banner{background-color:#0f172a;width:100%;height:160px;position:relative;overflow:hidden}.court-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.court-card:hover .court-card-img{transform:scale(1.05)}.court-card-overlay-badges{flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.court-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.court-badge.parking-avail{color:#fff;background:#10b981e6}.court-badge.parking-none{color:#fff;background:#ef4444e6}.court-badge.hours{color:#fff;background:#0f172abf}.court-badge.photo-count{color:#fff;background:#0052ccd9}.court-card-body{flex-direction:column;flex:1;padding:16px 20px 20px;display:flex}.court-card-body h4{color:var(--text-main);margin-bottom:6px;font-size:16px;font-weight:800}.court-parking-subinfo{color:var(--text-sub);border-radius:var(--radius-sm);border-left:3px solid var(--primary);background-color:#f8fafc;align-items:center;gap:6px;margin-bottom:12px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.court-rating{color:var(--text-sub);align-items:center;gap:4px;margin-bottom:12px;font-size:13px;display:flex}.star-icon{fill:var(--warning);color:var(--warning)}.court-meta-text{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.court-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.court-price{color:var(--text-main);font-size:15px;font-weight:800}.reserve-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);transition:var(--transition);padding:8px 16px;font-size:12px;font-weight:800}.reserve-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.court-map-pane{flex-direction:column;height:540px;padding:16px;display:flex;position:sticky;top:96px}.map-simulation-header{color:var(--text-sub);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.btn-map-reset{background:var(--bg-main,#f1f5f9);border:1px solid var(--border,#cbd5e1);color:var(--text-sub,#475569);cursor:pointer;transition:var(--transition);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.btn-map-reset:hover{background:var(--border,#e2e8f0);color:var(--text-main,#0f172a)}.map-embed-wrapper{border-radius:var(--radius-md);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.map-detail-tooltip{background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);z-index:20;flex-direction:column;gap:6px;padding:14px 16px;animation:.25s ease-out slideUpFade;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tooltip-header-with-img{align-items:center;gap:12px;display:flex}.tooltip-thumb{object-fit:cover;border:1px solid var(--border);border-radius:6px;flex-shrink:0;width:54px;height:54px}.tooltip-header-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tooltip-top-row{justify-content:space-between;align-items:center;display:flex}.tooltip-top-row h5{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:800;overflow:hidden}.tooltip-price-badge{color:var(--primary);background:#eff6ff;border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:800}.tooltip-location-text{color:var(--text-sub);align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.tooltip-specs-row{flex-wrap:wrap;gap:6px;margin:4px 0 2px;display:flex}.tooltip-spec-tag{border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.tooltip-spec-tag.parking-avail{color:#15803d;background-color:#dcfce7}.tooltip-spec-tag.parking-none{color:#b91c1c;background-color:#fee2e2}.tooltip-spec-tag.hours{color:#475569;background-color:#f1f5f9}.tooltip-spec-tag.photo-count{color:#1d4ed8;background-color:#eff6ff}.tooltip-sub-info{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.tooltip-action{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:var(--transition);border:none;margin-top:4px;padding:9px 12px;font-size:13px;font-weight:800}.tooltip-action:hover{background-color:var(--primary-hover)}.tooltip-buttons{gap:8px;margin-top:4px;display:flex}.tooltip-buttons button{flex:1}.court-map-only{flex-direction:column;display:flex}.my-reservations-list{flex-direction:column;gap:16px;display:flex}.reservation-card{padding:20px}.res-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.res-header h4{font-size:16px;font-weight:800}.res-details{background-color:var(--bg-main);border-radius:var(--radius-sm);color:var(--text-sub);margin-bottom:16px;padding:14px;font-size:13px}.res-details p{margin-bottom:4px}.qr-checkin-btn{background-color:var(--accent);color:var(--text-main);border-radius:var(--radius-md);width:100%;height:40px;transition:var(--transition);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.qr-checkin-btn:hover{background-color:var(--accent-hover)}.reserve-court-banner{border-radius:var(--radius-md);background-color:#0f172a;width:100%;height:180px;margin-bottom:10px;position:relative;overflow:hidden}.reserve-court-banner-img{object-fit:cover;width:100%;height:100%;transition:opacity .2s}.carousel-nav-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:2;background:#0f172abf;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav-btn:hover{background:var(--primary,#0052cc);transform:translateY(-50%)scale(1.1)}.carousel-nav-btn.prev{left:8px}.carousel-nav-btn.next{right:8px}.carousel-counter-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#0f172acc;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:800;position:absolute;bottom:8px;right:8px}.reserve-thumb-strip{gap:8px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow-x:auto}.thumb-strip-btn{cursor:pointer;opacity:.65;background:#0f172a;border:2px solid #0000;border-radius:6px;flex-shrink:0;width:66px;height:46px;padding:0;transition:all .2s;position:relative;overflow:hidden}.thumb-strip-btn:hover{opacity:1;transform:translateY(-1px)}.thumb-strip-btn.active{opacity:1;border-color:var(--primary,#0052cc);box-shadow:0 0 0 2px #0052cc59}.thumb-strip-btn img{object-fit:cover;width:100%;height:100%}.strip-cover-tag{color:#fff;background:#f59e0b;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:800;line-height:1;position:absolute;bottom:2px;right:2px}.reserve-court-info{background-color:var(--bg-main);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.reserve-court-info h4{color:var(--text-main);margin:0;font-size:16px;font-weight:800}.reserve-court-info p{color:var(--text-muted);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.reserve-specs-grid{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:14px;display:grid}.reserve-spec-item{background-color:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.reserve-spec-item .spec-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.reserve-spec-item .spec-label{color:var(--text-muted);font-size:11px;font-weight:700;display:block}.reserve-spec-item .spec-val{color:var(--text-main);margin-top:2px;font-size:13px;font-weight:800;display:block}.reserve-spec-item .spec-desc{color:var(--primary);margin-top:3px;font-size:11px;font-weight:700;display:block}.form-group-custom{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.form-group-custom label{color:var(--text-sub);font-size:12px;font-weight:800}.modal-input{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-main);height:40px;padding:0 12px;font-size:13px}.payment-summary{background-color:var(--bg-accent);color:#fff;border-radius:var(--radius-md);margin-top:16px;padding:16px}.pay-row{opacity:.8;justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.payment-summary hr{background-color:#ffffff1a;border:0;height:1px;margin:10px 0}.pay-row.total{opacity:1;color:var(--accent);font-size:15px;font-weight:800}.qr-modal-content{color:#fff!important;background-color:#0f172a!important}.qr-modal-content .close-btn{color:#fff}.qr-box{border:4px solid var(--accent);border-radius:var(--radius-md);background-color:#fff;width:180px;height:180px;margin:24px auto;padding:10px;position:relative;overflow:hidden}.mock-qr-svg{width:100%;height:100%}.qr-scan-line{background-color:var(--accent);height:4px;box-shadow:0 0 12px var(--accent);animation:2s linear infinite scan;position:absolute;left:0;right:0}@keyframes scan{0%{top:0}50%{top:176px}to{top:0}}.qr-help-text{color:var(--text-muted);margin-bottom:20px;font-size:12px;line-height:1.5}.qr-court-details{text-align:left;border-top:1px solid #ffffff1a;padding-top:16px}.qr-court-details h4{color:#fff;font-size:15px;font-weight:800}.qr-court-details p{color:var(--accent);margin-top:4px;font-size:12px;font-weight:700}@media (width<=900px){.court-content-split{grid-template-columns:1fr}.court-map-pane{display:none}}@media (width>=769px){.court-tab-btn:nth-child(2){display:none}}.court-guest-recruit-toggle-card{background:var(--bg-main,#f8fafc);border:1.5px dashed var(--border);border-radius:var(--radius-lg,12px);margin:16px 0 8px;padding:16px;transition:all .25s}.court-guest-recruit-toggle-card.active{border:1.5px solid var(--primary,#0052cc);background:linear-gradient(135deg,#0052cc0a 0%,#00c8530a 100%);box-shadow:0 4px 14px #0052cc14}.guest-toggle-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.guest-toggle-left{flex-direction:column;gap:4px;display:flex}.guest-toggle-badge{border-radius:var(--radius-full,9999px);background:var(--primary,#0052cc);color:#fff;letter-spacing:-.2px;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.guest-toggle-title{color:var(--text-main);font-size:14px;font-weight:800}.guest-toggle-sub{color:var(--text-muted);font-size:12px;font-weight:500}.guest-toggle-checkbox{width:22px;height:22px;accent-color:var(--primary,#0052cc);cursor:pointer}.guest-recruit-fields{border-top:1px solid var(--border);flex-direction:column;gap:14px;margin-top:16px;padding-top:14px;animation:.2s ease-out fadeIn;display:flex}.guest-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.guest-field-group{flex-direction:column;gap:6px;display:flex}.guest-field-group label{color:var(--text-secondary,#475569);font-size:12px;font-weight:700}.guest-field-group select,.guest-field-group input,.guest-field-group textarea{border:1px solid var(--border);border-radius:var(--radius-md,8px);background-color:var(--bg-card,#fff);width:100%;color:var(--text-main);outline:none;padding:8px 12px;font-size:13px;transition:border-color .2s}.guest-field-group select:focus,.guest-field-group input:focus,.guest-field-group textarea:focus{border-color:var(--primary,#0052cc)}.guest-fee-input-wrap{align-items:center;gap:6px;display:flex}.guest-fee-input-wrap span{color:var(--text-muted);font-size:13px;font-weight:700}.recruit-complete-banner{border-radius:var(--radius-lg,12px);text-align:left;background:linear-gradient(135deg,#eef5ff 0%,#e8f9f0 100%);border:1px solid #cce4ff;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;display:flex}.recruit-banner-icon{font-size:24px}.recruit-banner-text{flex:1}.recruit-banner-text h5{color:var(--primary,#0052cc);margin-bottom:2px;font-size:13px;font-weight:800}.recruit-banner-text p{color:var(--text-secondary,#475569);margin:0;font-size:11px;line-height:1.4}.btn-match-shortcut{background-color:#0052cc;justify-content:center;align-items:center;gap:6px;display:flex;color:#fff!important}.btn-match-shortcut:hover{background-color:#0043a8}.court-payment-notice-banner{border-radius:var(--radius-md,8px);background:linear-gradient(135deg,#f0f7ff 0%,#e8f2fe 100%);border:1px solid #c8e1fc;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;animation:.25s ease-out fadeIn;display:flex}.court-payment-notice-banner .banner-left{flex:1;align-items:center;gap:10px;display:flex}.court-payment-notice-banner .banner-badge{background-color:var(--primary,#0052cc);color:#fff;border-radius:var(--radius-full,9999px);white-space:nowrap;padding:3px 8px;font-size:11px;font-weight:800}.court-payment-notice-banner .banner-text{color:#1e3a8a;margin:0;font-size:13px;line-height:1.4}.court-payment-notice-banner .banner-tag{color:var(--primary,#0052cc);border-radius:var(--radius-full,9999px);white-space:nowrap;background-color:#0052cc1a;border:1px solid #0052cc40;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.payment-beta-notice-box{border:1px solid var(--border,#e2e8f0);text-align:left;background-color:#f8fafc;border-radius:8px;margin-top:14px;padding:12px 14px}.payment-beta-notice-box .beta-notice-title{color:var(--text-main,#1e293b);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:800;display:flex}.payment-beta-notice-box .beta-notice-badge{color:#1d4ed8;background-color:#dbeafe;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:800}.payment-beta-notice-box .beta-notice-desc{color:var(--text-sub,#475569);margin:0;font-size:12px;line-height:1.5}.court-pay-badge{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-block}@media (width<=640px){.court-payment-notice-banner{flex-direction:column;align-items:flex-start;gap:8px}.court-payment-notice-banner .banner-tag{align-self:flex-start}}.league-container{flex-direction:column;gap:24px;display:flex}.league-tabs{border-bottom:2px solid var(--border);gap:24px;display:flex}.league-tab-btn{color:var(--text-muted);transition:var(--transition);padding:12px 4px;font-size:16px;font-weight:800;position:relative}.league-tab-btn:hover,.league-tab-btn.active{color:var(--primary)}.league-tab-btn.active:after{content:"";background-color:var(--primary);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-2px;left:0;right:0}.league-list{flex-direction:column;gap:16px;display:flex}.league-card-item{cursor:pointer;align-items:center;gap:20px;padding:20px;display:flex}.league-card-item:hover{border-color:var(--primary-light)}.league-card-img-placeholder{border-radius:var(--radius-md);width:90px;height:90px;color:var(--text-muted);background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex}.league-card-img-placeholder.gold{color:#d97706;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.league-card-details{flex:1}.league-status-row{margin-bottom:6px}.league-card-details h3{color:var(--text-main);margin-bottom:8px;font-size:17px;font-weight:800}.league-meta{color:var(--text-sub);flex-wrap:wrap;gap:12px;margin-bottom:6px;font-size:13px;display:flex}.league-meta span{align-items:center;gap:4px;display:flex}.league-team-count{color:var(--primary);font-size:12px;font-weight:700}.create-league-floating-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);transition:var(--transition);z-index:99;padding:14px 24px;font-size:14px;font-weight:800;position:fixed;bottom:80px;right:24px}.create-league-floating-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.schedule-table{flex-direction:column;gap:12px;margin-top:16px;display:flex}.schedule-row{background-color:var(--bg-main);border-radius:var(--radius-md);align-items:center;padding:16px;font-size:14px;display:flex}.sched-time{width:60px;color:var(--text-muted);font-weight:800}.sched-league{margin-right:16px}.sched-match{color:var(--text-main);flex:1;font-weight:700}.sched-status{color:var(--text-muted);font-size:11px;font-weight:700}.sched-status.live{color:var(--danger);animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.league-detail-banner{color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#0a1128 0%,#0052cc 100%);justify-content:space-between;align-items:center;margin-bottom:24px;padding:40px;display:flex;position:relative;overflow:hidden}.banner-content{z-index:2}.banner-badge{background-color:var(--accent);color:var(--text-main);border-radius:var(--radius-full);padding:4px 12px;font-size:11px;font-weight:800}.league-detail-banner h2{margin:16px 0 8px;font-size:26px;font-weight:900}.banner-date,.banner-loc{opacity:.8;margin-bottom:4px;font-size:14px}.banner-graphic{z-index:1;position:relative}.banner-circle{background-color:#ffffff14;border-radius:50%;width:140px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banner-trophy-icon{color:var(--accent);filter:drop-shadow(0 0 10px #c6f60566)}.detail-tabs{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:20px;padding:4px;display:flex}.detail-tab-btn{height:38px;color:var(--text-sub);border-radius:var(--radius-sm);transition:var(--transition);flex:1;font-size:14px;font-weight:800}.detail-tab-btn.active{background-color:var(--primary-light);color:var(--primary)}.overview-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.ov-list{background-color:var(--bg-main);border-radius:var(--radius-md);flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex}.ov-row{justify-content:space-between;font-size:14px;display:flex}.ov-row span{color:var(--text-muted);font-weight:700}.ov-row strong{color:var(--text-main)}.ov-desc{color:var(--text-sub);font-size:14px;line-height:1.6}.overview-action{flex-direction:column;gap:16px;height:fit-content;display:flex}.progress-bar-container{background-color:var(--border-light);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar{background-color:var(--primary);border-radius:var(--radius-full);height:100%}.progress-text{color:var(--text-sub);font-size:12px;font-weight:700}.apply-tournament-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);height:44px;transition:var(--transition);font-size:14px;font-weight:800}.apply-tournament-btn:hover{background-color:var(--primary-hover)}.applied-info-box{color:var(--success);border-radius:var(--radius-md);background-color:#ecfdf5;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:800;display:flex}.brackets-pane{overflow-x:auto}.brackets-scroll-container{align-items:center;min-width:600px;padding:20px 0;display:flex}.bracket-round-column{flex-direction:column;gap:16px;width:220px;display:flex}.bracket-round-column h4{color:var(--text-muted);text-align:center;margin-bottom:12px;font-size:13px;font-weight:800}.bracket-matches{flex-direction:column;gap:24px;display:flex}.bracket-matches.spacer{gap:100px}.bracket-matches.spacer-lg{gap:220px}.bracket-match{border:1px solid var(--border);overflow:hidden;padding:0!important}.bracket-match.cardHighlight{border:2px dashed var(--primary);background-color:var(--primary-light);border-radius:var(--radius-md);height:76px;color:var(--primary);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.bracket-team{color:var(--text-sub);justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.bracket-team:first-child{border-bottom:1px solid var(--border-light)}.bracket-team.win{color:var(--text-main);background-color:var(--border-light);font-weight:800}.bracket-team strong{color:var(--text-muted)}.bracket-team.win strong{color:var(--primary)}.bracket-connector-column{justify-content:center;align-items:center;width:60px;display:flex}.participants-grid{flex-direction:column;gap:10px;margin-top:16px;display:flex}.participant-row{background-color:var(--bg-main);border-radius:var(--radius-md);align-items:center;padding:12px 16px;font-size:13px;display:flex}.participant-row span:first-child{width:30px;color:var(--text-muted);font-weight:800}.participant-row strong{color:var(--text-main);flex:1}@media (width<=900px){.overview-grid{grid-template-columns:1fr}.league-card-item{padding:16px}.league-detail-banner{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.banner-graphic{display:none}}.records-container{flex-direction:column;gap:24px;display:flex}.profile-summary-card{justify-content:space-between;align-items:center;padding:32px 40px;display:flex}.profile-avatar-area{align-items:center;gap:24px;display:flex}.avatar-frame{border:4px solid var(--primary-light);width:90px;height:90px;box-shadow:var(--shadow-sm);border-radius:50%;overflow:hidden}.avatar-frame img{object-fit:cover;width:100%;height:100%}.avatar-info h2{color:var(--text-main);margin-bottom:8px;font-size:22px;font-weight:800}.rating-badge{background-color:var(--primary);color:#fff;border-radius:var(--radius-full);padding:4px 14px;font-size:13px;font-weight:800}.stats-counters{gap:32px;display:flex}.stat-box{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-box .lbl{color:var(--text-muted);font-size:12px;font-weight:800}.stat-box .val{color:var(--text-main);font-size:24px;font-weight:800}.font-highlight .val{color:var(--primary)}.records-split-layout{grid-template-columns:1.6fr 1fr;align-items:start;gap:24px;display:grid}.records-main-pane{flex-direction:column;display:flex}.records-tab-header{border-bottom:1px solid var(--border);gap:20px;margin-bottom:20px;display:flex}.rec-tab-btn{color:var(--text-muted);transition:var(--transition);padding:8px 4px;font-size:14px;font-weight:800;position:relative}.rec-tab-btn:hover,.rec-tab-btn.active{color:var(--primary)}.rec-tab-btn.active:after{content:"";background-color:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.recent-matches-list{flex-direction:column;display:flex}.rec-match-row{border-bottom:1px solid var(--border-light);align-items:center;padding:16px 0;display:flex}.rec-date{color:var(--text-muted);width:60px;font-size:13px;font-weight:800}.rec-loc-opp{flex-direction:column;flex:1;display:flex}.rec-loc-opp strong{color:var(--text-main);font-size:14px}.rec-loc-opp span{color:var(--text-sub);margin-top:2px;font-size:12px}.rec-score{color:var(--text-main);margin-right:20px;font-size:15px;font-weight:800}.rec-result-badge{border-radius:var(--radius-sm);padding:4px 10px;font-size:11px;font-weight:800}.rec-result-badge.win{color:var(--success);background-color:#ecfdf5}.rec-result-badge.lose{color:var(--danger);background-color:#fef2f2}.view-more-details-btn{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:40px;color:var(--text-sub);transition:var(--transition);justify-content:center;align-items:center;gap:4px;margin-top:16px;font-size:13px;font-weight:700;display:flex}.view-more-details-btn:hover{background-color:var(--border-light);color:var(--primary)}.streak-hero{text-align:center;background-color:var(--bg-main);border-radius:var(--radius-md);padding:32px 0}.streak-hero h3{color:var(--text-main);margin-bottom:8px;font-size:20px;font-weight:800}.streak-hero p{color:var(--text-sub);font-size:13px}.partners-list,.head-to-head-list{flex-direction:column;gap:12px;display:flex}.partner-row{background-color:var(--bg-main);border-radius:var(--radius-md);justify-content:space-between;padding:14px;font-size:13px;display:flex}.partner-name{font-weight:800}.partner-winrate{color:var(--primary);font-weight:700}.h2h-row{align-items:center;gap:16px;font-size:13px;display:flex}.h2h-team{width:85px;color:var(--text-sub);font-weight:800}.h2h-bar-container{background-color:var(--border-light);border-radius:var(--radius-full);flex:1;height:12px;overflow:hidden}.h2h-bar{background-color:var(--primary);border-radius:var(--radius-full);height:100%}.h2h-stats{width:100px;color:var(--text-main);text-align:right;font-weight:700}.pbr-trend-card{flex-direction:column;gap:20px;display:flex}.trend-header h3{color:var(--text-sub);margin-bottom:8px;font-size:15px;font-weight:800}.trend-stats{align-items:baseline;gap:10px;display:flex}.trend-stats h2{color:var(--text-main);font-size:32px;font-weight:800}.trend-up{color:var(--success);font-size:13px;font-weight:700}.trend-chart-wrapper{background-color:var(--bg-main);border-radius:var(--radius-md);padding:16px 8px 8px}.trend-svg{width:100%;height:auto}@media (width<=900px){.records-split-layout{grid-template-columns:1fr}.profile-summary-card{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.stats-counters{border-top:1px solid var(--border-light);justify-content:space-between;gap:12px;width:100%;padding-top:20px}}.ranking-sub-nav{background-color:var(--bg-main,#f8fafc);border:1px solid var(--border-light,#e2e8f0);border-radius:12px;gap:8px;margin-bottom:20px;padding:4px;display:flex}.ranking-sub-btn{color:var(--text-sub,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.ranking-sub-btn:hover{color:var(--text-main,#0f172a);background-color:#fff9}.ranking-sub-btn.active{color:#065f46;background-color:#fff;font-weight:800;box-shadow:0 2px 6px #0000000f}.ranking-badge-hot{color:#fff;letter-spacing:-.2px;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:20px;padding:2px 7px;font-size:10px;font-weight:800;box-shadow:0 1px 3px #ef44444d}.ranking-info-banner{background-color:#f0fdf4;border-left:4px solid #10b981;border-radius:8px;margin-bottom:16px;padding:12px 16px}.ranking-info-text{color:#065f46;margin:0;font-size:13px;line-height:1.5}.club-ranking-wrapper{flex-direction:column;gap:20px;display:flex}.season-reward-banner{color:#fff;background:linear-gradient(135deg,#064e3b 0%,#047857 50%,#059669 100%);border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #064e3b40}.season-reward-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-50px;right:-50px}.season-reward-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.season-title-group{align-items:center;gap:10px;display:flex}.season-badge-live{color:#fff;background-color:#ef4444;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:800;animation:2s infinite pulse}.season-title{color:#fff;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.season-dday-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000040;border:1px solid #fff3;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:flex}.season-dday-badge strong{color:#fde047;font-size:15px;font-weight:900}.season-desc{color:#ffffffe6;margin:0 0 18px;font-size:13px;line-height:1.5}.reward-perks-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.reward-perk-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3;border-radius:12px;flex-direction:column;gap:6px;padding:14px 12px;transition:transform .2s;display:flex}.reward-perk-item:hover{background:#ffffff2e;transform:translateY(-2px)}.reward-perk-item.first-place{background:linear-gradient(145deg,#fde04733,#ffffff1f);border-color:#fde047}.perk-badge{color:#fff;font-size:12px;font-weight:800}.reward-perk-item.first-place .perk-badge{color:#fef08a}.perk-point{color:#fef08a;letter-spacing:-.3px;font-size:17px;font-weight:900}.reward-perk-item.second-place .perk-point{color:#f1f5f9}.reward-perk-item.third-place .perk-point{color:#fdba74}.reward-perk-item.top10-place .perk-point{color:#6ee7b7}.perk-detail{color:#ffffffd9;margin:0;font-size:11px;line-height:1.35}.reward-notice-footer{color:#ffffffd9;border-top:1px solid #ffffff26;align-items:center;gap:8px;padding-top:12px;font-size:11.5px;display:flex}.cap-guide-accordion{background-color:#f8fafc;border:1px solid #d1fae5;border-radius:14px;padding:0;overflow:hidden}.cap-guide-toggle-btn{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:background-color .2s;display:flex}.cap-guide-toggle-btn:hover{background-color:#f1f5f9}.cap-guide-btn-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cap-guide-btn-left strong{color:#064e3b;font-size:14px}.cap-guide-subtext{color:#059669;background-color:#ecfdf5;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.cap-guide-content{border-top:1px solid #e2e8f0;padding:4px 20px 20px}.cap-guide-intro{color:var(--text-sub,#475569);margin:12px 0 16px;font-size:13px;line-height:1.5}.cap-formula-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;display:grid}.cap-formula-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.formula-header{align-items:center;gap:10px;display:flex}.formula-icon{font-size:20px}.formula-header strong{color:var(--text-main,#0f172a);font-size:13px;display:block}.formula-weight{color:#059669;background-color:#ecfdf5;border-radius:4px;margin-top:2px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.formula-list{color:var(--text-sub,#475569);flex-direction:column;gap:4px;margin:0;padding-left:16px;font-size:12px;display:flex}.formula-list li strong{color:#059669}.cap-guide-callout{color:#b45309;background-color:#fffbeb;border:1px solid #fef3c7;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.club-podium-container{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:4px;display:grid}.club-podium-card{text-align:center;background:#fff;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.club-podium-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #00000014}.club-podium-card.first{background:linear-gradient(#fefce8 0%,#fff 50%);border-color:#facc15}.club-podium-card.second{background:linear-gradient(#f8fafc 0%,#fff 50%);border-color:#cbd5e1}.club-podium-card.third{background:linear-gradient(#fff7ed 0%,#fff 50%);border-color:#fdba74}.podium-medal{font-size:32px;line-height:1}.podium-rank-text{color:var(--text-sub,#64748b);letter-spacing:-.2px;font-size:12px;font-weight:800}.podium-club-name{color:var(--text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:4px 0 2px;font-size:15px;font-weight:800;overflow:hidden}.podium-location{color:var(--text-sub,#64748b);font-size:11.5px}.podium-cap-score{margin:6px 0}.podium-cap-score span{color:#047857;font-size:22px;font-weight:900}.podium-cap-score small{color:#059669;margin-left:3px;font-size:12px;font-weight:800}.podium-badge-tag{color:#b45309;background-color:#fef3c7;border-radius:12px;padding:3px 8px;font-size:10.5px;font-weight:800}.podium-stats-mini{color:#94a3b8;gap:4px;margin-top:4px;font-size:11px;display:flex}.club-ranking-table-card{background-color:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0000000a}.club-ranking-table-header{border-bottom:1px solid var(--border-light,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.club-ranking-table{border-collapse:collapse;width:100%;font-size:13px}.club-ranking-table th{color:var(--text-sub,#64748b);border-bottom:2px solid var(--border,#cbd5e1);text-align:left;padding:10px 8px;font-weight:800}.club-ranking-table td{border-bottom:1px solid var(--border-light,#f1f5f9);vertical-align:middle;padding:14px 8px}.club-ranking-table tr:hover{background-color:#f8fafc}.club-ranking-table tr.top-row-1{background-color:#fefce8}.club-ranking-table tr.top-row-2{background-color:#f8fafc}.club-ranking-table tr.top-row-3{background-color:#fff7ed}.club-rank-pill{color:#475569;background-color:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-block}.club-rank-pill.rank-1{color:#854d0e;background-color:#fef08a}.club-rank-pill.rank-2{color:#334155;background-color:#e2e8f0}.club-rank-pill.rank-3{color:#9a3412;background-color:#ffedd5}.club-table-info{flex-direction:column;gap:4px;display:flex}.club-table-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.club-table-name-row strong{color:var(--text-main,#0f172a);font-size:14px}.club-mini-badge{color:#047857;background-color:#ecfdf5;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:700}.club-table-sub-row{color:var(--text-sub,#64748b);gap:6px;font-size:11.5px;display:flex}.club-table-cap{flex-direction:column;align-items:center;display:flex}.club-table-cap strong{color:#047857;font-size:16px;font-weight:900}.club-table-cap small{color:#059669;font-size:10px;font-weight:800}.club-table-stats-grid{flex-wrap:wrap;gap:6px;display:flex}.club-table-stats-grid span{color:#334155;background-color:#f1f5f9;border-radius:6px;padding:3px 7px;font-size:11.5px;font-weight:600}.club-visit-btn{color:#059669;cursor:pointer;white-space:nowrap;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.club-visit-btn:hover{color:#fff;background-color:#059669}@media (width<=768px){.reward-perks-grid{grid-template-columns:repeat(2,1fr)}.cap-formula-grid,.club-podium-container{grid-template-columns:1fr}}.club-container{flex-direction:column;gap:24px;display:flex}.club-tabs{border-bottom:2px solid var(--border);gap:24px;display:flex}.club-tab-btn{color:var(--text-muted);transition:var(--transition);padding:12px 4px;font-size:16px;font-weight:800;position:relative}.club-tab-btn:hover,.club-tab-btn.active{color:var(--primary)}.club-tab-btn.active:after{content:"";background-color:var(--primary);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-2px;left:0;right:0}.club-filter-card{background-color:var(--card-bg,#fff);border:1px solid var(--border-light,#e5e7eb);border-radius:var(--radius-lg,12px);flex-direction:column;gap:16px;margin-bottom:20px;padding:20px;display:flex}.club-search-row{align-items:center;gap:12px;display:flex}.search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-input-wrapper .search-icon{color:var(--text-muted,#9ca3af);pointer-events:none;position:absolute;left:14px}.search-input-wrapper input{border-radius:var(--radius-md,8px);border:1px solid var(--border,#d1d5db);background-color:var(--bg-main,#f9fafb);width:100%;height:44px;transition:var(--transition);padding:0 40px 0 44px;font-size:14px;font-weight:500}.search-input-wrapper input:focus{border-color:var(--primary,#10b981);background-color:#fff;outline:none;box-shadow:0 0 0 3px #10b98126}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.btn-filter-reset{background-color:var(--bg-main);border:1px solid var(--border);color:var(--text-sub);border-radius:var(--radius-md,8px);cursor:pointer;white-space:nowrap;height:44px;transition:var(--transition);align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.btn-filter-reset:hover{background-color:var(--border-light);color:var(--text-main)}.club-filter-options-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=768px){.club-filter-options-grid{grid-template-columns:1fr}}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-label{color:var(--text-sub);align-items:center;gap:4px;font-size:12px;font-weight:800;display:flex}.filter-select{border-radius:var(--radius-sm,6px);border:1px solid var(--border,#d1d5db);background-color:var(--bg-main,#f9fafb);height:40px;color:var(--text-main);cursor:pointer;transition:var(--transition);outline:none;padding:0 12px;font-size:13px;font-weight:600}.filter-select:focus{border-color:var(--primary);background-color:#fff}.filter-status-row{border-top:1px solid var(--border-light,#f3f4f6);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.result-count{color:var(--text-sub);font-size:13px}.result-count strong{color:var(--primary);font-weight:800}.club-card{text-align:left;border-radius:var(--radius-lg,12px);border:1px solid var(--border-light);background-color:#fff;flex-direction:column;padding:22px;transition:transform .2s,box-shadow .2s;display:flex}.club-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.club-card-top-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.club-card-image{background-color:var(--primary-light,#ecfdf5);width:48px;height:48px;color:var(--primary,#10b981);border-radius:12px;justify-content:center;align-items:center;display:flex}.club-type-badge{color:var(--primary);background-color:var(--primary-light);border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.club-title{color:var(--text-main);margin-bottom:6px;font-size:17px;font-weight:900;line-height:1.3}.club-card-desc{color:var(--text-sub);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:36px;margin-bottom:14px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.club-stats-box{background-color:var(--bg-main,#f9fafb);border-radius:var(--radius-md,8px);flex-direction:column;gap:6px;margin-bottom:14px;padding:10px 12px;display:flex}.stat-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-label{color:var(--text-muted,#6b7280);align-items:center;gap:4px;display:flex}.stat-val{color:var(--text-main);font-weight:700}.stat-val.bold{font-weight:800}.stat-val.highlight{color:var(--primary);font-weight:800}.stat-sub{color:var(--text-sub);font-size:11px;font-weight:600}.club-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.club-tag{border-radius:var(--radius-sm);color:var(--text-sub);background-color:#f3f4f6;padding:3px 8px;font-size:11px;font-weight:700}.club-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:14px;display:flex}.rating-pill{color:var(--text-sub);align-items:center;gap:4px;font-size:12px;font-weight:800;display:flex}.rating-pill .star-icon{color:#f59e0b;fill:#f59e0b}.join-btn{background-color:var(--primary-light);color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);padding:7px 16px;font-size:12px;font-weight:800}.join-btn:hover:not(:disabled){background-color:var(--primary);color:#fff}.join-btn.is-member{color:#059669;cursor:default;background-color:#ecfdf5;border:1px solid #a7f3d0;align-items:center;gap:4px;display:inline-flex}.club-empty-results{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;display:flex}.club-empty-results .empty-icon{color:var(--text-muted);opacity:.5}.club-empty-results h3{color:var(--text-main);margin:0;font-size:18px;font-weight:800}.club-empty-results p{color:var(--text-sub);margin:0;font-size:13px}.create-club-btn-fixed{background-color:var(--primary);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);transition:var(--transition);z-index:99;padding:14px 24px;font-size:14px;font-weight:800;position:fixed;bottom:80px;right:24px}.create-club-btn-fixed:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.community-view-layout{flex-direction:column;gap:16px;display:flex}.post-create-form .form-inner{align-items:center;gap:12px;display:flex}.post-create-form select{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-main);height:40px;padding:0 12px;font-size:13px;font-weight:700}.post-create-form input{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-main);flex:1;height:40px;padding:0 16px;font-size:13px}.post-send-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);width:40px;height:40px;transition:var(--transition);justify-content:center;align-items:center;display:flex}.post-send-btn:hover{background-color:var(--primary-hover)}.posts-list{flex-direction:column;gap:16px;display:flex}.post-card{padding:24px}.post-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.post-author-info{align-items:center;gap:10px;display:flex}.author-img{background-color:var(--border);width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.post-author-info strong{font-size:13px;display:block}.post-author-info span{color:var(--primary);font-size:11px;font-weight:700}.post-time{color:var(--text-muted);font-size:12px}.post-title{color:var(--text-main);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:800;display:flex}.post-tag-badge{color:var(--primary)}.post-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.post-comments{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.post-action-btn{background-color:var(--accent-light);color:var(--text-main);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:700}.my-clubs-view{text-align:center;padding:48px 24px}.my-clubs-view h3{color:var(--text-main);margin-bottom:8px;font-size:18px;font-weight:800}.my-clubs-view p{color:var(--text-sub);font-size:13px}.btn-danger{background-color:var(--danger-light,#fee2e2);color:var(--danger,#ef4444);border-radius:var(--radius-sm);border:1px solid var(--danger,#ef4444);cursor:pointer;transition:var(--transition);padding:6px 14px;font-size:12px;font-weight:800}.btn-danger:hover{background-color:var(--danger,#ef4444);color:#fff}.member-list-toggle-btn{color:var(--primary);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:4px;padding:8px 0;font-size:13px;font-weight:700;display:flex}.member-list-toggle-btn:hover{text-decoration:underline}.member-list-container{background-color:var(--bg-main,#f9fafb);border-radius:var(--radius-md,8px);border:1px solid var(--border-light,#e5e7eb);margin-top:12px;padding:12px}.member-item{border-bottom:1px solid var(--border-light,#e5e7eb);justify-content:space-between;align-items:center;padding:8px 4px;display:flex}.member-item:last-child{border-bottom:none}.member-name{color:var(--text-main);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.member-role-badge{border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.member-role-badge.owner{background-color:var(--accent-light,#fef3c7);color:var(--accent-dark,#d97706)}.member-role-badge.member{background-color:var(--primary-light,#ecfdf5);color:var(--primary,#10b981)}.member-date{color:var(--text-muted,#9ca3af);font-size:11px}.post-detail-modal-content{flex-direction:column;width:90%;max-width:600px;max-height:85vh;padding:24px;display:flex}.post-detail-body{flex:1;margin-top:16px;padding-right:8px;overflow-y:auto}.post-detail-content{color:var(--text-main);white-space:pre-wrap;margin-bottom:24px;font-size:15px;line-height:1.6}.comments-section{border-top:1px solid var(--border,#e5e7eb);padding-top:20px}.comments-header{color:var(--text-main);margin-bottom:16px;font-size:14px;font-weight:800}.comments-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.comment-item{background-color:var(--bg-main,#f9fafb);border-radius:var(--radius-sm,6px);border:1px solid var(--border-light,#f3f4f6);padding:12px}.comment-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.comment-author-info{align-items:center;gap:8px;display:flex}.comment-author-info strong{color:var(--text-main);font-size:12px}.comment-author-info span{color:var(--primary);font-size:10px;font-weight:700}.comment-date{color:var(--text-muted,#9ca3af);font-size:11px}.comment-text{color:var(--text-main);white-space:pre-wrap;font-size:13px;line-height:1.4}.comment-input-container{border-top:1px solid var(--border-light,#e5e7eb);align-items:center;gap:8px;padding-top:16px;display:flex}.comment-input-container input{border:1px solid var(--border,#d1d5db);border-radius:var(--radius-sm,6px);background-color:var(--bg-main);flex:1;height:38px;padding:0 12px;font-size:13px}.comment-submit-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm,6px);height:38px;transition:var(--transition);justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:800;display:flex}.comment-submit-btn:hover{background-color:var(--primary-hover)}.club-create-modal-content{max-width:540px}.form-row-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.days-toggle-row{gap:6px;display:flex}.day-toggle-pill{border:1px solid var(--border,#d1d5db);background-color:var(--bg-main,#f9fafb);color:var(--text-sub,#4b5563);border-radius:var(--radius-sm,6px);cursor:pointer;transition:var(--transition);text-align:center;flex:1;padding:8px 0;font-size:13px;font-weight:800}.day-toggle-pill:hover{border-color:var(--primary);color:var(--primary)}.day-toggle-pill.active{background-color:var(--primary,#10b981);color:#fff;border-color:var(--primary,#10b981)}.req{color:var(--danger,#ef4444)}.club-card.clickable,.my-club-item-card.clickable{cursor:pointer}.club-detail-view{flex-direction:column;gap:20px;display:flex}.club-detail-nav-top{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.back-link-btn{color:var(--primary);cursor:pointer;border-radius:var(--radius-sm,6px);background:0 0;background-color:var(--primary-light);transition:var(--transition);border:none;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:800;display:inline-flex}.back-link-btn:hover{background-color:var(--primary);color:#fff}.breadcrumb-trail{color:var(--text-muted);font-size:13px}.breadcrumb-trail strong{color:var(--text-main)}.club-detail-header{border-radius:var(--radius-lg,12px);border:1px solid var(--border-light);background-color:#fff;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px;display:flex}.detail-header-left{flex:1;gap:20px;display:flex}.detail-emblem{background-color:var(--primary-light);width:72px;height:72px;color:var(--primary);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.detail-title-block{flex-direction:column;gap:8px;display:flex}.detail-badge-row{align-items:center;gap:8px;display:flex}.owner-badge{color:#d97706;background-color:#fef3c7;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.member-badge{color:#059669;background-color:#ecfdf5;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.detail-club-name{color:var(--text-main);margin:0;font-size:24px;font-weight:900;line-height:1.2}.detail-desc-text{color:var(--text-sub);margin:0;font-size:14px;line-height:1.6}.detail-info-chips{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.detail-info-chips .chip{color:var(--text-sub);background-color:var(--bg-main,#f9fafb);border:1px solid var(--border-light,#e5e7eb);border-radius:var(--radius-sm,6px);align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.detail-header-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:12px;display:flex}.owner-actions-box,.member-actions-box{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.role-indicator{color:#d97706;font-size:12px;font-weight:800}.btn-leave-club{border:1px solid var(--danger-light,#fee2e2);color:var(--danger,#ef4444);border-radius:var(--radius-sm,6px);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.btn-leave-club:hover{background-color:var(--danger,#ef4444);color:#fff}.btn-lg-primary{border-radius:var(--radius-md,8px)!important;padding:12px 24px!important;font-size:14px!important}.pending-btn{align-items:center;gap:6px;display:inline-flex;color:#b45309!important;cursor:default!important;background-color:#fef3c7!important;border:1px solid #fde68a!important}.club-subtabs-nav{border-bottom:2px solid var(--border);gap:10px;padding-bottom:2px;display:flex}.subtab-btn{color:var(--text-muted);border-radius:var(--radius-md,8px) var(--radius-md,8px) 0 0;cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:800;display:inline-flex;position:relative}.subtab-btn:hover{color:var(--primary);background-color:#10b9810d}.subtab-btn.active{color:var(--primary);font-weight:900}.subtab-btn.active:after{content:"";background-color:var(--primary);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-4px;left:0;right:0}.club-dashboard-layout{grid-template-columns:2fr 1fr;gap:20px;display:grid}@media (width<=900px){.club-dashboard-layout{grid-template-columns:1fr}.club-detail-header{flex-direction:column;align-items:stretch}.detail-header-right{align-items:flex-start}}.dashboard-banner-card{border-radius:var(--radius-md,8px);background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border:1px solid #a7f3d0;padding:20px}.banner-title-row{color:var(--primary-dark,#065f46);align-items:center;gap:8px;margin-bottom:8px;font-size:15px;font-weight:900;display:flex}.banner-desc{color:var(--text-sub);margin:0;font-size:13px;line-height:1.5}.home-section-card{border-radius:var(--radius-md,8px);border:1px solid var(--border-light);background-color:#fff;flex-direction:column;gap:14px;padding:22px;display:flex}.home-section-header{justify-content:space-between;align-items:center;display:flex}.home-section-header h4{color:var(--text-main);align-items:center;gap:6px;margin:0;font-size:16px;font-weight:800;display:flex}.view-more-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.view-more-link:hover{text-decoration:underline}.schedule-card-item{background-color:var(--bg-main,#f9fafb);border:1px solid var(--border-light,#e5e7eb);border-radius:var(--radius-md,8px);flex-direction:column;gap:12px;padding:16px;display:flex}.schedule-title-row{justify-content:space-between;align-items:center;display:flex}.schedule-name{color:var(--text-main);font-size:15px;font-weight:800}.schedule-status-badge{color:var(--primary);background-color:var(--primary-light);border-radius:12px;padding:3px 8px;font-size:11px;font-weight:800}.schedule-meta-grid{color:var(--text-sub);grid-template-columns:1fr 1fr;gap:8px;font-size:13px;display:grid}.schedule-meta-item{align-items:center;gap:6px;display:flex}.schedule-progress-container{flex-direction:column;gap:4px;display:flex}.progress-label-row{justify-content:space-between;font-size:12px;font-weight:800;display:flex}.schedule-progress-bar{background-color:var(--border-light,#e5e7eb);border-radius:4px;width:100%;height:8px;overflow:hidden}.schedule-progress-fill{background-color:var(--primary);border-radius:4px;height:100%;transition:width .3s}.schedule-card-actions{border-top:1px solid var(--border-light);justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.member-chips-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.member-avatar-chip{background-color:var(--bg-main,#f9fafb);border:1px solid var(--border-light);border-radius:var(--radius-sm,6px);align-items:center;gap:8px;padding:8px 10px;display:flex}.member-chip-avatar{background-color:var(--border-light);width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.member-chip-info{flex-direction:column;display:flex}.member-chip-name{color:var(--text-main);align-items:center;gap:4px;font-size:13px;font-weight:800;display:flex}.member-chip-role{color:var(--text-muted);font-size:11px}.notice-pinned-banner{border-radius:var(--radius-md,8px);color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:10px;padding:14px 18px;font-size:13px;font-weight:700;display:flex}.join-apply-modal-content{width:92%;max-width:520px}.applicant-info-summary{background-color:var(--bg-main,#f9fafb);border:1px solid var(--border-light,#e5e7eb);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.applicant-info-left{align-items:center;gap:10px;display:flex}.applicant-avatar-sm{background-color:var(--primary-light,#ecfdf5);width:38px;height:38px;color:var(--primary,#10b981);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.applicant-name-text{color:var(--text-main,#111827);font-size:14px;font-weight:800}.applicant-rating-badge{background-color:var(--primary-light,#ecfdf5);color:var(--primary,#10b981);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:800}.applicant-card-item{background-color:#fff;border:1px solid #fde68a;border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 1px 3px #00000008}.applicant-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.applicant-card-profile{align-items:center;gap:10px;display:flex}.applicant-tag-chips{align-items:center;gap:6px;margin-top:4px;display:flex}.app-exp-chip{color:#b45309;background-color:#fef3c7;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.applicant-message-box{color:var(--text-main,#1f2937);background-color:#f9fafb;border-left:3px solid #f59e0b;border-radius:0 6px 6px 0;padding:10px 14px;font-size:13px;line-height:1.5}.applicant-contact-row{color:var(--text-sub,#4b5563);align-items:center;gap:6px;font-size:12px;display:flex}.applicant-actions-row{border-top:1px dashed #fde68a;justify-content:flex-end;align-items:center;gap:8px;padding-top:10px;display:flex}.btn-approve-app{background-color:var(--primary,#10b981);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn-approve-app:hover{filter:brightness(.92)}.btn-reject-app{color:#ef4444;cursor:pointer;background-color:#fff;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn-reject-app:hover{background-color:#fef2f2}.member-list-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.member-search-input-wrap{flex:1;max-width:260px;position:relative}.member-search-input-wrap input{border:1px solid var(--border-light,#e5e7eb);background-color:var(--bg-main,#fff);border-radius:6px;width:100%;padding:7px 12px 7px 32px;font-size:13px}.member-search-input-wrap .search-icon{color:var(--text-muted,#9ca3af);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.member-row-item{background-color:var(--bg-main,#f9fafb);border:1px solid var(--border-light,#e5e7eb);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;transition:background-color .2s;display:flex}.member-row-item:hover{background-color:#f3f4f6}.member-role-badge.vice_leader{color:#0369a1;background-color:#e0f2fe;border:1px solid #bae6fd}.member-role-badge.manager{color:#4f46e5;background-color:#eef2ff;border:1px solid #c7d2fe}.member-manage-btn-group{align-items:center;gap:6px;display:flex}.btn-manage-action{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.btn-manage-action.role-btn{color:#0284c7;background-color:#f8fafc;border-color:#bae6fd}.btn-manage-action.role-btn:hover{background-color:#e0f2fe;border-color:#7dd3fc}.btn-manage-action.kick-btn{color:#e11d48;background-color:#fff1f2;border-color:#fecdd3}.btn-manage-action.kick-btn:hover{background-color:#ffe4e6}.role-modal-backdrop{z-index:1300;background-color:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.role-modal-card{border-radius:var(--radius-lg,16px);background-color:#fff;flex-direction:column;width:100%;max-width:480px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000040}.role-modal-header{border-bottom:1px solid var(--border,#e5e7eb);background-color:#fafbfc;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.role-modal-header h3{color:var(--text-main,#111827);align-items:center;gap:8px;margin:0;font-size:17px;font-weight:800;display:flex}.role-modal-close-btn{color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.role-modal-close-btn:hover{color:var(--text-main,#111827);background-color:#f3f4f6}.role-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.role-target-member-info{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.role-target-avatar{background-color:var(--primary,#0052cc);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.role-target-details{flex-direction:column;gap:4px;display:flex}.role-target-name{color:var(--text-main,#111827);font-size:15px;font-weight:800}.role-target-current{color:var(--text-sub,#4b5563);font-size:12.5px}.role-options-title{color:var(--text-sub,#4b5563);margin-bottom:8px;font-size:13px;font-weight:800}.role-options-list{flex-direction:column;gap:10px;display:flex}.role-option-card{border:1.5px solid var(--border,#e5e7eb);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:12px;align-items:flex-start;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.role-option-card:hover{background-color:#f8fafc;border-color:#93c5fd}.role-option-card.active{border-color:var(--primary,#0052cc);background-color:#eff6ff}.role-option-radio{width:18px;height:18px;accent-color:var(--primary,#0052cc);cursor:pointer;margin-top:3px}.role-option-content{flex-direction:column;flex:1;gap:4px;display:flex}.role-option-badge-row{align-items:center;gap:8px;display:flex}.role-option-name{color:var(--text-main,#111827);font-size:14px;font-weight:800}.role-option-desc{color:var(--text-muted,#64748b);font-size:12px;line-height:1.45}.role-modal-footer{border-top:1px solid var(--border,#e5e7eb);background-color:#fafbfc;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.empty-state-card{text-align:center;background-color:var(--bg-main,#f9fafb);border:1px dashed var(--border-light,#e5e7eb);color:var(--text-muted,#9ca3af);border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:30px;font-size:13px;display:flex}.banner-pinned-notice-alert{cursor:pointer;background-color:#fff;border:1px solid #fde68a;border-radius:8px;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #f59e0b14}.banner-pinned-notice-alert:hover{background-color:#fffbeb;border-color:#f59e0b;transform:translate(2px)}.banner-notice-headline{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;max-width:480px;font-size:13px;font-weight:700;overflow:hidden}.banner-notice-link{color:#b45309;white-space:nowrap;align-items:center;gap:2px;margin-left:12px;font-size:12px;font-weight:800;display:inline-flex}.club-board-container{flex-direction:column;gap:16px;display:flex}.pinned-notice-banner-card{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fcd34d;border-left:5px solid #f59e0b;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #f59e0b1f}.pinned-notice-banner-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b33}.pinned-banner-content{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.pinned-icon-box{color:#fff;background-color:#f59e0b;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pinned-text-wrap{flex-direction:column;gap:4px;min-width:0;display:flex}.pinned-header-meta{align-items:center;gap:8px;font-size:11px;display:flex}.pinned-badge{color:#fff;letter-spacing:-.2px;background-color:#b45309;border-radius:12px;padding:2px 8px;font-weight:800}.pinned-meta-author{color:#78350f;font-weight:700}.pinned-meta-date{color:#92400e}.pinned-headline{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:900;overflow:hidden}.pinned-view-btn{color:#b45309;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-size:12px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.pinned-view-btn:hover{color:#fff;background-color:#b45309;border-color:#b45309}.board-toolbar-card{border:1px solid var(--border-light,#e5e7eb);background-color:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.category-filter-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.board-filter-chip{background-color:var(--bg-main,#f3f4f6);color:var(--text-sub,#4b5563);border:1px solid var(--border-light,#e5e7eb);cursor:pointer;border-radius:20px;align-items:center;padding:7px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.board-filter-chip:hover{color:var(--text-main,#111827);background-color:#e5e7eb}.board-filter-chip.active{background-color:var(--primary,#10b981);color:#fff;border-color:var(--primary,#10b981)}.board-filter-chip .chip-count{background-color:#00000014;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:11px}.board-filter-chip.active .chip-count{color:#fff;background-color:#ffffff4d}.btn-write-post{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #10b98133}.club-post-cards-list{flex-direction:column;gap:12px;display:flex}.club-post-row-card{border:1px solid var(--border-light,#e5e7eb);background-color:#fff;border-radius:12px;padding:18px 20px;transition:all .2s;position:relative;overflow:hidden}.club-post-row-card:hover{border-color:var(--border,#d1d5db);transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.club-post-row-card.pinned-post-card{background-color:#fffdf7;border:1.5px solid #fde68a;box-shadow:0 2px 10px #f59e0b14}.pinned-post-ribbon{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:4px;margin-bottom:12px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.club-post-content-wrap{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.club-post-text-side{flex-direction:column;flex:1;min-width:0;display:flex}.club-post-meta-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.club-post-author-box{align-items:center;gap:6px;font-size:12px;display:flex}.post-avatar-mini{background-color:var(--primary-light,#ecfdf5);width:24px;height:24px;color:var(--primary,#10b981);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.post-author-name{color:var(--text-main,#111827);font-weight:700}.post-author-rating{color:var(--primary,#10b981);font-size:11px;font-weight:800}.post-dot-divider{color:var(--text-muted,#9ca3af)}.post-date-text{color:var(--text-muted,#9ca3af);font-size:11px}.post-tag-chip{border-radius:6px;padding:3px 9px;font-size:11px;font-weight:800}.post-tag-chip.tag-공지{color:#b45309;background-color:#fef3c7}.post-tag-chip.tag-자유{color:#2563eb;background-color:#eff6ff}.post-tag-chip.tag-사진{color:#7c3aed;background-color:#f5f3ff}.club-post-title-text{color:var(--text-main,#111827);margin:0 0 6px;font-size:16px;font-weight:900;line-height:1.4}.club-post-body-preview{color:var(--text-sub,#4b5563);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.club-post-footer-row{border-top:1px solid var(--border-light,#f3f4f6);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.footer-meta-stats{align-items:center;gap:12px;display:flex}.comment-stat-pill{color:var(--primary,#10b981);align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.has-photo-pill{color:#7c3aed;background-color:#f5f3ff;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.post-actions-inline{align-items:center;gap:6px;display:flex}.btn-post-action{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.btn-post-action.pin-action{color:#4b5563;background-color:#f3f4f6;border-color:#d1d5db}.btn-post-action.pin-action.active{color:#b45309;background-color:#fef3c7;border-color:#fcd34d}.btn-post-action.delete-action{color:#e11d48;background-color:#fff1f2;border-color:#fecdd3}.btn-post-action.delete-action:hover{background-color:#ffe4e6}.club-post-thumb-box{border:1px solid var(--border-light,#e5e7eb);border-radius:10px;flex-shrink:0;width:90px;height:90px;overflow:hidden}.club-post-thumb-box img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.club-post-row-card:hover .club-post-thumb-box img{transform:scale(1.05)}.club-gallery-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.club-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.club-gallery-grid{grid-template-columns:1fr}}.gallery-photo-card{border:1px solid var(--border-light,#e5e7eb);cursor:pointer;background-color:#fff;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.gallery-photo-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000001a}.gallery-img-container{background-color:#f3f4f6;width:100%;height:200px;position:relative;overflow:hidden}.gallery-img-container img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-photo-card:hover .gallery-img-container img{transform:scale(1.06)}.gallery-pinned-tag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f59e0be6;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:800;display:flex;position:absolute;top:10px;left:10px}.gallery-hover-info{opacity:0;color:#fff;background:linear-gradient(#0000 0%,#0003 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:14px;transition:opacity .25s;display:flex;position:absolute;inset:0}.gallery-photo-card:hover .gallery-hover-info{opacity:1}.gallery-hover-title{margin-bottom:6px;font-size:14px;font-weight:800;line-height:1.3}.gallery-hover-bottom{color:#e5e7eb;justify-content:space-between;font-size:12px;font-weight:600;display:flex}.gallery-info-bar{background-color:#fff;padding:12px 14px}.gallery-title-text{color:var(--text-main,#111827);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;display:block;overflow:hidden}.gallery-sub-meta{color:var(--text-muted,#9ca3af);justify-content:space-between;align-items:center;margin-top:4px;font-size:12px;display:flex}.club-post-write-modal{width:92%;max-width:580px}.category-select-pill-group{gap:8px;margin-top:4px;display:flex}.category-pill-btn{text-align:center;background-color:var(--bg-main,#f3f4f6);border:1px solid var(--border-light,#e5e7eb);color:var(--text-sub,#4b5563);cursor:pointer;border-radius:8px;flex:1;padding:10px 0;font-size:13px;font-weight:800;transition:all .2s}.category-pill-btn:hover:not(.disabled){background-color:#e5e7eb}.category-pill-btn.active{background-color:var(--primary,#10b981);color:#fff;border-color:var(--primary,#10b981)}.category-pill-btn.disabled{opacity:.5;cursor:not-allowed}.pinned-checkbox-card{background-color:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:12px 14px}.checkbox-label-custom{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.checkbox-label-custom input[type=checkbox]{accent-color:#d97706;cursor:pointer;width:18px;height:18px;margin-top:2px}.checkbox-text-block{flex-direction:column;gap:3px;display:flex}.checkbox-main-text{color:#92400e;align-items:center;gap:5px;font-size:13px;font-weight:800;display:flex}.checkbox-sub-text{color:#b45309;font-size:11px;line-height:1.4}.attached-img-preview-box{border:1px solid var(--border-light,#e5e7eb);border-radius:8px;width:100%;max-height:200px;margin-top:6px;position:relative;overflow:hidden}.attached-img-preview-box img{object-fit:cover;width:100%;height:100%;max-height:200px;display:block}.btn-remove-attached-img{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:700}.btn-remove-attached-img:hover{text-decoration:underline}.image-upload-options{flex-direction:column;gap:10px;margin-top:6px;display:flex}.file-upload-dropzone{background-color:var(--bg-main,#f9fafb);border:1px dashed var(--border,#d1d5db);cursor:pointer;color:var(--text-sub,#4b5563);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.file-upload-dropzone:hover{border-color:var(--primary,#10b981);background-color:var(--primary-light,#ecfdf5);color:var(--primary,#10b981)}.preset-photos-wrapper{background-color:var(--bg-main,#f9fafb);border:1px solid var(--border-light,#e5e7eb);border-radius:8px;padding:10px 12px}.preset-label{color:var(--text-sub,#4b5563);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.preset-photos-row{gap:8px;display:flex;overflow-x:auto}.preset-thumb-btn{border:1px solid var(--border-light,#e5e7eb);cursor:pointer;background:#fff;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:4px;transition:all .2s;display:flex}.preset-thumb-btn:hover{border-color:var(--primary,#10b981);transform:translateY(-2px)}.preset-thumb-btn img{object-fit:cover;border-radius:4px;width:52px;height:42px}.preset-thumb-btn span{color:var(--text-sub,#4b5563);font-size:10px;font-weight:700}.club-post-detail-modal{width:94%;max-width:680px}.detail-pinned-badge{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.detail-top-bar{border-bottom:1px solid var(--border-light,#e5e7eb);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.detail-author-avatar{background-color:var(--primary-light,#ecfdf5);width:36px;height:36px;color:var(--primary,#10b981);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.detail-manage-btn-group{align-items:center;gap:8px;display:flex}.btn-detail-manage{border:1px solid var(--border,#d1d5db);color:var(--text-sub,#4b5563);cursor:pointer;background-color:#fff;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.btn-detail-manage:hover{background-color:var(--bg-main,#f3f4f6)}.btn-detail-manage.is-pinned{color:#b45309;background-color:#fef3c7;border-color:#fcd34d}.btn-detail-manage.danger{color:#e11d48;background-color:#fff1f2;border-color:#fecdd3}.btn-detail-manage.danger:hover{background-color:#ffe4e6}.detail-post-title{color:var(--text-main,#111827);margin:0 0 14px;font-size:19px;font-weight:900;line-height:1.4}.detail-post-content-text{color:var(--text-main,#1f2937);white-space:pre-line;margin-bottom:20px;font-size:14px;line-height:1.7}.detail-post-image-wrap{border:1px solid var(--border-light,#e5e7eb);background-color:#000;border-radius:10px;width:100%;margin-bottom:20px;overflow:hidden}.detail-post-image-wrap img{object-fit:contain;width:100%;max-height:460px;display:block}.btn-delete-comment{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px 4px;transition:background-color .2s;display:flex}.btn-delete-comment:hover{background-color:#fee2e2}.schedule-filter-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.schedule-filter-btn{border:1px solid var(--border-light,#e5e7eb);color:var(--text-sub,#4b5563);cursor:pointer;background:#fff;border-radius:20px;padding:7px 14px;font-size:13px;font-weight:700;transition:all .2s}.schedule-filter-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.schedule-filter-btn.active{background-color:var(--primary,#10b981);color:#fff;border-color:var(--primary,#10b981);box-shadow:0 2px 6px #10b98140}.schedule-status-badge.badge-open{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.schedule-status-badge.badge-closed{color:#dc2626;background-color:#fee2e2;border:1px solid #fca5a5}.schedule-status-badge.badge-ended{color:#6b7280;background-color:#f3f4f6;border:1px solid #e5e7eb}.schedule-type-tag{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.schedule-cost-pill{color:#334155;border:1px solid var(--border-light,#e2e8f0);background-color:#f8fafc;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700}.schedule-edit-btns{align-items:center;gap:4px;display:flex}.btn-schedule-action{border:1px solid var(--border-light,#e2e8f0);color:#475569;cursor:pointer;background-color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.btn-schedule-action:hover{color:#0f172a;background-color:#f1f5f9}.btn-schedule-action.danger{color:#ef4444}.btn-schedule-action.danger:hover{background-color:#fee2e2;border-color:#fca5a5}.schedule-description-box{color:var(--text-sub,#475569);border-left:3px solid var(--primary,#10b981);background-color:#f8fafc;border-radius:6px;padding:10px 14px;font-size:13px;line-height:1.5}.attendees-avatar-stack{align-items:center;display:flex}.avatar-thumb-circle{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-8px;font-size:11px;font-weight:800;transition:transform .15s;display:flex;box-shadow:0 1px 3px #0000001f}.avatar-thumb-circle:hover{transform:translateY(-2px);z-index:20!important}.avatar-thumb-circle:first-child{margin-left:0}.avatar-thumb-circle.avatar-thumb-more{background:#64748b;font-size:10px}.btn-view-attendees-link{color:var(--primary,#10b981);cursor:pointer;background:0 0;border:none;margin-left:10px;padding:0;font-size:12px;font-weight:700;transition:color .2s}.btn-view-attendees-link:hover{text-decoration:underline}.modal-input,.modal-select,.modal-textarea{border:1px solid var(--border-light,#e2e8f0);width:100%;color:var(--text-main,#0f172a);box-sizing:border-box;background-color:#fff;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{border-color:var(--primary,#10b981);outline:none;box-shadow:0 0 0 3px #10b98126}.modal-textarea{resize:vertical;min-height:80px}.badge-court-linked{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.schedule-court-verified-banner{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:8px;margin-top:4px;padding:8px 12px;font-size:12px;display:flex}.court-link-mode-tabs{background-color:#f1f5f9;border-radius:8px;gap:4px;padding:4px;display:flex}.court-mode-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.court-mode-tab-btn:hover{color:#0f172a}.court-mode-tab-btn.active{color:var(--primary,#10b981);background-color:#fff;box-shadow:0 1px 3px #00000014}.court-direct-booking-widget{background-color:#fefce8;border:1px solid #fef08a;border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.court-direct-booking-widget .widget-header{color:#854d0e;align-items:center;gap:6px;margin-bottom:2px;font-size:13px;display:flex}.court-direct-booking-widget .sub-label{color:#713f12;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.court-price-preview-strip{color:#854d0e;background-color:#fff;border:1px solid #fef08a;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.court-linked-active-card{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 14px}.btn-unlink-court{color:#166534;cursor:pointer;background:0 0;border:1px solid #bbf7d0;border-radius:4px;padding:2px 8px;font-size:11px;transition:all .2s}.btn-unlink-court:hover{background-color:#dcfce7}.my-reservation-select-card{border:1px solid var(--border-light,#e2e8f0);background-color:#fff;border-radius:8px;padding:14px;transition:all .2s}.my-reservation-select-card:hover{border-color:var(--primary,#10b981);box-shadow:0 2px 8px #10b9811f}.btn-schedule-match-launcher{cursor:pointer;color:#6366f1;background-color:#f5f3ff;border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-schedule-match-launcher:hover{background-color:#ede9fe;border-color:#818cf8;transform:translateY(-1px)}.btn-schedule-match-launcher.has-matches{color:#b45309;background-color:#fef3c7;border-color:#fde68a}.btn-schedule-match-launcher.has-matches:hover{background-color:#fde68a;border-color:#f59e0b}.match-generator-modal{flex-direction:column;width:95%;max-height:90vh;display:flex;max-width:820px!important}.match-modal-badge{color:#6366f1;background-color:#ede9fe;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.match-generator-body{max-height:calc(90vh - 130px);padding:16px 22px;overflow-y:auto}.match-guide-banner{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:18px;padding:12px 16px;display:flex}.match-guide-banner strong{color:#166534;margin-bottom:2px;font-size:14px;display:block}.match-guide-banner p{color:#15803d;margin:0;font-size:12px}.match-setup-section{border:1px solid var(--border-light,#e2e8f0);background-color:#fff;border-radius:10px;margin-bottom:16px;padding:16px}.section-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-title-row h4{color:var(--text-main,#1e293b);margin:0;font-size:14px;font-weight:800}.count-pill{color:#475569;background-color:#f1f5f9;border-radius:12px;padding:3px 8px;font-size:11px}.btn-tiny{cursor:pointer;border:1px solid var(--border,#cbd5e1);color:var(--text-main,#334155);background-color:#fff;border-radius:5px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s}.btn-tiny:hover{background-color:#f8fafc}.btn-tiny.primary{background-color:var(--primary,#10b981);color:#fff;border-color:var(--primary,#10b981)}.btn-tiny.primary:hover{filter:brightness(.95)}.add-guest-inline-form{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;margin-bottom:12px;padding:10px 12px}.guest-name-input{border:1px solid var(--border,#cbd5e1);border-radius:6px;flex:1;min-width:140px;padding:6px 10px;font-size:13px}.guest-rating-select{border:1px solid var(--border,#cbd5e1);background-color:#fff;border-radius:6px;padding:6px 10px;font-size:12px}.attendees-check-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.attendee-check-card{cursor:pointer;border:1px solid var(--border-light,#e2e8f0);-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;transition:all .15s;display:flex}.attendee-check-card.attending{background-color:#f0fdf4;border-color:#86efac}.attendee-check-card.absent{opacity:.6;background-color:#f8fafc;border-color:#e2e8f0}.attendee-check-card.guest{border-style:dashed}.attendee-checkbox{cursor:pointer;accent-color:var(--primary,#10b981);width:16px;height:16px}.attendee-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.attendee-name{color:var(--text-main,#1e293b);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.attendee-pbr{color:var(--text-muted,#64748b);font-size:11px}.btn-guest-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:2px}.match-controls-row{grid-template-columns:1fr 1fr 1.6fr;gap:14px;margin-bottom:14px;display:grid}@media (width<=640px){.match-controls-row{grid-template-columns:1fr}}.stepper-control-box{flex-direction:column;gap:6px;display:flex}.stepper-control-box label,.mode-selection-box label{color:var(--text-muted,#64748b);font-size:12px;font-weight:700}.stepper-actions{border:1px solid var(--border,#cbd5e1);background-color:#fff;border-radius:8px;align-items:center;display:flex;overflow:hidden}.btn-stepper{cursor:pointer;width:38px;height:38px;color:var(--text-main,#1e293b);background-color:#f8fafc;border:none;font-size:16px;font-weight:800;transition:all .15s}.btn-stepper:hover:not(:disabled){background-color:#e2e8f0}.btn-stepper:disabled{opacity:.35;cursor:not-allowed}.stepper-val{text-align:center;color:var(--text-main,#1e293b);flex:1;font-size:14px;font-weight:800}.stepper-subtext{color:var(--text-muted,#64748b);font-size:11px}.mode-pills-row{gap:8px;display:flex}.mode-pill{border:1px solid var(--border,#cbd5e1);cursor:pointer;text-align:left;background-color:#fff;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.mode-pill.active{border-color:var(--primary,#10b981);box-shadow:0 0 0 1px var(--primary,#10b981);background-color:#f0fdf4}.mode-emoji{font-size:18px}.mode-pill strong{color:var(--text-main,#1e293b);font-size:12px;display:block}.mode-pill span{color:var(--text-muted,#64748b);font-size:10px;display:block}.match-preview-summary-box{border:1px solid var(--border-light,#e2e8f0);text-align:center;background-color:#f8fafc;border-radius:8px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:6px;padding:10px 14px;display:flex}.preview-stat-item{flex-direction:column;gap:2px;display:flex}.preview-stat-item .label{color:var(--text-muted,#64748b);font-size:10px}.preview-stat-item .value{color:var(--text-main,#1e293b);font-size:13px;font-weight:800}.preview-stat-item .value.highlight{color:var(--primary,#10b981)}.preview-stat-item .value.rest{color:#f59e0b}.preview-divider{color:#cbd5e1;font-weight:300}.match-config-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.btn-generate-matches{border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:800;display:inline-flex}.match-board-toolbar{border-bottom:2px solid var(--border-light,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.round-tabs-scroller{gap:6px;display:flex;overflow-x:auto}.round-tab-btn{border:1px solid var(--border,#cbd5e1);color:var(--text-muted,#64748b);cursor:pointer;white-space:nowrap;background-color:#fff;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .2s}.round-tab-btn:hover{border-color:var(--primary,#10b981);color:var(--primary,#10b981)}.round-tab-btn.active{background-color:var(--primary,#10b981);color:#fff;border-color:var(--primary,#10b981);box-shadow:0 2px 6px #10b98140}.match-board-actions{gap:8px;display:flex}.btn-action-pill{border:1px solid var(--border,#cbd5e1);color:var(--text-main,#334155);cursor:pointer;background-color:#fff;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn-action-pill:hover{background-color:#f8fafc}.btn-action-pill.copy-btn{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.btn-action-pill.copy-btn:hover{background-color:#dbeafe}.court-matches-grid{grid-template-columns:1fr;gap:14px;margin-bottom:16px;display:grid}.court-match-card{border:1px solid var(--border-light,#e2e8f0);background-color:#fff;border-radius:12px;padding:14px 18px;transition:all .2s;box-shadow:0 2px 4px #00000005}.court-match-card.completed{background-color:#fafaf9}.court-header-row{border-bottom:1px dashed var(--border-light,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.court-no-badge{color:#0f766e;background-color:#ccfbf1;border-radius:12px;padding:3px 10px;font-size:13px;font-weight:800}.status-done{color:#15803d;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.status-ready{color:#64748b;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.court-teams-battle{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}@media (width<=560px){.court-teams-battle{text-align:center;grid-template-columns:1fr}}.match-team-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;transition:all .2s}.match-team-box.winner{background-color:#f0fdf4;border-color:#86efac;box-shadow:0 0 0 1px #86efac}.team-players{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.team-player-item{align-items:center;gap:8px;display:flex}.player-avatar-mini{color:#334155;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex}.player-name{color:var(--text-main,#1e293b);font-size:13px;font-weight:700}.player-pbr-tag{color:var(--text-muted,#64748b);border:1px solid var(--border-light,#e2e8f0);background-color:#fff;border-radius:4px;padding:1px 6px;font-size:11px}.team-pbr-avg{color:var(--text-sub,#475569);border-top:1px solid #e2e8f0;padding-top:4px;font-size:11px}.match-vs-center{flex-direction:column;justify-content:center;align-items:center;padding:0 6px;display:flex}.vs-text{color:#94a3b8;margin-bottom:6px;font-size:14px;font-weight:900}.btn-record-score{border:1px solid var(--primary,#10b981);color:var(--primary,#10b981);cursor:pointer;white-space:nowrap;background-color:#fff;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s}.btn-record-score:hover{background-color:var(--primary,#10b981);color:#fff}.score-display-box{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:flex}.score-digit{color:#475569;font-size:18px;font-weight:900}.score-digit.win{color:var(--primary,#10b981)}.score-sep{color:#94a3b8;font-size:16px;font-weight:800}.btn-edit-score{color:#94a3b8;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:2px 4px}.btn-edit-score:hover{color:var(--text-main,#1e293b)}.resting-players-banner{background-color:#fffbeb;border:1px solid #fef3c7;border-radius:8px;margin-top:10px;padding:12px 16px}.resting-banner-header{color:#92400e;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.rest-icon{font-size:16px}.rest-subtext{color:#b45309;font-size:11px;font-weight:400}.resting-chips-row{flex-wrap:wrap;gap:8px;display:flex}.resting-chip{background-color:#fff;border:1px solid #fde68a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.rest-avatar{color:#b45309;background-color:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex}.rest-name{color:#78350f;font-weight:700}.rest-rating{color:#b45309;font-size:10px}.match-players-stats-summary{border:1px solid var(--border-light,#e2e8f0);background-color:#f8fafc;border-radius:8px;margin-top:18px;padding:14px}.stats-summary-header{align-items:center;gap:6px;margin-bottom:10px;font-size:13px;display:flex}.stats-subtext{color:var(--text-muted,#64748b);margin-left:6px;font-size:11px}.stats-chips-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;display:grid}.player-stat-chip{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.stat-name{color:var(--text-main,#1e293b);font-weight:600}.stat-count-badge{color:#64748b;font-size:11px}.stat-count-badge strong{color:var(--primary,#10b981)}.score-input-large{text-align:center;border:2px solid var(--border,#cbd5e1);width:76px;height:56px;color:var(--text-main,#1e293b);border-radius:8px;outline:none;font-size:26px;font-weight:900}.score-input-large:focus{border-color:var(--primary,#10b981);box-shadow:0 0 0 3px #10b98126}.btn-danger-outline{color:#ef4444;cursor:pointer;background-color:#fff;border:1px solid #fecaca;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s}.btn-danger-outline:hover{background-color:#fef2f2;border-color:#ef4444}.match-view-mode-tabs{border:1px solid var(--border-light,#e2e8f0);background-color:#f1f5f9;border-radius:10px;gap:8px;margin-bottom:16px;padding:4px;display:flex}.match-view-mode-tab{color:var(--text-sub,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.match-view-mode-tab:hover{color:var(--text-main,#1e293b)}.match-view-mode-tab.active{color:var(--primary,#10b981);background-color:#fff;box-shadow:0 2px 6px #0000000f}.daily-standings-view{flex-direction:column;gap:16px;display:flex}.standings-header-row{border:1px solid var(--border-light,#e2e8f0);background-color:#f8fafc;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.standings-summary-text{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.standings-progress-chip{color:var(--text-sub,#64748b);border:1px solid var(--border-light,#e2e8f0);background-color:#fff;border-radius:20px;padding:4px 10px;font-size:12px}.standings-progress-chip strong{color:var(--primary,#10b981)}.daily-podium-section{text-align:center;background:linear-gradient(#fffbeb 0%,#fef3c7 100%);border:1px solid #fde68a;border-radius:14px;padding:18px}.podium-title{color:#b45309;justify-content:center;align-items:center;gap:6px;margin-bottom:16px;font-size:14px;font-weight:800;display:flex}.podium-cards-grid{justify-content:center;align-items:flex-end;gap:14px;display:flex}.podium-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;width:140px;padding:14px 10px 0;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.podium-card.podium-gold{border:2px solid #f59e0b;order:2;width:156px;box-shadow:0 6px 18px #f59e0b2e}.podium-card.podium-silver{border:1.5px solid #cbd5e1;order:1}.podium-card.podium-bronze{border:1.5px solid #d97706;order:3}.podium-crown{font-size:20px;position:absolute;top:-16px}.podium-medal-badge{margin-bottom:6px;font-size:12px;font-weight:900}.podium-card.podium-gold .podium-medal-badge{color:#d97706}.podium-card.podium-silver .podium-medal-badge{color:#475569}.podium-card.podium-bronze .podium-medal-badge{color:#92400e}.podium-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:6px;font-size:16px;font-weight:900;display:flex}.podium-avatar.gold{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 3px #fef3c7}.podium-avatar.silver{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 0 0 3px #f1f5f9}.podium-avatar.bronze{background:linear-gradient(135deg,#b45309,#78350f);box-shadow:0 0 0 3px #ffedd5}.podium-name{color:var(--text-main,#1e293b);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:800;overflow:hidden}.podium-rating{color:var(--text-muted,#64748b);margin-bottom:6px;font-size:11px}.podium-score-pill{width:100%;color:var(--text-main,#1e293b);background-color:#f8fafc;border-radius:6px;flex-direction:column;align-items:center;margin-bottom:4px;padding:4px 8px;font-size:11px;display:flex}.podium-score-pill strong{color:#16a34a}.podium-winrate{color:var(--primary,#10b981);margin-bottom:8px;font-size:11px;font-weight:700}.podium-stand-bar{color:#fff;border-radius:0 0 10px 10px;justify-content:center;align-items:center;width:calc(100% + 20px);margin:0 -10px;font-size:14px;font-weight:900;display:flex}.bar-gold{background:linear-gradient(#f59e0b,#d97706);height:48px}.bar-silver{background:linear-gradient(#94a3b8,#64748b);height:34px}.bar-bronze{background:linear-gradient(#d97706,#92400e);height:26px}.standings-empty-banner{border:1px dashed var(--border,#cbd5e1);text-align:center;background-color:#f8fafc;border-radius:12px;padding:32px 20px}.standings-empty-banner .empty-icon{margin-bottom:8px;font-size:32px}.standings-empty-banner h4{color:var(--text-main,#1e293b);margin:0 0 6px;font-size:15px;font-weight:800}.standings-empty-banner p{color:var(--text-sub,#64748b);margin:0 0 14px;font-size:13px;line-height:1.5}.standings-table-container{border:1px solid var(--border-light,#e2e8f0);background-color:#fff;border-radius:12px;overflow:hidden}.table-header-title{border-bottom:1px solid var(--border-light,#e2e8f0);background-color:#f8fafc;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.table-header-legend{color:var(--text-muted,#64748b);font-size:11px}.standings-table{border-collapse:collapse;width:100%;font-size:13px}.standings-table th{color:var(--text-sub,#475569);border-bottom:1px solid var(--border-light,#e2e8f0);white-space:nowrap;background-color:#f1f5f9;padding:10px 12px;font-weight:700}.standings-table td{border-bottom:1px solid var(--border-light,#f1f5f9);vertical-align:middle;padding:10px 12px}.standings-table tr:hover{background-color:#f8fafc}.rank-row-gold{background-color:#fffbeb!important}.rank-row-silver{background-color:#f8fafc!important}.rank-row-bronze{background-color:#fff7ed!important}.rank-pill-badge{border-radius:12px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-block}.rank-pill-badge.rank-1{color:#b45309;background-color:#fef3c7}.rank-pill-badge.rank-2{color:#475569;background-color:#e2e8f0}.rank-pill-badge.rank-3{color:#9a3412;background-color:#ffedd5}.standings-player-cell{align-items:center;gap:10px;display:flex}.player-avatar-circle{background-color:var(--border,#cbd5e1);width:30px;height:30px;color:var(--text-main,#1e293b);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.player-name{color:var(--text-main,#1e293b);font-size:13px}.player-sub{color:var(--text-muted,#64748b);font-size:11px;display:block}.winrate-badge{color:#059669;background-color:#ecfdf5;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:800;display:inline-block}.club-rankings-layout{animation:.2s ease-in-out fadeIn}.rankings-header-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:14px;padding:20px}.rankings-main-badge{color:#fbbf24;background-color:#f59e0b33;border:1px solid #f59e0b66;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.rankings-desc{color:#94a3b8;max-width:680px;margin:0;font-size:13px;line-height:1.5}.rankings-header-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.period-filter-chips{background-color:#ffffff14;border-radius:10px;gap:6px;padding:4px;display:flex}.period-chip-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:700;transition:all .15s}.period-chip-btn:hover{color:#fff}.period-chip-btn.active{background-color:var(--primary,#10b981);color:#fff;box-shadow:0 2px 8px #10b9814d}.period-status-bar{color:#94a3b8;border-top:1px solid #ffffff1a;gap:16px;margin-top:16px;padding-top:14px;font-size:12px;display:flex}.period-status-bar strong{color:#fff}.awards-badges-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.award-badge-card{border:1px solid var(--border-light,#e2e8f0);background-color:#fff;border-radius:12px;align-items:center;gap:14px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 6px #00000008}.award-badge-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000000f}.award-badge-card.attendance-award{border-left:4px solid #3b82f6}.award-badge-card.winrate-award{border-left:4px solid #10b981}.award-badge-card.mostwins-award{border-left:4px solid #ef4444}.award-icon-box{background-color:#f8fafc;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;display:flex}.attendance-award .award-icon-box{background-color:#eff6ff}.winrate-award .award-icon-box{background-color:#ecfdf5}.mostwins-award .award-icon-box{background-color:#fef2f2}.award-content{flex-direction:column;display:flex;overflow:hidden}.award-tag{text-transform:uppercase;font-size:11px;font-weight:800}.attendance-award .award-tag{color:#2563eb}.winrate-award .award-tag{color:#059669}.mostwins-award .award-tag{color:#dc2626}.award-winner-name{color:var(--text-main,#1e293b);white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:15px;overflow:hidden}.award-detail{color:var(--text-sub,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.hall-of-fame-podium-card{border:1px solid var(--border-light,#e2e8f0);background:linear-gradient(#f8fafc 0%,#fff 100%);border-radius:14px;padding:22px}.hof-header{align-items:center;gap:8px;margin-bottom:20px;display:flex}.hof-header h4{color:var(--text-main,#1e293b);margin:0;font-size:16px;font-weight:800}.hof-podium-container{justify-content:center;align-items:flex-end;gap:16px;padding:10px 0;display:flex}.hof-podium-column{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;width:170px;padding:16px 12px 0;display:flex;position:relative;box-shadow:0 4px 14px #0000000d}.hof-podium-column.gold{border:2px solid #f59e0b;order:2;width:190px;box-shadow:0 8px 24px #f59e0b29}.hof-podium-column.silver{border:1.5px solid #cbd5e1;order:1}.hof-podium-column.bronze{border:1.5px solid #d97706;order:3}.hof-crown{font-size:22px;position:absolute;top:-18px}.hof-medal{margin-bottom:4px;font-size:20px}.hof-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:8px;font-size:20px;font-weight:900;display:flex}.hof-avatar.gold{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 4px #fef3c7}.hof-avatar.silver{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 0 0 4px #f1f5f9}.hof-avatar.bronze{background:linear-gradient(135deg,#b45309,#78350f);box-shadow:0 0 0 4px #ffedd5}.hof-name{color:var(--text-main,#1e293b);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;overflow:hidden}.hof-rating{color:var(--text-muted,#64748b);margin-bottom:8px;font-size:11px}.hof-rp-badge{color:#059669;background-color:#ecfdf5;border-radius:20px;margin-bottom:6px;padding:4px 10px;font-size:12px;font-weight:800}.hof-rp-badge.gold-badge{color:#b45309;background-color:#fef3c7}.hof-sub-stat{color:var(--text-sub,#64748b);text-align:center;margin-bottom:12px;font-size:11px}.hof-stand{color:#fff;border-radius:0 0 12px 12px;justify-content:center;align-items:center;width:calc(100% + 24px);margin:0 -12px;font-size:16px;font-weight:900;display:flex}.gold-stand{background:linear-gradient(#f59e0b,#d97706);height:56px}.silver-stand{background:linear-gradient(#94a3b8,#64748b);height:42px}.bronze-stand{background:linear-gradient(#d97706,#92400e);height:32px}.my-ranking-summary-banner{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1.5px solid #a7f3d0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.my-rank-left{align-items:center;gap:16px;display:flex}.my-rank-badge{background-color:var(--primary,#10b981);color:#fff;text-align:center;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700}.my-rank-badge strong{font-size:16px}.my-rank-badge .total-members{opacity:.85;margin-left:2px;font-size:11px}.my-rank-stats{flex-direction:column;gap:2px;display:flex}.my-name{color:var(--text-main,#1e293b);font-size:15px;font-weight:800}.my-rp{color:#065f46;font-size:13px}.my-rp strong{color:var(--primary,#10b981);font-size:15px}.my-details{color:#047857;font-size:12px}.next-rank-gap-pill{color:var(--text-main,#1e293b);background-color:#fff;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.next-rank-gap-pill small{color:#059669;font-weight:700}.next-rank-gap-pill.gold{color:#b45309;background-color:#fffbeb;border-color:#fde68a;font-weight:700}.full-leaderboard-table th{font-size:12px}.my-highlight-row{font-weight:600;background-color:#f0fdf4!important}.me-tag{background-color:var(--primary,#10b981);color:#fff;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800}.role-tag-owner{color:#b45309;background-color:#fef3c7;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800}.attendance-cell-badge{color:var(--text-main,#1e293b);font-size:12px}.attendance-cell-badge strong{color:#2563eb}.rp-score-badge{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:3px 8px;font-size:12px;display:inline-block}.rp-score-badge strong{color:var(--primary,#10b981);font-size:13px}.ranking-guide-info-card{border:1px solid var(--border-light,#e2e8f0);background-color:#f8fafc;border-radius:12px;padding:16px 20px}.guide-title{color:var(--text-main,#1e293b);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.guide-formula-row{border:1px solid var(--border-light,#e2e8f0);background-color:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.formula-item{flex-direction:column;align-items:center;gap:2px;display:flex}.formula-item .f-badge{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.f-badge.attendance{color:#2563eb;background-color:#eff6ff}.f-badge.win{color:#059669;background-color:#ecfdf5}.f-badge.play{color:#7c3aed;background-color:#f5f3ff}.f-badge.diff{color:#c2410c;background-color:#fff7ed}.formula-item strong{color:var(--text-main,#1e293b);font-size:13px}.formula-item small{color:var(--text-muted,#64748b);font-size:10px}.formula-op{color:var(--text-sub,#94a3b8);font-size:16px;font-weight:900}.guide-footer-text{color:var(--text-sub,#64748b);margin:10px 0 0;font-size:12px;line-height:1.5}.club-ranking-widget-card{border-top:3px solid #f59e0b}.home-ranking-list{flex-direction:column;gap:8px;display:flex}.home-ranking-item{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background-color .15s;display:flex}.home-ranking-item.rank-1{background-color:#fffbeb;border-color:#fef3c7}.home-ranking-item.rank-2{background-color:#f8fafc;border-color:#f1f5f9}.home-ranking-item.rank-3{background-color:#fff7ed;border-color:#ffedd5}.rank-item-left{align-items:center;gap:8px;display:flex}.rank-badge-icon{font-size:16px}.rank-avatar-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:flex}.rank-avatar-1{background:linear-gradient(135deg,#f59e0b,#d97706)}.rank-avatar-2{background:linear-gradient(135deg,#94a3b8,#64748b)}.rank-avatar-3{background:linear-gradient(135deg,#b45309,#78350f)}.rank-user-info{flex-direction:column;display:flex}.rank-user-info .user-name{color:var(--text-main,#1e293b);font-size:13px}.rank-user-info .user-record{color:var(--text-muted,#64748b);font-size:11px}.rp-pill{color:var(--text-sub,#475569);border:1px solid var(--border-light,#e2e8f0);background-color:#fff;border-radius:12px;padding:3px 8px;font-size:12px}.rp-pill strong{color:var(--primary,#10b981)}.club-dues-view{flex-direction:column;gap:20px;display:flex}.dues-header-panel{border-radius:var(--radius-lg,12px);border:1px solid var(--border);background-color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.dues-switcher-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dues-switcher-label{color:var(--text-main);font-size:14px;font-weight:800}.dues-select-wrapper{position:relative}.dues-item-select{color:var(--text-main);border:1.5px solid var(--border);cursor:pointer;transition:var(--transition);background-color:#f8fafc;border-radius:8px;outline:none;padding:8px 32px 8px 12px;font-size:14px;font-weight:700}.dues-item-select:hover,.dues-item-select:focus{border-color:var(--primary);background-color:#fff}.due-status-pill{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:800}.due-status-pill.status-active{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.due-status-pill.status-closed{color:#64748b;background-color:#f1f5f9;border:1px solid #cbd5e1}.dues-actions-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-outline-action{color:var(--text-main);border:1px solid var(--border);cursor:pointer;transition:var(--transition);background-color:#fff;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.btn-outline-action:hover{background-color:#f8fafc;border-color:#94a3b8}.btn-outline-danger{color:var(--danger);border-color:#fecaca}.btn-outline-danger:hover{background-color:#fef2f2;border-color:#f87171}.btn-primary-action{color:#fff;background-color:var(--primary);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 2px 4px #10b98133}.btn-primary-action:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.btn-kakao-copy{color:#381e00;cursor:pointer;transition:var(--transition);background-color:#fae100;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:800;display:inline-flex}.btn-kakao-copy:hover{background-color:#f5d600;transform:translateY(-1px)}.dues-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1080px){.dues-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.dues-kpi-grid{grid-template-columns:1fr}}.dues-kpi-card{border:1px solid var(--border);border-radius:var(--radius-lg,12px);transition:var(--transition);background-color:#fff;flex-direction:column;padding:18px 20px;display:flex;box-shadow:0 1px 3px #00000008}.dues-kpi-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.kpi-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kpi-card-title{color:var(--text-sub);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.kpi-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800}.kpi-badge.progress-badge{color:#059669;background-color:#ecfdf5}.kpi-badge.count-badge{color:#475569;background-color:#f1f5f9}.kpi-badge.badge-dday{color:#2563eb;background-color:#eff6ff}.kpi-badge.badge-urgent{color:#ef4444;background-color:#fef2f2;border:1px solid #fecaca;animation:1.5s infinite pulse}.kpi-main-stat{align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.stat-highlight{color:var(--text-main);font-size:26px;font-weight:900;line-height:1.1}.stat-highlight.text-primary{color:var(--primary)}.stat-unit{color:var(--text-muted);font-size:14px;font-weight:700}.stat-date{color:var(--text-main);font-size:18px;font-weight:800}.kpi-progress-track{background-color:#f1f5f9;border-radius:3px;width:100%;height:6px;margin:6px 0 8px;overflow:hidden}.kpi-progress-bar{border-radius:3px;height:100%;transition:width .4s}.kpi-sub-note{margin-top:auto;font-size:12px}.text-warning-bold{color:#d97706;font-weight:800}.text-success-bold{color:#10b981;font-weight:800}.my-dues-kpi-card .kpi-paid-months-wrap{flex-wrap:wrap;align-items:center;gap:5px;min-height:26px;margin:4px 0 8px;display:flex}.paid-month-chip{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 1px 2px #00000008}.paid-months-empty{color:var(--text-muted);font-size:11px}.kpi-breakdown-row{border-top:1px solid #f1f5f9;justify-content:space-between;margin-top:6px;padding-top:8px;font-size:12px;display:flex}.breakdown-item{flex-direction:column;display:flex}.breakdown-item span{color:var(--text-muted);font-size:11px}.breakdown-item strong{color:var(--text-main);margin-top:2px;font-size:12px}.bank-kpi-card{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#e2e8f0}.btn-mini-copy{color:var(--primary);background-color:var(--primary-light);cursor:pointer;transition:var(--transition);border:1px solid #10b98133;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.btn-mini-copy:hover{background-color:var(--primary);color:#fff}.kpi-bank-info-box{flex-direction:column;gap:4px;margin-top:4px;display:flex}.bank-name-badge{color:#0369a1;background-color:#e0f2fe;border-radius:4px;align-self:flex-start;padding:2px 7px;font-size:11px;font-weight:800;display:inline-block}.bank-account-num{color:var(--text-main);letter-spacing:.5px;font-family:monospace;font-size:17px;font-weight:800}.bank-holder-text{color:var(--text-sub);font-size:12px}.my-dues-status-banner{border-radius:var(--radius-lg,12px);border:1.5px solid #0000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 2px 6px #0000000a}.my-dues-status-banner.banner-paid{color:#065f46;background-color:#ecfdf5;border-color:#a7f3d0}.my-dues-status-banner.banner-unpaid{color:#92400e;background-color:#fffbeb;border-color:#fde68a}.my-dues-status-banner.banner-pending{color:#1e40af;background-color:#eff6ff;border-color:#bfdbfe}.my-banner-left{align-items:center;gap:14px;display:flex}.my-banner-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.banner-paid .my-banner-icon{color:#059669;background-color:#d1fae5}.banner-unpaid .my-banner-icon{color:#d97706;background-color:#fef3c7}.banner-pending .my-banner-icon{color:#2563eb;background-color:#dbeafe}.my-banner-text{flex-direction:column;gap:4px;display:flex}.my-banner-title{color:inherit;font-size:15px;font-weight:700}.my-banner-sub{opacity:.9;font-size:12px}.my-banner-actions{align-items:center;gap:8px;display:flex}.btn-my-copy-acc{color:#78350f;cursor:pointer;transition:var(--transition);background-color:#fff;border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:5px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.btn-my-copy-acc:hover{background-color:#fef3c7}.btn-my-confirm-req{color:#fff;cursor:pointer;transition:var(--transition);background-color:#d97706;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 2px 4px #d9770633}.btn-my-confirm-req:hover{background-color:#b45309}.dues-description-alert{border:1px solid var(--border);color:var(--text-sub);background-color:#f8fafc;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;line-height:1.6;display:flex}.desc-icon{color:var(--primary);flex-shrink:0;margin-top:3px}.dues-roster-card{border:1px solid var(--border);border-radius:var(--radius-lg,12px);background-color:#fff;flex-direction:column;gap:16px;padding:20px;display:flex}.roster-header-bar{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;display:flex}.roster-header-title{align-items:center;gap:12px;display:flex}.roster-stats-pill{color:var(--text-sub);background-color:#f1f5f9;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700}.roster-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.roster-filter-pills{border:1px solid var(--border);background-color:#f8fafc;border-radius:8px;gap:6px;padding:3px;display:flex}.roster-pill{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700}.roster-pill.active{color:var(--text-main);background-color:#fff;box-shadow:0 1px 2px #0000000f}.roster-pill.pill-paid.active{color:#059669}.roster-pill.pill-unpaid.active{color:#d97706}.roster-pill.pill-pending.active{color:#2563eb}.roster-search-box{border:1px solid var(--border);background-color:#f8fafc;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex}.roster-search-box input{color:var(--text-main);background:0 0;border:none;outline:none;width:140px;font-size:12px}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.roster-sort-select select{border:1px solid var(--border);color:var(--text-sub);cursor:pointer;background-color:#fff;border-radius:8px;padding:6px 10px;font-size:12px}.roster-batch-toolbar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.batch-toolbar-left{align-items:center;gap:12px;display:flex}.btn-select-all{color:var(--text-sub);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.btn-select-all:hover{color:var(--primary)}.selected-count-label{color:var(--text-muted);font-size:12px}.selected-count-label strong{color:var(--primary)}.btn-batch-pay-action{color:#fff;background-color:var(--primary);cursor:pointer;transition:var(--transition);border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.btn-batch-pay-action:hover{background-color:var(--primary-dark)}.roster-list-container{flex-direction:column;gap:8px;display:flex}.roster-row-item{border:1px solid var(--border-light);transition:var(--transition);background-color:#fff;border-radius:8px;align-items:center;gap:14px;padding:12px 16px;display:flex}.roster-row-item:hover{background-color:#fbfcfe;border-color:#cbd5e1}.roster-row-item.row-unpaid{border-left:3.5px solid #f59e0b}.roster-row-item.row-paid{border-left:3.5px solid #10b981}.roster-row-item.row-selected{background-color:#f0fdf4;border-color:#86efac}.roster-checkbox-col{cursor:pointer;justify-content:center;align-items:center;display:flex}.roster-profile-col{align-items:center;gap:12px;min-width:200px;display:flex}.roster-avatar-thumb{color:#475569;background-color:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:flex}.roster-avatar-thumb.avatar-owner{color:#d97706;background-color:#fef3c7}.roster-avatar-thumb.avatar-manager{color:#4338ca;background-color:#e0e7ff}.roster-info-block{flex-direction:column;gap:2px;display:flex}.roster-name-row{align-items:center;gap:6px;display:flex}.roster-member-name{color:var(--text-main);font-size:14px}.roster-me-badge{color:var(--primary);font-size:11px;font-weight:700}.roster-meta-row{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.roster-note-col{flex:1;align-items:center;gap:8px;min-width:140px;display:flex}.confirmation-requested-chip{color:#1d4ed8;background-color:#dbeafe;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.admin-memo-display{color:#475569;white-space:nowrap;text-overflow:ellipsis;background-color:#f1f5f9;border-radius:6px;max-width:220px;padding:3px 8px;font-size:12px;overflow:hidden}.roster-amount-col{text-align:right;min-width:90px}.roster-amount-text{color:var(--text-main);font-size:14px;font-weight:800}.roster-action-col{justify-content:flex-end;align-items:center;gap:10px;min-width:230px;display:flex}.payment-status-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.payment-status-badge.badge-paid{color:#065f46;background-color:#d1fae5}.payment-status-badge.badge-unpaid{color:#b45309;background-color:#fef3c7}.roster-btn-group{align-items:center;gap:6px;display:flex}.btn-toggle-pay{cursor:pointer;transition:var(--transition);white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:700}.btn-mark-paid{color:#fff;background-color:#10b981;border:none}.btn-mark-paid:hover{background-color:#059669}.btn-mark-unpaid{color:#64748b;background-color:#fff;border:1px solid #cbd5e1}.btn-mark-unpaid:hover{color:#334155;background-color:#f1f5f9}.btn-memo-action{color:var(--text-sub);border:1px solid var(--border);cursor:pointer;transition:var(--transition);background-color:#fff;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;font-size:12px;display:inline-flex}.btn-memo-action:hover{color:var(--primary);background-color:#f8fafc}.club-dues-widget-card{background:linear-gradient(#fff,#f0fdf4);border-color:#a7f3d0}.home-dues-content{flex-direction:column;gap:12px;display:flex}.home-dues-title-row{justify-content:space-between;align-items:center;display:flex}.home-dues-name{color:var(--text-main);font-size:14px;font-weight:800}.home-dues-amount{color:var(--primary);font-size:13px;font-weight:800}.home-dues-progress-box{flex-direction:column;gap:6px;display:flex}.home-dues-progress-label{color:var(--text-sub);justify-content:space-between;font-size:12px;display:flex}.home-my-due-alert{border-radius:8px;margin-top:4px;padding:8px 12px}.home-my-due-alert.alert-paid{background-color:#d1fae5}.home-my-due-alert.alert-unpaid{background-color:#fef3c7}.btn-home-pay-shortcut{color:#b45309;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:800}.btn-home-pay-shortcut:hover{text-decoration:underline}.member-due-chip{transition:var(--transition);border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.member-due-chip.due-paid{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.member-due-chip.due-unpaid{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.member-due-chip:hover{filter:brightness(.95);transform:translateY(-1px)}.dues-modal-card{max-width:540px}.quick-amount-tags button{border:1px solid var(--border);color:var(--text-sub);cursor:pointer;transition:var(--transition);background-color:#f1f5f9;border-radius:4px;font-weight:600}.quick-amount-tags button:hover{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary)}.dues-floating-toast{z-index:1200;color:#fff;pointer-events:none;background-color:#1e293b;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:700;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #0003}.dues-expenses-card{border:1px solid var(--border);border-radius:var(--radius-lg,12px);background-color:#fff;margin-top:24px;padding:20px;box-shadow:0 1px 4px #0000000a}.expenses-header-bar{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.expenses-header-title{flex-direction:column;gap:4px;display:flex}.transparency-badge{color:#0d9488;background-color:#ccfbf1;border:1px solid #99f6e4;border-radius:6px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:800}.expenses-sub-desc{color:var(--text-muted);font-size:12px}.expenses-summary-chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.summary-chip{border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.summary-chip .chip-label{color:var(--text-sub);font-weight:600}.summary-chip .chip-val{font-size:13px;font-weight:800}.chip-income{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.chip-expense{color:#e11d48;background-color:#fff1f2;border-color:#fecdd3}.chip-balance{color:#059669;background-color:#ecfdf5;border-color:#a7f3d0}.chip-balance.balance-negative{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.btn-add-expense-action{background-color:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.btn-add-expense-action:hover{background-color:var(--primary-dark);box-shadow:0 2px 8px #10b9814d}.empty-expenses-box{text-align:center;border:1px dashed var(--border);background-color:#f8fafc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-expenses-box .empty-title{color:var(--text-main);margin:12px 0 4px;font-size:14px;font-weight:800}.empty-expenses-box .empty-desc{color:var(--text-muted);max-width:440px;margin:0;font-size:12px;line-height:1.5}.expenses-table-wrapper{border:1px solid var(--border-light);border-radius:8px;overflow-x:auto}.expenses-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.expenses-table th{color:var(--text-sub);border-bottom:1px solid var(--border);white-space:nowrap;background-color:#f8fafc;padding:10px 14px;font-weight:700}.expenses-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:12px 14px}.expenses-table tbody tr:hover{background-color:#fafbfc}.expenses-table .col-date{color:var(--text-muted);white-space:nowrap;font-size:12px}.expenses-table .col-cat{white-space:nowrap}.expense-cat-tag{border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.expense-cat-tag.cat-court{color:#1e40af;background-color:#eff6ff;border:1px solid #dbeafe}.expense-cat-tag.cat-equipment{color:#15803d;background-color:#f0fdf4;border:1px solid #dcfce7}.expense-cat-tag.cat-refreshment{color:#854d0e;background-color:#fefce8;border:1px solid #fef08a}.expense-cat-tag.cat-gathering{color:#7e22ce;background-color:#faf5ff;border:1px solid #f3e8ff}.expense-cat-tag.cat-prize{color:#c2410c;background-color:#fff7ed;border:1px solid #ffedd5}.expense-cat-tag.cat-other{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.expense-title-text{color:var(--text-main);font-weight:700;line-height:1.4}.expense-note-text{color:var(--text-muted);margin-top:3px;font-size:11px}.expense-amount-badge{color:#e11d48;font-size:14px;font-weight:900}.expenses-table .col-payer{color:var(--text-sub);white-space:nowrap;font-size:12px}.proof-receipt-badge{color:#334155;text-overflow:ellipsis;white-space:nowrap;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;max-width:180px;padding:2px 7px;font-size:11px;display:inline-flex;overflow:hidden}.table-btn-group{justify-content:center;align-items:center;gap:6px;display:flex}.btn-tbl-icon{border:1px solid var(--border);width:26px;height:26px;color:var(--text-sub);cursor:pointer;transition:var(--transition);background-color:#fff;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.btn-tbl-icon.edit:hover{color:var(--primary);border-color:var(--primary);background-color:#eff6ff}.btn-tbl-icon.delete:hover{color:#ef4444;background-color:#fef2f2;border-color:#fca5a5}.expenses-total-row{border-top:2px solid var(--border);background-color:#f8fafc;font-weight:800}.col-amount-total{color:#e11d48;font-size:14px;font-weight:900}.dues-expense-modal input,.dues-expense-modal select,.dues-expense-modal textarea{border:1px solid var(--border);box-sizing:border-box;border-radius:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px}.dues-expense-modal input:focus,.dues-expense-modal select:focus,.dues-expense-modal textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #10b98126}.btn-guest-recruit-open{border:1.5px solid var(--primary,#0052cc);color:var(--primary,#0052cc);border-radius:var(--radius-md,8px);cursor:pointer;background:#0052cc0d;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.btn-guest-recruit-open:hover{background:var(--primary,#0052cc);color:#fff;box-shadow:0 4px 12px #0052cc33}.btn-schedule-guest-badge{border-radius:var(--radius-full,9999px);color:var(--primary,#0052cc);cursor:pointer;background:linear-gradient(135deg,#0052cc14 0%,#00c85314 100%);border:1px solid #0052cc40;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.btn-schedule-guest-badge:hover{background:var(--primary,#0052cc);color:#fff;border-color:var(--primary,#0052cc)}.btn-schedule-guest-action{color:var(--primary,#0052cc);border-radius:var(--radius-md,8px);cursor:pointer;background:#0052cc0f;border:1px solid #0052cc33;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.btn-schedule-guest-action:hover{background:var(--primary,#0052cc);color:#fff}.guest-modal-banner{border-radius:var(--radius-md,8px);background:linear-gradient(135deg,#eef5ff 0%,#f0fdf4 100%);border:1px solid #bfdbfe;align-items:center;gap:10px;padding:12px 16px;display:flex}.guest-modal-banner p{color:var(--text-secondary,#334155);margin:0;font-size:12px;line-height:1.5}.guest-modal-schedule-link{background:var(--bg-main,#f8fafc);border:1px solid var(--border);border-radius:var(--radius-md,8px);color:var(--text-muted);align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.community-container{flex-direction:column;gap:20px;width:100%;max-width:1040px;margin:0 auto;padding-bottom:40px;display:flex}.community-hero{color:#fff;border-radius:var(--radius-lg,16px);background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#0369a1 100%);justify-content:space-between;align-items:center;padding:32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0f172a4d}.community-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#0ea5e940 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-40px;right:-40px}.hero-badge{letter-spacing:.5px;border-radius:var(--radius-full,9999px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff26;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.community-hero-content h1{letter-spacing:-.5px;margin-bottom:8px;font-size:26px;font-weight:800}.community-hero-content p{color:#cbd5e1;font-size:14px;line-height:1.5}.btn-write-hero{color:#fff;border-radius:var(--radius-full,9999px);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #fff3;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0284c766}.btn-write-hero:hover{background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0284c78c}.community-controls-area{flex-direction:column;gap:14px;display:flex}.community-search-box{width:100%;position:relative}.community-search-box .search-icon{color:var(--text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.community-search-box input{border:1px solid var(--border);border-radius:var(--radius-md,10px);background-color:var(--bg-card);width:100%;color:var(--text-main);padding:12px 42px 12px 44px;font-size:14px;font-weight:600;transition:all .2s}.community-search-box input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0369a126}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.community-category-chips{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.category-chip{border-radius:var(--radius-full,9999px);border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-sub);cursor:pointer;white-space:nowrap;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.category-chip:hover{border-color:var(--primary);color:var(--primary)}.category-chip.active{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #0369a14d}.community-sort-bar{justify-content:space-between;align-items:center;padding:4px 2px;display:flex}.posts-count-indicator{color:var(--text-muted);font-size:13px;font-weight:600}.posts-count-indicator strong{color:var(--text-main);font-weight:800}.sort-actions{align-items:center;gap:10px;display:flex}.sort-actions select{border-radius:var(--radius-full,9999px);border:1px solid var(--border);background-color:var(--bg-card);height:36px;color:var(--text-sub);cursor:pointer;padding:0 14px;font-size:12px;font-weight:700}.btn-write-compact{border-radius:var(--radius-full,9999px);background-color:var(--primary);color:#fff;cursor:pointer;border:none;align-items:center;gap:4px;height:36px;padding:0 16px;font-size:13px;font-weight:800;transition:opacity .2s;display:inline-flex}.btn-write-compact:hover{opacity:.9}.community-post-grid{flex-direction:column;gap:14px;display:flex}.community-post-card{border-radius:var(--radius-lg,14px);cursor:pointer;border:1px solid var(--border);justify-content:space-between;gap:20px;padding:20px 24px;transition:all .2s;display:flex}.community-post-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.post-card-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.post-card-header{align-items:center;gap:8px;display:flex}.post-category-tag{color:var(--primary);background-color:#0369a11a;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800}.post-category-tag.market{color:#d97706;background-color:#fef3c7}.trade-status-badge{border-radius:4px;padding:2px 7px;font-size:10px;font-weight:800}.trade-status-badge.판매중{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.trade-status-badge.예약중{color:#b45309;background-color:#fffbeb;border:1px solid #fde68a}.trade-status-badge.판매완료{color:#6b7280;background-color:#f3f4f6;border:1px solid #e5e7eb}.post-time-meta{color:var(--text-muted);margin-left:auto;font-size:11px;font-weight:600}.post-card-title{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;line-height:1.4;overflow:hidden}.post-market-price{color:#ea580c;font-size:15px;font-weight:900}.post-card-snippet{color:var(--text-sub);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.post-card-footer{border-top:1px solid var(--border-light,#f1f5f9);justify-content:space-between;align-items:center;margin-top:6px;padding-top:10px;display:flex}.post-author-snippet{align-items:center;gap:6px;display:flex}.author-name{color:var(--text-main);font-size:12px;font-weight:700}.author-rating{background-color:var(--bg-main);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800}.post-stats-group{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.post-stats-group span{align-items:center;gap:3px;display:inline-flex}.post-card-thumb{border-radius:var(--radius-md,10px);background-color:var(--bg-main);flex-shrink:0;width:90px;height:90px;position:relative;overflow:hidden}.post-card-thumb img{object-fit:cover;width:100%;height:100%}.thumb-count-badge{color:#fff;background-color:#000000a6;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:800;position:absolute;bottom:6px;right:6px}.community-detail-view{border-radius:var(--radius-lg,16px);border:1px solid var(--border);padding:30px}.detail-top-nav{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.btn-back-to-list{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;font-weight:700;display:inline-flex}.btn-back-to-list:hover{background-color:var(--bg-main);color:var(--primary)}.detail-actions{gap:8px;display:flex}.btn-edit-post,.btn-delete-post{cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.btn-edit-post{background-color:var(--bg-main);border:1px solid var(--border);color:var(--text-sub)}.btn-delete-post{color:#dc2626;background-color:#fee2e2;border:1px solid #fca5a5}.detail-header-area{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding-bottom:20px;display:flex}.detail-category-wrap{align-items:center;gap:8px;display:flex}.detail-post-title{color:var(--text-main);font-size:24px;font-weight:900;line-height:1.35}.market-price-box{border-radius:var(--radius-md,12px);background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:1px solid #fed7aa;justify-content:space-between;align-items:center;margin-top:4px;padding:16px 20px;display:flex}.price-info{flex-direction:column;gap:2px;display:flex}.price-label{color:#c2410c;font-size:12px;font-weight:700}.price-value{color:#9a3412;font-size:22px;font-weight:900}.trade-status-picker{color:#9a3412;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.trade-status-picker select{color:#9a3412;cursor:pointer;background-color:#fff;border:1px solid #fdba74;border-radius:6px;height:34px;padding:0 12px;font-size:13px;font-weight:800}.detail-author-bar{justify-content:space-between;align-items:center;padding-top:8px;display:flex}.author-info-wrap{align-items:center;gap:12px;display:flex}.author-avatar-circle{background-color:var(--bg-main);border:1px solid var(--border);width:44px;height:44px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.author-avatar-circle img{object-fit:cover;width:100%;height:100%}.author-name-row{align-items:center;gap:6px;font-size:15px;display:flex}.author-rating-chip{background-color:var(--primary);color:#fff;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:800}.post-meta-sub{color:var(--text-muted);align-items:center;gap:6px;margin-top:2px;font-size:12px;font-weight:600;display:flex}.post-meta-sub span{align-items:center;gap:3px;display:inline-flex}.btn-like-detail{border-radius:var(--radius-full,9999px);border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.btn-like-detail:hover{color:#ef4444;border-color:#ef4444}.btn-like-detail.liked{color:#dc2626;background-color:#fef2f2;border-color:#fca5a5}.detail-content-body{color:var(--text-main);white-space:pre-wrap;word-break:break-word;padding:24px 0;font-size:15px;line-height:1.8}.detail-image-gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:24px;display:grid}.gallery-image-wrapper{border-radius:var(--radius-md,10px);aspect-ratio:4/3;cursor:pointer;border:1px solid var(--border);background-color:var(--bg-main);position:relative;overflow:hidden}.gallery-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-image-wrapper:hover img{transform:scale(1.04)}.img-hover-overlay{color:#fff;opacity:0;background-color:#0006;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.gallery-image-wrapper:hover .img-hover-overlay{opacity:1}.detail-divider{border:none;border-top:1px solid var(--border);margin:10px 0 24px}.detail-comments-section{flex-direction:column;gap:16px;display:flex}.comments-header h3{align-items:center;gap:6px;font-size:17px;font-weight:800;display:flex}.comment-input-form{background-color:var(--bg-main);border-radius:var(--radius-md,10px);border:1px solid var(--border);flex-direction:column;gap:8px;padding:14px;display:flex}.comment-input-form textarea{border:1px solid var(--border);background-color:var(--bg-card);width:100%;color:var(--text-main);resize:vertical;border-radius:8px;padding:10px 14px;font-size:13px}.comment-input-form textarea:focus{border-color:var(--primary);outline:none}.comment-btn-row{justify-content:flex-end;display:flex}.btn-submit-comment{border-radius:6px;padding:6px 18px;font-size:13px;font-weight:800}.comments-list{flex-direction:column;gap:12px;margin-top:8px;display:flex}.comment-item{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md,10px);gap:12px;padding:14px 16px;display:flex}.comment-item-avatar{background-color:var(--bg-main);width:34px;height:34px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.comment-item-avatar img{object-fit:cover;width:100%;height:100%}.comment-item-body{flex-direction:column;flex:1;gap:4px;display:flex}.comment-author-row{align-items:center;gap:6px;font-size:13px;display:flex}.comment-rating{color:var(--text-muted);background-color:var(--bg-main);border-radius:3px;padding:1px 4px;font-size:10px;font-weight:700}.comment-time{color:var(--text-muted);margin-left:auto;font-size:11px}.btn-del-comment{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px}.btn-del-comment:hover{color:var(--danger)}.comment-text{color:var(--text-main);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.comment-empty,.comment-loading{text-align:center;color:var(--text-muted);padding:24px;font-size:13px;font-weight:600}.community-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{color:var(--text-muted);margin-bottom:14px}.community-empty-state h3{margin-bottom:6px;font-size:18px;font-weight:800}.community-empty-state p{color:var(--text-muted);font-size:13px}.community-write-modal{width:90%;max-width:650px;max-height:90vh;padding:28px;overflow-y:auto}.community-write-form{flex-direction:column;gap:16px;margin-top:14px;display:flex}.market-form-row{gap:12px;display:flex}.image-upload-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sub-tip{color:var(--text-muted);font-size:11px}.image-previews-container{flex-wrap:wrap;gap:10px;display:flex}.preview-box{border:1px solid var(--border);border-radius:8px;width:80px;height:80px;position:relative;overflow:hidden}.preview-box img{object-fit:cover;width:100%;height:100%}.btn-remove-preview{color:#fff;cursor:pointer;background-color:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;right:4px}.btn-add-image-box{border:2px dashed var(--border);background-color:var(--bg-main);width:80px;height:80px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.btn-add-image-box:hover{border-color:var(--primary);color:var(--primary)}.image-lightbox-backdrop{z-index:1000;background-color:#000000d9;justify-content:center;align-items:center;display:flex}.image-lightbox-content{max-width:90vw;max-height:90vh;position:relative}.image-lightbox-content img{object-fit:contain;border-radius:8px;max-width:100%;max-height:90vh}.lightbox-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;position:absolute;top:-40px;right:0}@media (width<=768px){.community-hero{flex-direction:column;align-items:flex-start;gap:16px;padding:24px}.community-hero-content h1{font-size:20px}.btn-write-hero{justify-content:center;width:100%}.community-post-card{gap:14px;padding:16px}.post-card-thumb{width:75px;height:75px}.detail-view{padding:20px 16px}.detail-post-title{font-size:20px}.market-form-row{flex-direction:column}.market-price-box{flex-direction:column;align-items:flex-start;gap:10px}}.lesson-container{flex-direction:column;gap:24px;display:flex}.lesson-tabs{border-bottom:2px solid var(--border);gap:24px;display:flex}.lesson-tab-btn{color:var(--text-muted);transition:var(--transition);padding:12px 4px;font-size:16px;font-weight:800;position:relative}.lesson-tab-btn:hover,.lesson-tab-btn.active{color:var(--primary)}.lesson-tab-btn.active:after{content:"";background-color:var(--primary);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-2px;left:0;right:0}.lesson-filters{gap:12px;margin-bottom:20px;display:flex}.lesson-filters select{border:1px solid var(--border);border-radius:var(--radius-full);height:38px;color:var(--text-sub);background-color:var(--bg-card);cursor:pointer;padding:0 16px;font-size:13px;font-weight:700}.coach-list,.coach-card{flex-direction:column;gap:16px;display:flex}.coach-profile-top{align-items:center;gap:16px;display:flex}.coach-img{width:64px;height:64px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;overflow:hidden}.coach-img img{object-fit:cover;width:100%;height:100%}.coach-base-info h4{color:var(--text-main);margin-bottom:4px;font-size:16px;font-weight:800}.coach-badges{gap:6px;margin-bottom:4px;display:flex}.coach-rating-tag{color:var(--primary);background-color:var(--primary-light);border-radius:var(--radius-sm);padding:2px 6px;font-size:11px;font-weight:700}.coach-title-tag{color:var(--text-sub);background-color:var(--bg-main);border-radius:var(--radius-sm);padding:2px 6px;font-size:11px;font-weight:700}.coach-spec{color:var(--text-muted);font-size:12px;font-weight:700}.coach-desc{color:var(--text-sub);font-size:14px;line-height:1.5}.coach-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.coach-price{color:var(--text-main);font-size:15px;font-weight:800}.reserve-action-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);transition:var(--transition);padding:10px 20px;font-size:12px;font-weight:800}.reserve-action-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.my-lessons-list{flex-direction:column;gap:16px;display:flex}.my-lesson-card{padding:20px}.lesson-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lesson-card-header h4{font-size:16px;font-weight:800}.lesson-card-details{background-color:var(--bg-main);border-radius:var(--radius-sm);color:var(--text-sub);margin-bottom:16px;padding:14px;font-size:13px}.lesson-card-details p{margin-bottom:4px}.reserve-coach-summary{background-color:var(--bg-main);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px;display:flex}.coach-summary-img{border-radius:50%;width:48px;height:48px;overflow:hidden}.coach-summary-img img{object-fit:cover;width:100%;height:100%}.reserve-coach-summary h4{font-size:14px;font-weight:800}.reserve-coach-summary p{color:var(--text-muted);font-size:11px}.store-container{flex-direction:column;gap:24px;display:flex}.store-header-row{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;display:flex}.store-tabs{gap:24px;display:flex}.store-tab-btn{color:var(--text-muted);transition:var(--transition);padding:12px 4px;font-size:16px;font-weight:800;position:relative}.store-tab-btn:hover,.store-tab-btn.active{color:var(--primary)}.store-tab-btn.active:after{content:"";background-color:var(--primary);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-2px;left:0;right:0}.cart-badge-btn{background-color:var(--primary-light);width:44px;height:44px;color:var(--primary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.cart-badge-btn:hover{background-color:var(--primary);color:#fff}.cart-count{background-color:var(--danger);color:#fff;border:2px solid var(--bg-main);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.product-card{flex-direction:column;height:360px;padding:0;display:flex;overflow:hidden}.product-img-wrapper{background-color:#f1f5f9;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.product-fallback-img{color:var(--text-muted)}.product-actual-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.product-card:hover .product-actual-img{transform:scale(1.06)}.product-details{flex-direction:column;flex:1;justify-content:space-between;padding:18px;display:flex}.product-details h4{color:var(--text-main);font-size:15px;font-weight:800}.product-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 12px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.product-footer{justify-content:space-between;align-items:center;display:flex}.product-price{color:var(--text-main);font-size:15px;font-weight:800}.add-cart-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);transition:var(--transition);padding:6px 14px;font-size:12px;font-weight:800}.add-cart-btn:hover{background-color:var(--primary-hover)}.cart-items-list{flex-direction:column;gap:12px;display:flex}.cart-item{background-color:var(--bg-main);border-radius:var(--radius-sm);padding:12px;font-size:13px}.cart-item p{color:var(--primary);margin-top:4px;font-weight:800}.mypage-container{flex-direction:column;display:flex}.mypage-split-layout{grid-template-columns:1fr 2.2fr;align-items:start;gap:24px;display:grid}.mypage-nav-pane{flex-direction:column;align-items:center;padding:32px 16px;display:flex}.mypage-profile-block{flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.mypage-avatar{border:4px solid var(--primary-light);width:80px;height:80px;box-shadow:var(--shadow-sm);border-radius:50%;margin-bottom:12px;overflow:hidden}.mypage-avatar img{object-fit:cover;width:100%;height:100%}.mypage-profile-block h4{color:var(--text-main);margin-bottom:6px;font-size:16px;font-weight:800}.mypage-profile-block .rating-tag{background-color:var(--primary);color:#fff;border-radius:var(--radius-full);padding:3px 12px;font-size:11px;font-weight:800}.mypage-menu{flex-direction:column;gap:6px;width:100%;display:flex}.mypage-menu-item{width:100%;height:44px;color:var(--text-sub);border-radius:var(--radius-md);text-align:left;transition:var(--transition);align-items:center;gap:12px;padding:0 16px;font-size:14px;font-weight:800;display:flex}.mypage-menu-item:hover,.mypage-menu-item.active{background-color:var(--primary-light);color:var(--primary)}.tab-pane-content h3{color:var(--text-main);border-bottom:1px solid var(--border-light);margin-bottom:16px;padding-bottom:12px;font-size:18px;font-weight:800}.my-items-list{flex-direction:column;gap:12px;display:flex}.my-item-row{background-color:var(--bg-main);border-radius:var(--radius-md);align-items:center;gap:16px;padding:16px;display:flex}.date-tag{background-color:var(--border);color:var(--text-sub);border-radius:var(--radius-sm);text-align:center;width:75px;padding:4px 8px;font-size:11px;font-weight:800}.result-tag{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.result-tag.win{color:var(--success);background-color:#ecfdf5}.result-tag.lose{color:var(--danger);background-color:#fef2f2}.status-tag{border-radius:var(--radius-sm);padding:4px 8px;font-size:11px;font-weight:800}.status-tag.active{background-color:var(--primary-light);color:var(--primary)}.pay-tag{color:var(--text-sub);border-radius:var(--radius-sm);background-color:#f1f5f9;padding:4px 8px;font-size:11px;font-weight:800}.my-item-row div strong{color:var(--text-main);font-size:14px;display:block}.my-item-row div p{color:var(--text-muted);margin-top:2px;font-size:12px}.rating-summary{background-color:var(--bg-main);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:20px;display:flex}.rating-huge{align-items:baseline;gap:12px;display:flex}.rating-huge h1{font-size:38px;font-weight:900}.rating-desc{color:var(--text-muted);font-size:12px}.pbr-chart-container{background-color:var(--bg-main);border-radius:var(--radius-md);padding:16px}.pbr-svg{width:100%;height:auto}.checkbox-row{align-items:center;display:flex}.checkbox-row input{cursor:pointer;width:16px;height:16px}.checkbox-row label{color:var(--text-sub);font-size:13px;font-weight:700}@media (width<=768px){.mypage-split-layout{grid-template-columns:1fr}.mypage-menu{scrollbar-width:none;flex-direction:row;padding-bottom:8px;overflow-x:auto}.mypage-menu::-webkit-scrollbar{display:none}.mypage-menu-item{flex-shrink:0;width:auto;height:36px}.mypage-menu-item span{display:inline}}.admin-container{flex-direction:column;display:flex}.admin-split-layout{grid-template-columns:240px 1fr;align-items:start;gap:24px;display:grid}.admin-sidebar{flex-direction:column;padding:24px 16px;display:flex}.admin-brand{color:var(--text-main);border-bottom:1px solid var(--border-light);text-align:center;margin-bottom:20px;padding-bottom:16px;font-size:15px;font-weight:800}.admin-menu{flex-direction:column;gap:6px;display:flex}.admin-menu-item{height:40px;color:var(--text-sub);border-radius:var(--radius-md);text-align:left;transition:var(--transition);align-items:center;gap:12px;padding:0 16px;font-size:13px;font-weight:800;display:flex}.admin-menu-item:hover,.admin-menu-item.active{background-color:var(--bg-main);color:var(--primary)}.admin-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.admin-stat-card{flex-direction:column;gap:8px;padding:20px;display:flex}.stat-label{color:var(--text-muted);font-size:11px;font-weight:700}.stat-value-row{justify-content:space-between;align-items:baseline;display:flex}.stat-value-row h3{color:var(--text-main);font-size:22px;font-weight:800}.stat-change-tag{border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:800}.stat-change-tag.up{color:var(--success);background-color:#ecfdf5}.admin-visual-row{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.bookings-table{flex-direction:column;gap:12px;display:flex}.admin-booking-row{border-bottom:1px solid var(--border-light);align-items:center;padding:12px 0;display:flex}.res-time-bold{color:var(--text-muted);width:60px;font-size:14px;font-weight:800}.res-court-details{flex-direction:column;flex:1;display:flex}.res-court-details strong{color:var(--text-main);font-size:14px}.res-court-details span{color:var(--text-muted);margin-top:2px;font-size:11px}.donut-chart-container{width:140px;height:140px;margin:0 auto;position:relative}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-inner-text{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-inner-text strong{color:var(--text-main);font-size:13px}.donut-inner-text span{color:var(--primary);margin-top:2px;font-size:16px;font-weight:900}.chart-legends{flex-direction:column;gap:8px;display:flex}.legend-row{color:var(--text-sub);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.blue{background-color:var(--primary)}.legend-dot.lime{background-color:var(--accent)}.legend-dot.dark{background-color:var(--bg-accent)}.admin-fallback-view{text-align:center;padding:48px}@media (width<=900px){.admin-split-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-stats-grid,.admin-visual-row{grid-template-columns:1fr}}.btn-approve-mini,.btn-reject-mini{border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:4px 8px;font-size:11px;font-weight:800}.admin-prod-thumb-wrapper{background-color:var(--border-light,#e5e7eb);border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.admin-prod-thumb{object-fit:cover;width:100%;height:100%}.admin-prod-desc-cell{text-overflow:ellipsis;white-space:nowrap;max-width:250px;color:var(--text-sub);overflow:hidden}.admin-table tbody tr{transition:background-color .15s}.admin-table tbody tr:hover{background-color:#f8fafc}.court-manager-container{max-width:1200px;margin:0 auto;padding:40px 20px;animation:.3s ease-out fadeIn}.dashboard-title-area{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.manager-badge{background-color:var(--primary);color:#fff;border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:700}.manager-tabs{gap:16px;margin-bottom:24px;display:flex}.manager-tab-btn{color:var(--text-muted);border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-card);transition:var(--transition);cursor:pointer;padding:10px 20px;font-size:15px;font-weight:700}.manager-tab-btn:hover{background-color:var(--bg-main);color:var(--text-main)}.manager-tab-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.schedule-dashboard-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.schedule-filter-bar{border-bottom:1px solid var(--border);gap:20px;margin-bottom:24px;padding-bottom:20px;display:flex}.filter-item{flex-direction:column;flex:1;gap:6px;max-width:300px;display:flex}.filter-item label{color:var(--text-sub);font-size:12px;font-weight:800}.schedule-select,.schedule-date-input{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-main);color:var(--text-main);padding:10px 14px;font-size:14px;font-weight:700}.schedule-select:focus,.schedule-date-input:focus{border-color:var(--primary);outline:none}.matrix-info{color:var(--primary);border-radius:var(--radius-md);background-color:#0052cc0d;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.schedule-table-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.schedule-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%;min-width:600px}.schedule-table th:first-child,.schedule-table td:first-child{width:160px}.schedule-table th,.schedule-table td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);vertical-align:top;padding:16px 20px}.schedule-table th:last-child,.schedule-table td:last-child{border-right:none}.schedule-table th{background-color:var(--bg-main);color:var(--text-main);font-size:14px;font-weight:800}.slot-time{color:var(--text-main);background-color:var(--bg-main);width:150px;font-size:14px;font-weight:800}.schedule-cell.empty{vertical-align:middle;background-color:#fff}.empty-badge{color:#059669;border-radius:var(--radius-full);background-color:#d1fae5;padding:6px 12px;font-size:12px;font-weight:800;display:inline-block}.schedule-cell.occupied{background-color:#00000003}.cell-reservation-info{flex-direction:column;gap:6px;display:flex;position:relative}.cell-badge{border-radius:var(--radius-sm);width:fit-content;padding:2px 6px;font-size:10px;font-weight:800;display:inline-block}.cell-badge.pending{color:#d97706;background-color:#fef3c7}.cell-badge.confirmed{color:#059669;background-color:#d1fae5}.cell-badge.cancelled{color:#dc2626;background-color:#fee2e2}.cell-reservation-info .user-details{color:var(--text-main);font-size:13px}.cell-reservation-info .price-details{color:var(--text-sub);font-size:12px;font-weight:800}.cell-actions{gap:6px;margin-top:6px;display:flex}.btn-approve-mini,.btn-reject-mini{border-radius:var(--radius-sm);color:#fff;transition:var(--transition);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:11px;font-weight:700;display:flex}.btn-approve-mini{background-color:#059669}.btn-approve-mini:hover{background-color:#047857}.btn-reject-mini{background-color:#dc2626}.btn-reject-mini:hover{background-color:#b91c1c}.courts-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.court-card-body h4{margin-bottom:8px;font-size:18px;font-weight:800}.btn-edit-trigger{background-color:var(--bg-main);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;align-items:center;gap:6px;margin-top:15px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.btn-edit-trigger:hover{background-color:var(--border)}.register-court-card{border:1px dashed var(--primary);cursor:pointer;border-radius:var(--radius-lg);color:var(--primary);transition:var(--transition);background-color:#0052cc05;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;font-weight:800;display:flex}.register-court-card:hover{background-color:#0052cc0d}.manager-form-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:30px;padding:24px}.manager-form-card h3{margin-top:0;margin-bottom:20px;font-size:18px;font-weight:800}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=768px){.form-grid{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-sub);font-size:12px;font-weight:800}.form-group input,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);background-color:var(--bg-main);padding:10px 14px;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.form-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.edit-form-wrapper{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:15px;padding-top:15px;display:flex}.empty-state{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);color:var(--text-muted);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{color:var(--text-muted);margin-bottom:12px}.empty-state p{margin:4px 0 0;font-size:14px}.btn-address-search-inline{color:var(--primary,#0052cc);cursor:pointer;transition:var(--transition);background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.btn-address-search-inline:hover{color:#1d4ed8;background-color:#dbeafe;border-color:#93c5fd}.coords-preview-tag{border-radius:4px;margin-top:6px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-block}.coords-preview-tag.success{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0}.coords-preview-tag.info{color:var(--text-muted,#64748b);background-color:#0000}.court-image-upload-box{background-color:var(--bg-main,#f8fafc);border:1.5px dashed var(--border,#cbd5e1);border-radius:var(--radius-md,10px);flex-direction:column;gap:16px;margin-top:6px;padding:16px;display:flex}@media (width>=640px){.court-image-upload-box{flex-direction:row;align-items:flex-start}}.court-image-preview-area{border-radius:var(--radius-md,8px);border:1px solid var(--border,#e2e8f0);background-color:#0f172a;flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:220px;height:140px;display:flex;overflow:hidden}.court-img-preview{object-fit:cover;width:100%;height:100%;transition:transform .2s}.court-img-empty{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.court-image-controls{flex-direction:column;flex:1;gap:10px;display:flex}.btn-file-upload,.form-group label.btn-file-upload,label.btn-file-upload{border-radius:var(--radius-md,8px);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;width:fit-content;padding:8px 16px;transition:all .2s;display:inline-flex;box-shadow:0 2px 5px #0052cc40;background-color:var(--primary,#0052cc)!important;color:#fff!important;font-size:13px!important;font-weight:700!important}.btn-file-upload:hover,.form-group label.btn-file-upload:hover,label.btn-file-upload:hover{transform:translateY(-1px);background-color:var(--primary-hover,#003d99)!important;color:#fff!important}.btn-file-upload svg,.form-group label.btn-file-upload svg,label.btn-file-upload svg{color:#fff!important;stroke:#fff!important}.file-name-tag{color:var(--text-muted,#64748b);word-break:break-all;font-size:12px}.preset-images-picker{flex-direction:column;gap:6px;margin-top:6px;display:flex}.preset-label{color:var(--text-sub,#475569);font-size:12px;font-weight:700}.preset-buttons{flex-wrap:wrap;gap:6px;display:flex}.btn-preset-chip{border-radius:var(--radius-full,9999px);background-color:var(--bg-card,#fff);border:1px solid var(--border,#cbd5e1);color:var(--text-main,#1e293b);cursor:pointer;padding:5px 10px;font-size:12px;font-weight:600;transition:all .2s}.btn-preset-chip:hover{border-color:var(--primary,#0052cc);color:var(--primary,#0052cc)}.btn-preset-chip.active{border-color:var(--primary,#0052cc);color:var(--primary,#0052cc);background-color:#eff6ff;font-weight:700}.parking-radio-group{gap:10px;margin-top:6px;display:flex}.radio-pill{border-radius:var(--radius-md,8px);border:1px solid var(--border,#cbd5e1);background-color:var(--bg-card,#fff);cursor:pointer;color:var(--text-muted,#64748b);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.radio-pill input[type=radio]{display:none}.radio-pill.active{border-color:var(--primary,#0052cc);color:var(--primary,#0052cc);background-color:#eff6ff;font-weight:700}.dashboard-court-thumb-wrap{border-radius:var(--radius-md,8px);background-color:#0f172a;width:100%;height:160px;margin-bottom:12px;position:relative;overflow:hidden}.dashboard-court-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s}.dashboard-court-thumb-wrap:hover .dashboard-court-thumb{transform:scale(1.03)}.dashboard-thumb-badges{flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:8px;left:8px}.badge-spec{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f172abf;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.photo-count-badge{color:var(--primary,#0052cc);background:#eff6ff;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:800}.court-image-upload-box.multi{flex-direction:column;align-items:stretch}.court-multi-thumbs-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;width:100%;display:grid}.court-multi-thumbs-grid.mini{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.multi-thumb-card{border-radius:var(--radius-md,8px);border:2px solid var(--border,#cbd5e1);background-color:#0f172a;width:100%;height:105px;transition:all .2s;position:relative;overflow:hidden}.multi-thumb-card.is-cover{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b40}.multi-thumb-img{object-fit:cover;width:100%;height:100%}.multi-thumb-overlay{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:4px;left:4px;right:4px}.cover-badge{color:#fff;background:#f59e0b;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800;box-shadow:0 2px 4px #0003}.btn-set-cover{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#0f172abf;border:none;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;transition:background-color .2s}.btn-set-cover:hover{background:#f59e0b}.btn-remove-thumb{color:#fff;cursor:pointer;background:#ef4444d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;transition:background-color .2s;display:flex}.btn-remove-thumb:hover{background:#dc2626}.multi-thumb-num{color:#fff;background:#0f172abf;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:800;position:absolute;bottom:4px;left:4px}.multi-thumb-add-slot,.form-group label.multi-thumb-add-slot,label.multi-thumb-add-slot{border:2px dashed var(--border,#cbd5e1);border-radius:var(--radius-md,8px);background-color:var(--bg-card,#fff);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:105px;transition:all .2s;display:flex;color:var(--text-muted,#64748b)!important;font-size:11px!important;font-weight:700!important}.multi-thumb-add-slot:hover,.form-group label.multi-thumb-add-slot:hover,label.multi-thumb-add-slot:hover{border-color:var(--primary,#0052cc);background-color:#eff6ff;color:var(--primary,#0052cc)!important}.multi-thumb-add-slot.mini{height:90px}.multi-thumb-add-slot small{color:var(--text-muted,#94a3b8);font-size:10px}.partner-beta-banner{border-radius:var(--radius-lg,12px);color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0c4a6e 100%);border:1px solid #38bdf84d;margin-bottom:24px;padding:24px 28px;animation:.3s ease-out fadeIn;box-shadow:0 10px 25px -5px #0e749033}.partner-banner-badge-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.partner-pill-badge{color:#38bdf8;border-radius:var(--radius-full,9999px);background-color:#38bdf826;border:1px solid #38bdf866;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.partner-fee-highlight{color:#fde047;border-radius:var(--radius-full,9999px);background-color:#fde0471a;border:1px solid #fde0474d;padding:4px 12px;font-size:13px}.partner-fee-highlight strong{color:#fef08a;font-weight:800}.partner-banner-title{color:#fff;margin:0 0 10px;font-size:18px;font-weight:800;line-height:1.4}.partner-banner-desc{color:#cbd5e1;margin:0 0 20px;font-size:13px;line-height:1.6}.partner-banner-desc strong{color:#38bdf8}.partner-banner-features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.partner-feature-box{border-radius:var(--radius-md,8px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff0d;border:1px solid #ffffff1a;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.partner-feature-box .feature-icon{padding-top:2px;font-size:20px;line-height:1}.partner-feature-box strong{color:#fff;margin-bottom:3px;font-size:13px;display:block}.partner-feature-box p{color:#94a3b8;margin:0;font-size:11px;line-height:1.4}.partner-fee-policy-bar{border-radius:var(--radius-md,8px);background-color:#f0fdf4;border:1px solid #bbf7d0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;animation:.25s ease-out fadeIn;display:flex}.partner-fee-policy-bar .policy-info{color:#166534;align-items:center;gap:8px;font-size:13px;display:flex}.partner-fee-policy-bar .policy-badge{color:#fff;background-color:#16a34a;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800}.partner-fee-policy-bar .policy-pg-notice{color:#0d9488;border-radius:var(--radius-full,9999px);background-color:#0d94881a;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-fee-zero{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800;line-height:1.2;display:inline-block}.badge-pay-type{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;line-height:1.2;display:inline-block}.badge-fee-highlight-sm{color:#0284c7;background-color:#e0f2fe;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}@media (width<=640px){.partner-banner-badge-row,.partner-fee-policy-bar{flex-direction:column;align-items:flex-start}}.coach-dashboard-container{max-width:1200px;margin:0 auto;padding:40px 20px;animation:.3s ease-out fadeIn}.dashboard-title-area{border-bottom:2px solid var(--border);flex-direction:column;gap:8px;margin-bottom:30px;padding-bottom:15px;display:flex}.dashboard-title-area h2{color:var(--text-main);margin:0;font-size:26px;font-weight:800}.coach-badge-top{background-color:var(--primary);color:#fff;border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:700}.welcome-msg{color:var(--text-sub);margin:0;font-size:14px}.coach-tabs{gap:16px;margin-bottom:24px;display:flex}.coach-tab-btn{color:var(--text-muted);border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-card);transition:var(--transition);cursor:pointer;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:700;display:flex}.coach-tab-btn:hover{background-color:var(--bg-main);color:var(--text-main)}.coach-tab-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.dashboard-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.card-header-flex{justify-content:justify;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.card-header-flex h3{color:var(--text-main);margin:0;font-size:18px;font-weight:800}.card-subtitle{color:var(--text-sub);font-size:14px}.lesson-requests-table{border-collapse:collapse;text-align:left;width:100%}.lesson-requests-table th,.lesson-requests-table td{border-bottom:1px solid var(--border);padding:14px 16px;font-size:14px}.lesson-requests-table th{color:var(--text-sub);background-color:var(--bg-main);font-weight:800}.lesson-requests-table td{color:var(--text-main)}.user-email{color:var(--text-sub);font-size:13px}.lesson-date-text{font-weight:700}.status-badge{border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.status-badge.pending{color:#d97706;background-color:#fef3c7}.status-badge.success{color:#03543f;background-color:#def7ec}.status-badge.danger{color:#9b1c1c;background-color:#fde8e8}.action-buttons-cell{gap:8px;display:flex}.flex-btn{align-items:center;gap:4px;display:flex}.action-done-text{color:var(--text-muted)}.settings-form-layout{flex-direction:column;gap:20px;display:flex}.form-grid-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.form-grid-2col{grid-template-columns:1fr}.lesson-requests-table th:nth-child(2),.lesson-requests-table td:nth-child(2){display:none}}.help-text{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.btn-success{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background-color:#10b981;border:none;padding:6px 12px;font-size:13px;font-weight:700}.btn-success:hover{background-color:#059669}.btn-danger-outline{color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background-color:#0000;padding:6px 12px;font-size:13px;font-weight:700}.btn-danger-outline:hover{background-color:var(--danger);color:#fff}.privacy-page-container{max-width:900px;margin:0 auto;padding:32px 20px 80px}.privacy-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.privacy-page-title-group{align-items:center;gap:12px;display:flex}.privacy-back-btn{border:1px solid var(--border,#e5e7eb);color:var(--text-sub,#4b5563);cursor:pointer;background-color:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex}.privacy-back-btn:hover{color:var(--text-main,#111827);background-color:#f3f4f6;border-color:#d1d5db}.privacy-page-title-group h1{color:var(--text-main,#111827);align-items:center;gap:10px;margin:0;font-size:24px;font-weight:900;display:flex}.privacy-card-wrap{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);background-color:#fff;padding:36px}.policy-tab-nav{background-color:#f1f5f9;border-radius:10px;gap:6px;width:fit-content;margin-bottom:24px;padding:5px;display:flex}.policy-tab-btn{color:var(--text-sub,#4b5563);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:700;transition:all .15s;display:flex}.policy-tab-btn:hover{color:var(--text-main,#111827)}.policy-tab-btn.active{color:var(--primary,#0052cc);background-color:#fff;box-shadow:0 2px 6px #00000014}@media (width<=768px){.privacy-page-container{padding:16px 16px 80px}.privacy-card-wrap{padding:20px 16px}.privacy-page-title-group h1{font-size:20px}}