.app-layout{min-height:100vh;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft JhengHei,sans-serif;overflow-x:hidden;max-width:100vw}.top-navbar{background:#2d7d32;padding:12px 0;position:fixed;top:0;width:100%;max-width:100vw;z-index:1000;box-shadow:0 2px 4px #0000001a;overflow-x:hidden;box-sizing:border-box}.top-nav-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:10px}.logo-icon{width:36px;height:36px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.logo-text h1{font-size:26px;color:#fff;margin:0;font-weight:600}.logo-subtitle{font-size:12px;color:#fffc;margin:0}.top-nav-center{display:flex;gap:15px}.nav-pill{background:#fff3;color:#fff;padding:8px 20px;border-radius:20px;text-decoration:none;font-size:14px;transition:all .3s}.nav-pill:hover,.nav-pill.active{background:#ffffff4d}.top-nav-right{display:flex;gap:10px}.icon-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s}.icon-btn:hover{background:#fff3}.main-layout{display:flex;margin-top:70px;min-height:calc(100vh - 120px)}.left-sidebar{width:240px;background:#388e3c;padding:30px 15px 20px;position:fixed;left:0;top:70px;height:calc(100vh - 70px);overflow-y:auto;display:flex;flex-direction:column}.sidebar-section{margin-bottom:15px}.sidebar-btn{width:100%;background:#4caf50!important;border:1px solid transparent;border-radius:10px;padding:14px 20px;margin-bottom:10px;color:#fff!important;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;text-align:left;text-decoration:none;box-shadow:0 2px 4px #0003;box-sizing:border-box}.sidebar-btn:hover{background:#45a049!important;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.sidebar-btn.active{background:#66bb6a;font-weight:600;box-shadow:0 2px 4px #0003;border:2px solid rgba(255,255,255,.3)}.sidebar-icon{font-size:18px}button.sidebar-btn{font-family:inherit;font-size:15px}.sidebar-btn:focus{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.sidebar-btn:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.main-content-area{margin-left:240px;flex:1;padding:30px;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.main-content-area.no-sidebar{margin-left:0}.section-title{font-size:14px;color:#fffc;font-weight:600;margin-bottom:12px;padding-left:5px;text-transform:uppercase;letter-spacing:.5px}.layout-content{display:flex;flex:1;max-width:1200px;margin:0 auto;width:100%;gap:20px;padding:20px}.main-content{flex:1;background:#fcfcfc;border-radius:25px;padding:24px;box-shadow:0 8px 32px #0075001a;max-width:100%;overflow-x:hidden;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:100}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px;height:60px}.header-left{display:flex;align-items:center}.logo{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:700;position:relative}.logo:before{content:"🏸";font-size:28px;margin-right:8px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.logo-text{font-size:24px;margin-right:8px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.logo-subtitle{font-size:14px;opacity:.9;color:#f0f0f0}.header-nav{display:flex;gap:24px}.nav-link{color:#fff;text-decoration:none;padding:8px 16px;border-radius:15px;transition:all .3s ease;font-weight:500;border:2px solid transparent}.nav-link:hover{background:#ffffff26;border-color:#fff3;transform:translateY(-2px)}.nav-link.active{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 15px #0000001a}.header-right{display:flex;align-items:center;gap:12px}a.header-button,.header-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;padding:8px;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center}a.header-button:hover,.header-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.user-button{background:#ffffff26;border:2px solid rgba(255,255,255,.3)}.sidebar{width:200px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:16px;height:-moz-fit-content;height:fit-content;position:sticky;top:100px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0075001a}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.sidebar-link{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:12px 16px;border-radius:15px;transition:all .3s ease;font-weight:500;background:#4caf50;border:2px solid transparent}.sidebar-link:hover{background:#45a049;transform:translate(5px)}.sidebar-link.active{background:#388e3c;border-color:#2e7d32;box-shadow:0 0 0 2px #4caf5033;transform:translate(8px)}.footer{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2);padding:16px 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;color:#fff}.footer-left p{margin:0;font-size:14px;opacity:.9}.footer-right{display:flex;align-items:center;gap:12px;font-size:14px}.footer-link{cursor:pointer;transition:all .3s ease;padding:4px 8px;border-radius:8px}.footer-link:hover{background:#ffffff1a;transform:translateY(-1px)}.footer-divider{opacity:.6}.page{text-align:center;padding:60px 20px}.page h1{font-size:2.5rem;color:#007500;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page p{font-size:1.2rem;color:#050}.btn{padding:12px 24px;border-radius:15px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#007500,#050);color:#fff;box-shadow:0 4px 15px #0075004d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00750066;background:linear-gradient(135deg,#050,#030)}.btn-secondary{background:#fff;color:#007500;border:2px solid #007500;box-shadow:0 4px 15px #0075001a}.btn-secondary:hover{background:#007500;color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #0075004d}.layout:before{content:"";position:fixed;top:10%;right:10%;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:rotate 20s linear infinite;pointer-events:none;z-index:1}.layout:after{content:"";position:fixed;bottom:10%;left:10%;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%;animation:rotate 30s linear infinite reverse;pointer-events:none;z-index:1}.create-team-btn{display:flex;align-items:center;gap:12px;width:100%;background:#4caf50!important;border:1px solid transparent;border-radius:10px;padding:14px 20px;margin-bottom:10px;font-size:16px;font-weight:600;color:#fff!important;text-decoration:none;transition:all .3s;box-shadow:0 2px 4px #0003;cursor:pointer;text-align:left;box-sizing:border-box}.create-team-btn:hover{background:#45a049!important;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.create-team-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.sidebar-icon,.btn-icon{font-size:18px}.site-footer{background:#1b5e20;color:#fff;padding:12px 0;margin-top:auto}.site-footer .footer-content{max-width:1400px;margin:0 auto;padding:0 20px 0 260px;display:flex;justify-content:space-between;align-items:center}.footer-center{text-align:center;flex:1}.footer-center h3{font-size:16px;margin:0 0 2px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;opacity:.8}.footer-icon{font-size:18px}.footer-center p{margin:0;font-size:13px;opacity:.7}.footer-right{text-align:right}.footer-right p{margin:0 0 3px;font-size:14px;font-weight:600;opacity:1}.footer-right .copyright{font-size:12px;font-weight:400;opacity:.8}.mobile-only{display:none}.desktop-only{display:flex}@media (max-width: 768px){.mobile-only{display:flex}.desktop-only{display:none!important}.top-navbar{padding:8px 0}.top-nav-container{padding:0 12px;gap:0;display:flex;justify-content:space-between;align-items:center;position:relative}.logo-section{gap:6px;flex-shrink:0;position:absolute;left:50%;transform:translate(-50%)}.logo-icon{width:28px;height:28px;font-size:16px;border-radius:6px}.logo-text{display:flex;align-items:center}.logo-text h1{font-size:28px;white-space:nowrap}.logo-subtitle{display:none}.mobile-menu-btn{width:40px;height:40px;border:none;background:#fff3;color:#fff;border-radius:8px;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.mobile-menu-btn:hover{background:#ffffff4d}.mobile-menu-btn:active{background:#fff6}.hamburger-icon,.dots-icon{line-height:1}.menu-overlay{position:fixed;inset:0;background:#00000080;z-index:1100;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{position:fixed;top:0;bottom:0;width:280px;background:#fff;z-index:1200;box-shadow:0 0 20px #0000004d;display:flex;flex-direction:column}.left-drawer{left:0;animation:slideInLeft .3s ease}.right-drawer{right:0;animation:slideInRight .3s ease}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{background:#2d7d32;color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.drawer-header h3{margin:0;font-size:18px;font-weight:600}.close-btn{width:32px;height:32px;border:none;background:#fff3;color:#fff;border-radius:6px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#ffffff4d}.drawer-content{flex:1;overflow-y:auto;padding:8px}.drawer-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 24px;margin:4px 8px;border:none;background:none;color:#166534;font-size:20px;text-align:left;border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.drawer-item:hover{background-color:#e6f7e6;color:#166534}.drawer-item:active{background-color:#d4f4d4;color:#166534}.drawer-item.active{color:#166534;background-color:#d4f4d4;font-weight:600}.drawer-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#166534;border-radius:8px 0 0 8px}.drawer-icon{display:inline-flex;align-items:center;justify-content:center;min-width:24px;flex-shrink:0;font-size:20px}.drawer-icon svg{width:20px;height:20px;stroke-width:2;flex-shrink:0}.drawer-menu-group{margin-bottom:4px}.drawer-parent{justify-content:flex-start}.drawer-label{flex:1}.drawer-parent.expanded:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background-color:#166534;border-radius:8px 0 0 8px}.drawer-submenu{padding-left:16px;background-color:#f8f9fa;margin:4px 8px 8px 20px;border-radius:8px;animation:slideDown .3s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.drawer-subitem{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px 12px 28px;background:none;border:none;text-align:left;font-size:18px;color:#555;cursor:pointer;transition:all .2s;border-radius:6px}.drawer-subitem:hover{background-color:#e8f5e9;color:#166534}.drawer-subitem.active{background-color:#d4f4d4;color:#166534;font-weight:600}.subitem-dot{font-size:28px;color:#166534;line-height:1;min-width:20px;text-align:center}.main-layout{margin-top:56px;max-width:100vw;overflow-x:hidden}.main-content-area{padding:0;margin-left:0;width:100%;max-width:100vw;overflow-x:hidden}.site-footer .footer-content{padding-left:20px;flex-direction:column;text-align:center;gap:20px}.footer-right{text-align:center}.layout-content{flex-direction:column;padding:2px}.main-content{padding:10px;border-radius:8px;margin:2px}.sidebar{width:100%;position:static}.sidebar-nav{flex-direction:row;overflow-x:auto}.header-nav{display:none}.footer-content{flex-direction:column;gap:12px;text-align:center}.layout:before,.layout:after{display:none}}.payment-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-modal-content{background:#fff;border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.payment-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.payment-modal-close{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.payment-modal-close:hover{background-color:#f3f4f6;color:#111827}.payment-modal-body{padding:24px}.payment-info{margin-bottom:24px;padding:16px;background-color:#f9fafb;border-radius:12px}.payment-info .activity-name{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.payment-info .participation-fee{font-size:18px;font-weight:700;color:#2563eb;margin:0}.payment-methods{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.payment-method-btn{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #e5e7eb;border-radius:12px;background-color:#fff;cursor:pointer;transition:all .3s;text-align:left}.payment-method-btn:hover{border-color:#2563eb;background-color:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26}.payment-method-btn:active{transform:translateY(0)}.payment-method-icon{font-size:36px;flex-shrink:0}.payment-method-text{flex:1}.payment-method-text h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827}.payment-method-text p{margin:0;font-size:14px;color:#6b7280}.payment-note{padding:12px 16px;background-color:#fef3c7;border-radius:8px;border-left:4px solid #f59e0b}.payment-note p{margin:0;font-size:14px;color:#92400e}@media (max-width: 640px){.payment-modal-content{width:95%;max-width:none;border-radius:12px}.payment-modal-header{padding:16px 20px}.payment-modal-header h2{font-size:18px}.payment-modal-body{padding:20px}.payment-method-btn{padding:16px}.payment-method-icon{font-size:28px}.payment-method-text h3{font-size:15px}.payment-method-text p{font-size:13px}}.welcome-slider-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.welcome-slider-container{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:600px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d}.skip-button{position:absolute;top:20px;right:20px;background:none;border:none;color:#666;font-size:14px;cursor:pointer;z-index:10;padding:8px 16px;border-radius:20px;transition:all .3s}.skip-button:hover{background-color:#f5f5f5;color:#333}.slides-wrapper{width:100%;height:450px;overflow:hidden;position:relative;touch-action:pan-y}.slides-container{display:flex;height:100%;transition:transform .3s ease-out}.slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:40px 30px}.slide-content{text-align:center;max-width:400px}.slide-title{font-size:28px;font-weight:700;color:#166534;margin-bottom:12px}.slide-subtitle{font-size:22px;font-weight:600;color:#047857;margin-bottom:16px}.slide-text{font-size:18px;color:#666;line-height:1.6;margin:0}.slider-controls{padding:20px 30px;display:flex;flex-direction:column;align-items:center;gap:20px;background:linear-gradient(to top,#f9fafb,#fff)}.dots{display:flex;gap:8px;justify-content:center}.dot{width:10px;height:10px;border-radius:50%;background-color:#d1d5db;cursor:pointer;transition:all .3s}.dot.active{background-color:#166534;width:24px;border-radius:5px}.next-button{width:100%;max-width:300px;padding:14px 32px;background:linear-gradient(135deg,#166534,#047857);color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #1665344d}.next-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #16653466}.next-button:active{transform:translateY(0)}@media (max-width: 600px){.welcome-slider-container{max-width:100%;max-height:80vh;border-radius:16px}.slides-wrapper{height:350px}.slide{padding:30px 20px}.slide-title{font-size:24px}.slide-subtitle{font-size:20px}.slide-text{font-size:16px}}.settings-container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:1}.settings-content{display:flex;gap:2rem;padding:20px;position:relative;overflow:visible;min-height:700px}.settings-sidebar{width:250px;border-right:1px solid #e5e7eb;padding:1rem 0}.settings-nav{display:flex;flex-direction:column}.settings-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;margin:.25rem .5rem;border:none;background:none;text-align:left;cursor:pointer;color:#166534;transition:all .2s;position:relative;border-radius:.5rem}.settings-nav-item:hover{background-color:#e6f7e6;color:#166534}.settings-nav-item.active{color:#166534;background-color:#d4f4d4}.settings-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#166534}.settings-nav-item svg:last-child{margin-left:auto;opacity:.5}.nav-divider{height:1px;background-color:#e5e7eb;margin:.75rem 1rem}.settings-main{flex:1;padding:2rem;overflow-y:visible;overflow-x:hidden;min-height:600px}.settings-section h2{font-size:20px;font-weight:700;color:#333;margin-bottom:1.5rem;text-align:left}.settings-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;font-size:1rem;font-weight:600;color:#374151;margin-bottom:.25rem;text-align:left;padding-left:0;margin-left:0;width:100%}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.5rem .75rem;border:2px solid #f0f0f0;border-radius:.375rem;font-size:.875rem;transition:all .2s;background-color:#fff}.settings-form .form-group select option:checked,.settings-container .form-group select option:checked{background:linear-gradient(0deg,#166534 0% 100%)!important;background-color:#166534!important;color:#fff!important}.settings-form .form-group select option:hover,.settings-form .form-group select option:focus,.settings-container .form-group select option:hover,.settings-container .form-group select option:focus{background:linear-gradient(0deg,#d4f4d4 0% 100%)!important;background-color:#d4f4d4!important;color:#166534!important;box-shadow:0 0 10px 100px #d4f4d4 inset!important}.settings-form .form-group select option,.settings-container .form-group select option{background:#fff;color:#333}.settings-form .form-group select option:hover,.settings-container .form-group select option:hover{background:#d4f4d4!important}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23166534' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;padding-right:2.5rem}@media screen and (-webkit-min-device-pixel-ratio:0){.form-group select option:hover{background:#d4f4d4!important;color:#166534!important}.form-group select option:checked{background:#166534!important;color:#fff!important}}.settings-form .form-group select,.settings-container .form-group select{scrollbar-width:thin;scrollbar-color:#166534 #f0f0f0}.settings-form .form-group select::-webkit-scrollbar,.settings-container .form-group select::-webkit-scrollbar{width:8px}.settings-form .form-group select::-webkit-scrollbar-track,.settings-container .form-group select::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.settings-form .form-group select::-webkit-scrollbar-thumb,.settings-container .form-group select::-webkit-scrollbar-thumb{background:#166534;border-radius:4px}.settings-form .form-group select::-webkit-scrollbar-thumb:hover,.settings-container .form-group select::-webkit-scrollbar-thumb:hover{background:#134a2a}.form-group input::-moz-selection,.form-group textarea::-moz-selection,.form-group select::-moz-selection{background-color:#166534;color:#fff}.form-group input::selection,.form-group textarea::selection,.form-group select::selection{background-color:#166534;color:#fff}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(43%) sepia(96%) saturate(1237%) hue-rotate(88deg) brightness(95%) contrast(96%)}.form-group input[type=date]::-webkit-datetime-edit{color:inherit}.form-group input[type=date]::-webkit-datetime-edit-fields-wrapper{color:inherit}.form-group input[type=date]{color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator:hover{background-color:#16a34a1a;border-radius:50%}.settings-form .form-group input:focus,.settings-form .form-group textarea:focus,.settings-form .form-group select:focus,.settings-container .form-group input:focus,.settings-container .form-group textarea:focus,.settings-container .form-group select:focus{outline:none;border:2px solid #166534;box-shadow:none}.form-group input[type=number]{width:100%}.save-button{padding:.5rem 1.5rem;background-color:#166534;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.save-button:hover{background-color:#166534}.cancel-button{padding:.5rem 1.5rem;background-color:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-button:hover{background-color:#e0e0e0}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed}.notification-settings{max-width:500px;margin:0 auto}.notification-settings h3{font-size:1rem;font-weight:600;color:#374151;margin-top:2rem;margin-bottom:1rem}.notification-settings h3:first-child{margin-top:0}.toggle-group{display:flex;flex-direction:column;gap:1rem}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f9fafb;border-radius:.375rem}.toggle-item span{font-weight:500;color:#1f2937;display:block}.toggle-item .custom-select{min-width:250px;flex-shrink:0}.toggle-description{font-size:.75rem;color:#6b7280;margin-top:.25rem}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#166534}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.privacy-settings{max-width:600px;margin:0 auto;display:flex;flex-direction:column}.setting-item{padding:1.25rem 1.5rem;background-color:#f9fafb;border-radius:.375rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1rem}.setting-item h3{font-size:.95rem;font-weight:500;color:#374151;margin:0;white-space:nowrap;flex-shrink:0}.setting-item .custom-select{flex:1;max-width:65%}.change-password-btn,.setup-2fa-btn{padding:.5rem 1rem;background-color:#fff;color:#166534;border:2px solid #166534;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.change-password-btn:hover,.setup-2fa-btn:hover{background-color:#d4f4d4}.appearance-settings{max-width:500px;margin:0 auto}.theme-selector{margin-bottom:2rem}.theme-selector h3{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.theme-options{display:flex;gap:1rem}.theme-option{flex:1;padding:1.5rem;border:2px solid #e5e7eb;border-radius:.5rem;background-color:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.theme-option:hover{border-color:#cbd5e1;background-color:#f9fafb}.theme-option.active{border-color:#166534;background-color:#d4f4d4}.theme-option svg{color:#6b7280}.theme-option.active svg{color:#166534}.theme-option span{font-size:.875rem;font-weight:500;color:#374151}.theme-option svg:last-child{position:absolute;top:.5rem;right:.5rem;color:#166534}.font-size-setting h3{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem}.font-size-setting .custom-select{width:200px}.language-settings{max-width:500px;margin:0 auto}.language-settings h3{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.language-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.language-option{display:flex;align-items:center;padding:1rem;border:2px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:all .2s}.language-option:hover{border-color:#cbd5e1;background-color:#f9fafb}.language-option.selected{border-color:#166534;background-color:#d4f4d4}.language-option input[type=radio]{margin-right:.5rem;accent-color:#166534}.flag-circle{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin:0 .5rem}.language-option span{font-weight:500;color:#374151;margin-left:-.25rem}@media (max-width: 768px){.settings-container{padding:4px;margin:0}.settings-content{flex-direction:column;padding:4px}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb}.settings-nav{flex-direction:row;overflow-x:auto;padding:0 1rem}.settings-nav-item{white-space:nowrap}.settings-nav-item.active:before{width:100%;height:3px;top:auto;bottom:0;left:0}.theme-options{flex-direction:column}}.homepage-container{min-height:calc(100vh - 80px);background:#f3f4f6;padding:20px}.content-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:1200px;margin:40px auto;overflow:hidden}.card-header{padding:30px;border-bottom:1px solid #e5e7eb;background:#fff}.content-card .card-header .card-title{font-size:24px;color:#1f2937;margin:0;display:flex;align-items:center;justify-content:flex-start;gap:12px;font-weight:600;text-align:left}.title-icon{font-size:28px!important}.card-subtitle{color:#666;font-size:16px;margin:0}.activities-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.activities-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.language-switcher{display:flex;gap:8px}.lang-btn{width:36px;height:36px;border-radius:50%;border:2px solid #ddd;background:#fff;color:#666;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px}.lang-btn:hover{border-color:#2d7d32;color:#2d7d32}.lang-btn.active{background:#2d7d32;color:#fff;border-color:#2d7d32}.activities-table{margin-top:20px;display:flex;flex-direction:column;align-items:center;width:100%}.activity-table,table.activity-table{width:95%;max-width:1200px;border-collapse:separate;border-spacing:0}.activity-table th,table.activity-table th,.activity-table thead th,table.activity-table thead th{background:#4caf50;color:#fff;padding:12px 15px;text-align:left;font-weight:600;font-size:15px}.activity-table th:first-child,table.activity-table th:first-child,.activity-table thead th:first-child,table.activity-table thead th:first-child{border-radius:12px 0 0}.activity-table th:last-child,table.activity-table th:last-child,.activity-table thead th:last-child,table.activity-table thead th:last-child{border-radius:0 12px 0 0}.activity-table td{padding:15px;vertical-align:top}.activity-table tbody tr{border-bottom:1px solid #eee}.activity-table tbody tr:last-child{border-bottom:none}.activity-table tbody tr:hover{background:#f9f9f9}.date-cell{width:80px;min-width:80px;max-width:80px;text-align:center;padding:10px!important}.date-info{background:#4caf501a;border-radius:8px;padding:8px;border:1.5px solid #166534;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px}.date-display,.date-weekday{font-size:14px;font-weight:600;color:#166534;line-height:1.4}.date-time{font-size:14px;font-weight:600;color:#e65100;line-height:1.4}.team-cell{min-width:175px}.team-info{min-width:120px}.team-name{font-weight:600;color:#333;margin-bottom:2px;transition:color .2s;line-height:1.4;padding-top:2px}.team-leader{color:#666;font-size:14px;margin-bottom:0;line-height:1.2}.team-rating{color:orange;font-size:14px;line-height:1.2}.venue-cell{min-width:180px;width:180px}.venue-info{min-width:90px;overflow:hidden;border-radius:4px}.venue-info.has-background-image{background:none}.venue-overlay{position:absolute;inset:0;background:#ffffffbf;z-index:1}.venue-content{position:relative;z-index:2}.venue-time{font-weight:600;color:#333;margin-bottom:2px;line-height:1.4;padding-top:2px;font-size:16px}.venue-name{color:#333;margin-bottom:2px;font-weight:600}.venue-detail{color:#333;font-size:14px;margin-bottom:4px;font-weight:600}.court-info{display:flex;align-items:center;gap:5px;margin-top:4px}.shuttlecock{font-size:14px}.court-type{font-size:14px;padding:2px 8px;border-radius:12px;background:#e8f5e9;color:#2e7d32}.court-type.provided{background:#ffe0b2;color:#e65100}.skill-cell{text-align:center;min-width:100px}.skill-badge{display:inline-block;background:#e3f2fd;color:#1976d2;padding:3px 12px;border-radius:16px;font-size:14px;font-weight:500;margin-bottom:4px;line-height:1.4}.gender-limit{color:#666;font-size:14px;line-height:1.2}.participants-cell{width:45px;padding:8px 2px!important}.participants-count{font-weight:600;color:#333;margin-bottom:4px;line-height:1.4;padding-top:2px;font-size:16px}.gender-breakdown{display:flex;gap:10px;font-size:14px;margin-bottom:4px;line-height:1.2}.female{color:#e91e63}.male{color:#2196f3}.recruiting-tag{display:inline-block;background:#fff3e0;color:#e65100;padding:2px 8px;border-radius:12px;font-size:14px;margin-top:4px}.cost-cell{font-weight:600;color:#333;text-align:center;min-width:100px}.register-btn{padding:6px 12px;border-radius:20px;border:2px solid #166534;background:#fff;color:#166534;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;font-size:14px;width:80px;justify-content:center;white-space:nowrap}.register-btn:hover:not(.full):not(:disabled):not(.joined){background:#4caf501a}.register-btn.success,.register-btn.joined{background:#166534;color:#fff;border:2px solid #166534}.register-btn.success:hover,.register-btn.joined:hover{background:#0d4a22}.register-btn.disabled{background:#f5f5f5;color:#999;cursor:not-allowed;border:2px solid #BDBDBD}.register-btn.full,.register-btn:disabled{background:#f5f5f5;color:#9e9e9e;border-color:#bdbdbd;cursor:not-allowed}.btn-icon{font-size:18px;font-weight:700}.loading-state{text-align:center;padding:60px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #2d7d32;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.btn{padding:8px 20px;border-radius:20px;border:none;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px;margin:2px}.btn-success{background:#2d7d32;color:#fff}.btn-success:hover{background:#236b26}.btn-primary{background:#2d7d32;color:#fff}.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd;border-bottom:1px solid #ddd!important;text-decoration:none}.btn-secondary:hover{background:#e0e0e0;text-decoration:none}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#d32f2f}.btn-disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.cost-mixed .cost-item,.cost-single .cost-item{font-size:14px}.cost-breakdown{font-size:14px;margin-top:4px}.single-cost{font-size:16px;font-weight:600;color:#2d7d32}.action-cell{display:flex;flex-direction:column;gap:4px;width:70px;min-width:70px;max-width:70px;text-align:center;padding:10px 8px!important}.waiting-cell{text-align:center;min-width:120px}.waiting-position{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.chance-badge.chance-high{background:#e8f5e9;color:#2e7d32}.chance-badge.chance-medium{background:#fff3e0;color:#e65100}.chance-badge.chance-low{background:#ffebee;color:#c62828}.action-cell button{margin:0;outline:none;box-shadow:none!important}.action-cell .btn-secondary:after,.action-cell .btn:after{display:none!important}.tab-filter-section{margin-bottom:20px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.main-tabs{display:flex;background:#f8f9fa;border-bottom:3px solid #e0e0e0;overflow-x:auto;overflow-y:hidden}.main-tab{padding:16px 24px;background:transparent;border:none;color:#666;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;border-bottom:3px solid transparent;margin-bottom:-3px}.main-tab:hover:not(.disabled){color:#166534;background:#1665340d}.main-tab.active{color:#166534;background:#fff;border-bottom-color:#166534}.main-tab.disabled{opacity:.4;cursor:not-allowed;color:#999}.main-tab.disabled:hover{background:transparent;color:#999}.sub-tabs{background:#fff;padding:16px 20px;border-bottom:1px solid #f0f0f0}.sub-tab-content{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sub-tab{padding:8px 18px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:24px;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap}.sub-tab:hover:not(.disabled){border-color:#166534;color:#166534;background:#1665340d}.sub-tab.active{background:#d4f4d4;color:#166534;border-color:#166534}.sub-tab.disabled{opacity:.35;cursor:not-allowed;background:#f5f5f5;color:#999;border-color:#e0e0e0}.sub-tab.disabled:hover{transform:none;box-shadow:none;border-color:#e0e0e0;background:#f5f5f5;color:#999}.sub-tab.date-input{padding:7px 14px;min-width:100px;max-width:120px;font-family:inherit;cursor:pointer;border-radius:24px;outline:none!important;box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #e0e0e0!important}.sub-tab.date-input:focus{outline:none!important;box-shadow:none!important;border:2px solid #e0e0e0!important}.sub-tab.date-input:hover:not(.disabled){border:2px solid #166534!important}.sub-tab.date-input.active{border:2px solid #166534!important}.sub-tab.date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:opacity(.6)}.sub-tab.date-input:hover::-webkit-calendar-picker-indicator{filter:opacity(1)}.sub-tab.date-input.active::-webkit-calendar-picker-indicator{filter:opacity(1)}.activities-cards.mobile-only{display:none}@media (min-width: 768px){.mobile-only-header{display:none!important}}@media (max-width: 768px){.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;padding:.5rem 0;margin-bottom:1rem}.settings-nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:0 .5rem}.settings-nav-item{padding:.5rem .75rem;margin:0;font-size:13px;white-space:nowrap;border-radius:6px;border:1px solid #e5e7eb;background:#fff}.settings-nav-item.active{background-color:#d4f4d4;border-color:#166534}.settings-nav-item svg:last-child{display:none}.nav-divider{display:none}.settings-content{flex-direction:column;padding:10px}.settings-main{padding:1rem;min-height:auto}.homepage-container{padding:4px}.content-card{margin:4px auto;border-radius:6px}.card-header{padding:10px 12px;border-bottom:none}.content-card .card-header .card-title{font-size:18px;gap:8px}.title-icon{font-size:20px!important}.tab-filter-section{margin:-36px -36px 0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.main-tabs{flex-direction:row;overflow-x:visible;padding:0;background:#fff;border:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0}.main-tab{padding:.6rem .4rem;margin:0;font-size:12px;white-space:nowrap;border-radius:0;border:none;border-right:1px solid #f0f0f0;background:transparent;position:relative;flex:1;text-align:center}.main-tab:last-child{border-right:none}.main-tab:hover:not(.disabled){background-color:#f8f9fa;color:#166534}.main-tab.active{color:#166534;background-color:#d4f4d4!important;font-weight:600}.main-tab.active:after{content:"";position:absolute;width:100%;height:3px;bottom:0;left:0;background-color:#166534}.sub-tabs{padding:0;background:transparent;border-bottom:1px solid #e5e7eb}.sub-tab-content{display:flex;gap:.2rem;flex-wrap:wrap;overflow-x:visible;padding:.4rem;justify-content:flex-start}.sub-tab{padding:.3rem .4rem;font-size:10px;white-space:nowrap;flex:0 1 auto;min-width:40px;border-radius:12px;border:1px solid #d0d0d0;text-align:center;background:#fafafa}.sub-tab:hover:not(.disabled){background-color:#e8f5e9;border-color:#166534;color:#166534}.sub-tab.active{background-color:#d4f4d4;color:#166534;border-color:#166534;font-weight:600}.sub-tab.date-input{color:transparent;min-width:40px;padding:.3rem .4rem;position:relative}.sub-tab.date-input::-webkit-calendar-picker-indicator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;margin:0;opacity:1!important;filter:none!important;cursor:pointer}.activities-table{display:none!important}.activities-cards.mobile-only{display:flex!important;flex-direction:column;gap:12px;padding:8px 0;width:100%;max-width:100%}.activity-item{cursor:pointer;display:flex;flex-direction:column;margin:0;transition:all .2s}.activity-item:active{transform:scale(.98)}.activity-item.highlighted .card-header-section,.activity-item.highlighted .card-content{background:#fff3cde6;border-color:#ffc107}.card-header-section{display:flex;gap:0;background:#ffffffb3;margin:0;padding:0;border-radius:8px 8px 0 0;overflow:hidden;border:1px solid rgba(229,231,235,.5);border-bottom:none}.card-date{background:linear-gradient(135deg,#166534,#2d7d32);padding:10px 8px;margin:0;min-width:60px;max-width:60px;text-align:center;color:#fff;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px 0 0}.card-date .date-display,.card-date .date-weekday{font-size:13px;font-weight:600;color:#fff;line-height:1.4}.card-title-area{flex:1;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;justify-content:center;width:100%}.card-title-row{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-bottom:2px;padding:4px}.card-team-name{font-size:15px;font-weight:700;color:#333;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.card-quick-actions{display:flex;gap:4px;flex-shrink:0}.quick-action-btn{height:28px;padding:0 8px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap}.quick-action-btn.icon-only{width:28px;padding:0;font-size:14px}.quick-action-btn:active{transform:scale(.9)}.quick-action-btn.active{background:#ff00000d;border-color:#f44336}.quick-action-btn.register{background:#166534;color:#fff;border-color:#166534}.quick-action-btn.register:active:not(:disabled){background:#0d4a24}.quick-action-btn.register.waiting{background:#ffebee;color:#f44336;border-color:#f44336;cursor:pointer}.quick-action-btn.register.waiting:hover{background:#f4433626}.quick-action-btn.register.waiting:active{background:#f4433640}.quick-action-btn.register.joined{background:#4caf501a;color:#166534;border-color:#166534}.quick-action-btn.register:disabled{opacity:.6;cursor:not-allowed}.card-team-leader{font-size:11px;color:#666;margin-bottom:2px;padding-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-rating{font-size:12px;line-height:1;padding-left:4px;padding-bottom:4px}.card-content{display:flex;flex-direction:column;gap:6px;padding:10px 6px;background:#ffffffb3;border:1px solid rgba(229,231,235,.5);border-top:1px solid rgba(240,240,240,.5);border-radius:0 0 8px 8px;overflow:hidden}.activity-item .card-content.has-background-image,.activity-item.highlighted .card-content.has-background-image{background:none}.card-content-overlay{position:absolute;inset:0;background:#ffffffb3;z-index:1}.card-content-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px}.card-info-row{display:flex;align-items:flex-start;gap:0;font-size:12px;line-height:1.4}.info-label{flex-shrink:0;font-size:13px;width:auto;margin-right:3px;line-height:1.4}.info-value{flex:1;color:#333;word-break:break-word;overflow-wrap:break-word;min-width:0;line-height:1.4}.gender-female{color:#ff69b4;font-weight:600}.gender-male{color:#4169e1;font-weight:600}}.group-management-page{padding:30px;max-width:1200px;margin:0 auto}.action-buttons{display:flex;justify-content:flex-end;margin-bottom:30px}.btn-primary{background:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-primary:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.groups-container h2{font-size:24px;color:#333;margin-bottom:20px}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.group-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s}.group-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.group-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.group-header h3{font-size:20px;color:#333;margin:0}.status-badge{padding:4px 12px;border-radius:20px;font-size:14px;font-weight:500}.group-info{margin-bottom:20px}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-label{color:#666;font-size:14px}.info-value{color:#333;font-weight:500;font-size:14px}.group-actions{display:flex;gap:10px}.btn-secondary{flex:1;background:#e3f2fd;color:#1976d2;border:none;padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#bbdefb}.btn-danger{flex:1;background:#ffebee;color:#c62828;border:none;padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-danger:hover{background:#ffcdd2}.custom-date-picker{position:relative;width:100%}.date-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s;background-color:#fff;cursor:pointer}.date-input:focus{outline:none;border-color:#166534;box-shadow:0 0 0 3px #16653433}.date-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.date-picker-dropdown{position:absolute;top:100%;left:0;margin-top:.25rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;z-index:999;padding:1rem;width:320px;display:flex;flex-direction:column}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.month-nav-btn{padding:.25rem;background:none;border:none;cursor:pointer;color:#166534;border-radius:.25rem;transition:background-color .2s}.month-nav-btn:hover{background-color:#d4f4d4;color:#166534}.current-month{font-weight:600;color:#374151;position:relative;display:flex;gap:.5rem}.year-month-selector{background:none;border:none;cursor:pointer;color:#374151;font-weight:600;font-size:.875rem;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s}.year-month-selector:hover{background-color:#d4f4d4;color:#166534}.year-month-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a;max-height:200px;overflow-y:auto;z-index:1000;min-width:100px}.dropdown-option{padding:.5rem .75rem;cursor:pointer;font-size:.875rem;color:#374151;transition:all .2s}.dropdown-option:hover{background-color:#d4f4d4;color:#166534}.dropdown-option.selected{background-color:#166534;color:#fff;font-weight:600}.dropdown-option.selected:hover{background-color:#166534;color:#fff}.year-month-dropdown::-webkit-scrollbar{width:6px}.year-month-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.year-month-dropdown::-webkit-scrollbar-thumb{background:#166534;border-radius:3px}.year-month-dropdown::-webkit-scrollbar-thumb:hover{background:#166534}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:.5rem;font-size:.75rem;color:#6b7280;font-weight:600}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.125rem;flex-shrink:1;overflow:visible}.day-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:.25rem;cursor:pointer;font-size:.875rem;color:#374151;transition:all .2s;padding:.375rem;width:100%;height:auto}.day-btn:hover{background-color:#d4f4d4;color:#166534}.day-btn.today{color:#166534;font-weight:600;border-color:#166534}.day-btn.selected{background-color:#166534;color:#fff;border-color:#166534}.day-btn.selected:hover{background-color:#166534;color:#fff}.day-btn.disabled{color:#d1d5db;cursor:not-allowed;background:none}.day-btn.disabled:hover{background:none;color:#d1d5db}.day-empty{aspect-ratio:1}.date-picker-footer{display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;flex-shrink:0}.footer-btn{padding:.375rem .75rem;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;border-radius:.25rem;transition:all .2s}.today-btn{color:#166534}.today-btn.disabled{color:#d1d5db;cursor:not-allowed}.today-btn.disabled:hover{background:none}.today-btn:hover{background-color:#d4f4d4;color:#166534}.clear-btn{color:#166534}.clear-btn:hover{background-color:#d4f4d4;color:#166534}.custom-select{position:relative;width:100%}.select-trigger{width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transform:none!important;transition:all .3s;box-shadow:none!important;position:relative;top:0;left:0;box-sizing:border-box}.select-trigger:hover:not(.disabled){border-color:#ddd;border-width:2px;transform:none!important;transition:all .3s;box-shadow:none!important;position:relative!important;top:0!important;left:0!important}.select-trigger:active:not(.disabled),.select-trigger.open:not(.disabled){border-color:#166534;border-width:2px}.select-trigger.disabled{background-color:#f3f4f6;cursor:not-allowed}.select-trigger .placeholder{color:#9ca3af}.select-arrow{color:#166534;transition:transform .2s}.select-arrow.open{transform:rotate(180deg)}.select-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.25rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a;z-index:999;max-height:300px;overflow-y:auto}.select-option{padding:.5rem .75rem;cursor:pointer;font-size:.875rem;color:#374151;transition:all .2s}.select-option:hover{background-color:#d4f4d4;color:#166534}.select-option.selected{background-color:#d4f4d4;color:#166534;font-weight:600}.select-option.selected:hover{background-color:#d4f4d4;color:#166534}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.select-dropdown::-webkit-scrollbar-thumb{background:#166534;border-radius:3px}.select-dropdown::-webkit-scrollbar-thumb:hover{background:#166534}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.personal-calendar-card{background:#f9fafb;border-radius:8px;padding:20px 24px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;border:1px solid #e8e8e8}.personal-calendar-card .card-header{margin-bottom:20px;border-bottom:none;padding-bottom:0}.personal-calendar-card .card-title{font-size:20px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.calendar-icon{font-size:24px;color:#2d7d32}.calendar-legend{display:flex;gap:20px;margin-bottom:15px;padding:10px;background:transparent;border-radius:4px}.legend-dot{width:12px!important;height:12px!important;border-radius:3px!important;display:inline-block!important;border:none!important}.legend-dot.joined{background:#4caf50!important;border:none!important}.legend-dot.created{background:#ff9800!important;border:none!important}.calendar-container{margin-top:10px;max-width:90%;margin-left:auto;margin-right:auto}.calendar-container .react-calendar{width:100%;border:none;border-radius:0;font-family:inherit;background:transparent}.calendar-container .react-calendar__navigation{background:transparent;border:none;height:60px;display:flex;align-items:center;justify-content:center;padding:0 20px;margin-bottom:10px}.calendar-container .react-calendar__navigation button{color:#333;font-size:16px;font-weight:500;padding:8px 16px;background:transparent;border:none;min-width:auto}.calendar-container .react-calendar__navigation button.react-calendar__navigation__arrow{font-size:14px;color:#666;font-weight:700}.calendar-container .react-calendar__navigation__label{pointer-events:none;flex-grow:1;text-align:center}.calendar-container .react-calendar__navigation__label button{font-size:18px;font-weight:500;color:#333;letter-spacing:1px}.calendar-container .react-calendar__navigation__label__labelText{cursor:pointer;pointer-events:auto}.calendar-container .react-calendar__navigation__label__labelText--from{margin-right:8px}.calendar-container .react-calendar__navigation button:hover{background:transparent;text-decoration:none}.calendar-container .react-calendar__month-view__weekdays{background:transparent;font-weight:700;font-size:14px;color:#4caf50;padding:8px 0;border-bottom:1px solid #f0f0f0;text-align:center}.calendar-container .react-calendar__month-view__weekdays__weekday{text-align:center;padding:5px}.calendar-container .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.calendar-container .react-calendar__tile{height:65px;position:relative;border:1px solid #f5f5f5;display:flex;flex-direction:column;padding:8px;font-size:15px;color:#333;background:#fff;align-items:center;justify-content:flex-start}.calendar-container .react-calendar__tile abbr{font-weight:400}.calendar-container .react-calendar__tile--active{background:#f8f8f8;border-color:#ddd}.calendar-container .react-calendar__tile--now{background:#fafafa}.calendar-container .react-calendar__tile--now abbr{font-weight:600;color:#2d7d32}.calendar-container .react-calendar__month-view__days__day--neighboringMonth{visibility:hidden}.calendar-container .react-calendar__month-view__days__day--neighboringMonth .calendar-activity-blocks{display:none}.calendar-container .has-activities{font-weight:500}.calendar-activity-blocks{position:absolute;bottom:6px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:2px;z-index:1;width:auto;min-width:20px}.activity-blocks{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center}.activity-block{width:16px;height:16px;border-radius:3px}.activity-block.joined{background:#4caf50}.activity-block.created{background:#ff9800}.activity-tooltip{position:fixed;z-index:9999;pointer-events:none}.tooltip-content{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:10px;box-shadow:0 4px 16px #0000001f;white-space:nowrap}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.06))}.tooltip-item{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px}.tooltip-item:not(:last-child){border-bottom:1px solid #f0f0f0}.tooltip-item:hover{background:#4caf500d;margin:0 -10px;padding-left:10px;padding-right:10px}.activity-type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-type-dot.joined{background:#4caf50}.activity-type-dot.created{background:#ff9800}.activity-name{color:#333;font-weight:500}.activity-time{color:#999;font-size:12px}.activities-summary{border-top:1px solid #e0e0e0;padding-top:20px;margin-top:20px}.activities-summary h4{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:15px}.upcoming-activities{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.activity-item{padding:12px 15px;background:#f8f9fa;border-radius:6px;border-left:4px solid #4CAF50;transition:all .2s}.activity-item:hover{background:#e9ecef;transform:translate(2px)}.activity-item:has(.activity-badge.created){border-left-color:#ff9800}.activity-date{font-size:12px;color:#999;margin-bottom:4px}.activity-info{display:flex;align-items:center;gap:8px;margin-bottom:4px}.activity-badge{padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600;color:#fff}.activity-badge.joined{background:#4caf50}.activity-badge.created{background:#ff9800}.activity-team{font-size:14px;font-weight:500;color:#333}.activity-details{display:flex;gap:12px;font-size:13px;color:#666}.year-picker-overlay,.month-picker-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10000}.year-picker,.month-picker{background:#fff;border-radius:8px;padding:20px;box-shadow:0 8px 32px #00000026;min-width:320px}.year-picker h4,.month-picker h4{margin:0 0 15px;text-align:center;color:#2c3e50;font-size:16px}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.year-button,.month-button{padding:10px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:14px;color:#495057;transition:all .2s}.year-button:hover,.month-button:hover{background:#e9ecef;border-color:#adb5bd}.year-button.selected,.month-button.selected{background:#2d7d32;color:#fff;border-color:#2d7d32}.year-button.selected:hover,.month-button.selected:hover{background:#236b26;border-color:#236b26}.personal-info-page{padding:30px;max-width:1000px;margin:0 auto}.page-header{text-align:center;margin-bottom:40px}.page-header h1{font-size:32px;color:#333;margin-bottom:10px}.page-header p{font-size:16px;color:#666}.content-container{display:grid;grid-template-columns:2fr 1fr;gap:30px}.profile-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-header h2{font-size:24px;color:#333;margin:0}.btn-edit{background:#e3f2fd;color:#1976d2;border:none;padding:8px 20px;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s}.btn-edit:hover{background:#bbdefb}.form-group label{font-weight:500;color:#555;font-size:14px}.form-group input,.form-group select{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.field-value{padding:10px 15px;background:#f5f5f5;border-radius:6px;font-size:14px;color:#333}.form-actions{display:flex;gap:10px;margin-top:20px}.btn-primary{background:#2d7d32;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#236b26}.btn-secondary{background:#f5f5f5;color:#666;border:none;padding:12px 30px;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#e0e0e0}.settings-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a;height:-moz-fit-content;height:fit-content}.settings-section h2{font-size:24px;color:#333;margin-bottom:30px}.setting-group{margin-bottom:30px}.setting-group h3{font-size:18px;color:#333;margin-bottom:15px}.setting-item{margin-bottom:12px}.setting-item label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333}.setting-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.language-options{display:flex;flex-direction:column;gap:12px}.language-options label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333}.language-options input[type=radio]{width:18px;height:18px;cursor:pointer}.stats-grid-horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}.stat-item-horizontal{display:flex;align-items:center;gap:15px;background:#f5f5f5;padding:20px;border-radius:10px}.stat-icon{font-size:36px;line-height:1}.stat-content{display:flex;flex-direction:column;gap:5px}.stat-number{font-size:28px;font-weight:700;color:#2d7d32;line-height:1}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px}.group-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:20px 20px 32px;overflow:visible}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.group-header h3{font-size:18px;color:#333;margin:0}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-joined{background:#e8f5e9;color:#2e7d32}.status-pending{background:#fff3e0;color:#e65100}.status-rejected{background:#ffebee;color:#c62828}.group-info{margin-bottom:15px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;color:#666;display:flex;align-items:center;gap:5px}.info-value{font-size:14px;color:#333;font-weight:500}.group-actions{display:flex;gap:10px;margin-top:15px;margin-bottom:0}.group-actions button{flex:1;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s,color .3s;text-align:center;display:flex;align-items:center;justify-content:center;transform:none!important}.group-actions button:hover,.group-actions button:active{transform:none!important}.group-actions .btn-secondary{background:#fff;color:#166534;border:2px solid #166534;border-style:solid;border-width:2px;box-sizing:border-box;outline:none}.group-actions .btn-secondary:hover{background:#4caf501a;color:#166534;border:2px solid #166534;outline:none;box-shadow:none}.group-actions .btn-danger{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.group-actions .btn-danger:hover{background:#ffcdd2}.created-teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:20px}.created-team-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s}.created-team-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#2d7d32}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.team-header h3{font-size:18px;font-weight:600;color:#333;margin:0}.team-status{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.status-active{background:#e8f5e9;color:#2d7d32}.status-inactive{background:#fff3e0;color:#f57c00}.team-stats{display:flex;gap:16px;margin-bottom:16px;padding:16px;background:#f5f5f5;border-radius:8px}.stat-box{display:flex;flex-direction:column;align-items:center;flex:1}.stat-box .stat-icon{font-size:24px;margin-bottom:4px}.stat-box .stat-text{font-size:18px;font-weight:600;color:#333;margin-bottom:2px}.stat-box .stat-label{font-size:12px;color:#666}.team-info{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.team-info .info-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#555;border:none;padding:0}.info-icon{font-size:16px;width:20px;text-align:center}.info-text{flex:1}.team-actions{display:flex;gap:10px}.btn-manage{flex:1;padding:10px 16px;background:#2d7d32;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-manage:hover{background:#236b26;transform:translateY(-1px)}.btn-view{padding:10px 16px;background:#fff;color:#2d7d32;border:2px solid #2d7d32;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-view:hover{background:#e8f5e9}.create-team-footer{display:flex;justify-content:center;padding:20px;border-top:1px solid #eee}.btn-create-team{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#2d7d32;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-create-team:hover{background:#236b26;transform:translateY(-1px);box-shadow:0 4px 12px #2d7d324d}.btn-icon{font-size:18px}.level-performance-content{padding:20px}.current-level-section{margin-bottom:40px}.level-info{text-align:center;margin-bottom:20px}.level-label{display:block;font-size:14px;color:#666;margin-bottom:8px}.level-value{display:block;font-size:32px;font-weight:700;color:#2d7d32}.level-scale{position:relative;margin:30px 0 50px}.scale-labels{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px;color:#666}.scale-bar{position:relative;height:40px;border-radius:20px;overflow:visible;background:#e0e0e0}.scale-gradient{height:100%;border-radius:20px;background:linear-gradient(to right,#81c784,#66bb6a,#4caf50,#388e3c,#2e7d32,#1b5e20)}.current-position{position:absolute;top:-5px;transform:translate(-50%);height:auto;display:flex;flex-direction:column;align-items:center}.position-marker{width:4px;height:50px;background:#333;border-radius:2px;box-shadow:0 2px 4px #0000004d}.position-label{position:absolute;top:55px;padding:5px 12px;background:#fff;color:#2d7d32;border-radius:6px;font-size:14px;font-weight:600;box-shadow:0 3px 8px #00000026;border:1px solid #e0e0e0;white-space:nowrap}.level-trend-section{margin-top:40px}.trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.trend-header h3{font-size:18px;color:#333;margin:0}.time-filter{display:flex;gap:5px}.filter-btn{padding:6px 16px;border:1px solid #ddd;background:#fff;color:#666;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s}.filter-btn:hover{background:#f5f5f5}.filter-btn.active{background:#2d7d32;color:#fff;border-color:#2d7d32}.chart-container{display:flex;gap:10px;margin-bottom:20px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;width:40px;font-size:12px;color:#666;padding:10px 0}.chart-area{flex:1;position:relative}.chart-area svg{border-left:1px solid #ddd;border-bottom:1px solid #ddd}.x-axis{display:flex;justify-content:space-between;margin-top:10px;padding:0 20px;font-size:12px;color:#666}.chart-legend{display:flex;gap:30px;justify-content:center}.legend-dot{width:10px;height:10px;background:#2d7d32;border-radius:50%}.legend-arrow{color:#2ecc71;font-weight:700}.performance-note{margin-top:30px;padding:15px;background:#f0f8ff;border-radius:8px;border-left:4px solid #3498db}.performance-note p{margin:0;font-size:13px;color:#555;line-height:1.5}@media (max-width: 768px){.personal-info-page{padding:4px}.page-header{margin-bottom:12px;padding:8px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.content-container{grid-template-columns:1fr;gap:15px}.stats-grid-horizontal{grid-template-columns:repeat(2,1fr)}.profile-section,.stats-section{padding:16px}}.profile-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px}.section-title{font-size:1.2rem;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.header-actions{display:flex;gap:10px}.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#666;font-size:.9rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.section-header .section-title{margin:0}.section-actions{display:flex;gap:10px}.form-input{padding:10px 15px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s;background:#fff}.form-input:focus{outline:none;border-color:#2d7d32;box-shadow:0 0 0 3px #2d7d321a}.form-value{padding:10px 15px;background:#f5f5f5;border-radius:8px;margin:0;min-height:42px;display:flex;align-items:center}.notification-settings,.language-settings{display:flex;flex-direction:column;gap:15px}.setting-item{padding:5px 0}.setting-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:1rem;color:#333}.setting-label:hover{color:#2d7d32}.setting-checkbox{display:none}.checkbox-custom{width:24px;height:24px;border:2px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;background:#fff;transition:all .3s}.setting-checkbox:checked+.checkbox-custom{background:#2d7d32;border-color:#2d7d32}.setting-radio{display:none}.radio-custom{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#2d7d32}.settings-section{background:#f8f9fa;padding:25px;border-radius:12px}@media (max-width: 768px){.profile-container{grid-template-columns:1fr;gap:20px}.header-actions{flex-wrap:wrap}.header-actions .btn{flex:1;min-width:100px}}.payment-section{padding:20px}.empty-message{text-align:center;color:#999;padding:40px 20px;font-size:.95rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.card-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;padding:20px;transition:all .3s}.card-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-item .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.card-item h4{margin:0;color:#333;font-size:1.1rem}.card-actions{display:flex;gap:8px}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px 8px;border-radius:4px;transition:all .3s}.btn-icon:hover{background:#e0e0e0}.card-info p{margin:8px 0;font-size:.9rem;color:#666}.card-info strong{color:#333}.limit-message{text-align:center;color:#e74c3c;margin-top:20px;font-size:.9rem}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;color:#333}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;transition:color .3s}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e0e0e0}.stat-time-nowrap{white-space:nowrap;font-size:1.5rem!important;overflow:hidden;text-overflow:ellipsis}.activity-container{min-height:calc(100vh - 80px);background:#f3f4f6;padding:20px}.activity-header{max-width:1200px;margin:0 auto 30px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f5f5f5;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;font-size:.875rem;cursor:pointer;margin-bottom:1rem}.back-btn:hover{background:#f3f4f6;border-color:#16a34a;color:#16a34a}.activity-title{font-size:24px;font-weight:600;color:#333;margin:0;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.activities-list{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px;min-height:500px}.activity-record-card{background:#fafafa;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;margin-bottom:1.5rem}.activity-record-card:last-child{margin-bottom:0}.record-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.record-datetime{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem}.record-datetime svg{color:#9ca3af}.record-result{font-size:1.25rem;font-weight:700;padding:.25rem .75rem;border-radius:.375rem}.result-win{color:#16a34a;background:#dcfce7}.result-lose{color:#dc2626;background:#fee2e2}.result-draw{color:#ca8a04;background:#fef3c7}.record-middle{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:.5rem}.location-info,.opponents-info,.playtime-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.location-info svg,.opponents-info svg,.playtime-info svg{color:#9ca3af;flex-shrink:0}.location-text{font-weight:500}.record-scores{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:.5rem}.scores-label{font-size:.875rem;color:#6b7280;font-weight:500;flex-shrink:0}.scores-detail{display:flex;gap:2rem;flex-wrap:wrap;flex:1}.scores-detail>div{font-size:.875rem;font-weight:600}.score-win{color:#16a34a}.score-lose{color:#dc2626}.record-bottom{display:flex;justify-content:center;margin-top:1rem}.team-name-badge{display:inline-flex;align-items:center;padding:.5rem 1.5rem;background:linear-gradient(135deg,#d4f4d4,#bbf7d0);color:#166534;border-radius:2rem;font-size:.875rem;font-weight:500}.matches-list{background:#fff;border-radius:.5rem;padding:.75rem;margin-top:1rem}.completed-match-row{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;transition:background-color .2s;line-height:1.4}.completed-match-row:last-child{border-bottom:none}.completed-match-row:hover{background-color:#f9fafb}.time-range{color:#6b7280;font-size:.813rem;min-width:90px;flex-shrink:0}.court-number-compact{color:#9ca3af;font-size:.75rem;min-width:60px;flex-shrink:0}.team-players{display:flex;gap:.25rem;flex-wrap:nowrap;align-items:center;font-size:.875rem;color:#374151;min-width:100px}.vs-text{color:#9ca3af;font-size:.75rem;font-weight:500;padding:0 .25rem;flex-shrink:0}.match-score{font-weight:700;color:#374151;min-width:50px;text-align:right;flex-shrink:0;margin-left:auto;font-size:.938rem}.player-name-compact{white-space:nowrap}.no-records{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#9ca3af;text-align:center}.no-records .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-records p{margin:.5rem 0;font-size:1rem;color:#6b7280}.no-records .hint-text{font-size:.875rem;color:#9ca3af}@media (max-width: 768px){.activity-container{padding:4px}.activity-header,.activities-list{margin:4px auto;border-radius:6px;padding:20px}.record-middle{grid-template-columns:1fr;gap:.5rem}.scores-detail{gap:1rem}.activity-record-card{padding:1rem}.completed-match-row{flex-wrap:wrap;gap:.375rem;padding:.5rem;font-size:.813rem}.time-range{min-width:85px;font-size:.75rem}.court-number-compact{min-width:55px;font-size:.688rem}.team-players{min-width:95px;font-size:.813rem}.match-score{font-size:.875rem}}@media (max-width: 480px){.activity-title{font-size:20px}.activity-header,.activities-list{padding:16px}.activity-record-card{padding:.875rem}.scores-detail{flex-direction:column;gap:.5rem}.match-row{font-size:.75rem;padding:.5rem}.match-time{min-width:70px;font-size:.688rem}.match-court{min-width:45px;font-size:.688rem}.match-team{min-width:75px;font-size:.75rem}.vs-text{font-size:.688rem;padding:0 .125rem}.match-score{min-width:40px;font-size:.813rem}}.exercise-time-value{color:#16a34a;font-weight:600;font-family:Monaco,Courier New,monospace}.activity-detail-page{min-height:100vh;background:#f3f4f6;padding:20px}.page-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:40px}.back-button{padding:8px 16px;background:transparent;border:none;color:#666;cursor:pointer;font-size:16px;transition:color .2s;margin-top:8px}.back-button:hover{color:#333}.page-title{font-size:28px;color:#333;margin:0;font-weight:500}.member-section{max-width:1200px;margin:0 auto 30px;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e5e5}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.section-title{font-size:20px;color:#333;margin:0;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:6px;height:24px;background:#2d7d32;border-radius:2px}.activity-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;padding:20px 0}.info-row{display:flex;align-items:center;padding:10px 0}.info-label{font-weight:500;color:#666;min-width:100px}.info-value{color:#333;font-size:15px}.info-row.full-width{flex-direction:column;align-items:flex-start;padding:15px 0;border-top:1px solid #e5e7eb;margin-top:10px}.info-row.full-width .info-label{margin-bottom:8px;font-weight:600;color:#333}.info-value.team-description{width:100%;background:#f8f9fa;padding:12px;border-radius:6px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.stats-section{background:#f8f9fa;border:1px solid #e0e0e0}.stats-grid-horizontal{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;padding:20px 0}.stat-card{background:#fff;border-radius:10px;padding:20px;text-align:center;box-shadow:0 2px 4px #0000000d;border:1px solid #e5e5e5;transition:transform .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card.highlight{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50}.stat-value{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.stat-card.highlight .stat-value{color:#2d7d32}.stat-label{font-size:14px;color:#666}.stat-card.highlight .stat-label{color:#2d7d32;font-weight:500}.my-registrations-section{background:linear-gradient(135deg,#f1f8f4,#e8f5e9);border:2px solid #4caf50}.my-registrations-section .section-title:before{background:#4caf50}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;padding:20px 0}.member-grid-card{position:relative;background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:20px;text-align:center;transition:all .2s}.member-grid-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.my-registration-card{background:linear-gradient(135deg,#fff,#e8f5e9);border:2px solid #4caf50}.my-badge-corner{position:absolute;top:8px;right:8px;background:#4caf50;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;box-shadow:0 2px 4px #00000026}.member-avatar{width:60px;height:60px;margin:0 auto 12px;background:#e3f2fd;border-radius:50%;display:flex;align-items:center;justify-content:center}.my-registration-card .member-avatar{background:#c8e6c9}.avatar-icon{font-size:30px;color:#1976d2}.my-registration-card .avatar-icon{color:#2d7d32}.member-grid-name{font-size:15px;font-weight:500;color:#333;margin-bottom:6px}.member-grid-gender{display:inline-block;padding:4px 12px;background:#2d7d32;color:#fff;border-radius:12px;font-size:12px;font-weight:500;margin-bottom:10px}.member-grid-details{margin-top:12px;padding-top:12px;border-top:1px solid #e5e5e5}.detail-item{display:flex;justify-content:center;align-items:center;gap:4px;font-size:12px;color:#666;margin-bottom:6px}.detail-label{color:#999}.detail-value{color:#333;font-weight:500}.payment-status{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;margin-top:6px}.payment-status.paid{background:#e8f5e9;color:#2d7d32;border:1px solid #4caf50}.payment-status.pending{background:#fff3e0;color:#ef6c00;border:1px solid #ff9800}.member-notes{font-size:11px;color:#666;margin-top:8px;padding:6px;background:#f5f5f5;border-radius:6px;text-align:left}.host-info-card{display:flex;align-items:center;gap:20px;padding:20px;background:#fafafa;border-radius:10px}.host-details{flex:1;display:flex;align-items:center;justify-content:space-between}.host-name{font-size:18px;font-weight:500;color:#333}.btn{padding:8px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary{background:#f5f5f5;color:#666;border:1px solid #ddd}.btn-secondary:hover{background:#e5e5e5;color:#333}.empty-state{text-align:center;padding:40px 20px;color:#999}.loading,.error-message{text-align:center;padding:60px 20px;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading{font-size:18px;color:#666}.error-message{color:#d32f2f}.error-message p{font-size:16px;margin-bottom:20px}.error-message button{padding:10px 24px;background:#2d7d32;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.error-message button:hover{background:#245c28}@media (max-width: 768px){.activity-detail-page{padding:4px}.member-section{margin:4px auto;border-radius:6px;padding:20px}.page-header{flex-direction:column;gap:10px;margin-bottom:30px}.page-title,.section-title{font-size:18px}.activity-info-grid{grid-template-columns:1fr}.stats-grid-horizontal{grid-template-columns:repeat(2,1fr)}.member-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.host-info-card{flex-direction:column;text-align:center}.host-details{flex-direction:column;gap:15px}}@media (max-width: 480px){.stats-grid-horizontal,.member-grid{grid-template-columns:1fr}}.team-description-section{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:20px}.team-description-content{background:#fff;border-radius:8px;padding:15px;line-height:1.6;color:#333;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.notification-content-wrapper{padding:20px 0 0}.nav-badge{background:#f44336;color:#fff;border-radius:10px;padding:2px 8px;font-size:12px;margin-left:auto;margin-right:8px}.unread-badge{background:#f44336;color:#fff;border-radius:10px;padding:2px 8px;font-size:14px;margin-left:10px;font-weight:400}.notification-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0}.filter-tabs{display:flex;gap:10px}.filter-tab{padding:8px 20px;border-radius:20px;border:1px solid #ccc;background:#fff;color:#666;cursor:pointer;font-weight:400;font-size:14px;transition:all .2s}.filter-tab:hover{border:2px solid #166534;color:#166534}.filter-tab.active{border:2px solid #166534;background:#1665341a;color:#166534;font-weight:600}.filter-tab.active:hover{background:#16653426}.mark-all-read{padding:8px 16px;background:none;border:none;color:#166534;cursor:pointer;font-size:16px;font-weight:400;transition:all .3s}.mark-all-read:hover{font-weight:700}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{display:flex;align-items:flex-start;gap:15px;padding:20px 16px;background:#f9f9f9;border-radius:10px;border:1px solid #eee;transition:all .3s}.notification-item.unread{background:#fff;border:2px solid #166534;box-shadow:0 2px 8px #1665341a}.notification-item:hover{background:#e8f5e9}.notification-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.notification-title{font-size:16px;font-weight:600;color:#333;margin:0}.notification-time{font-size:13px;color:#999;white-space:nowrap}.notification-message{font-size:14px;color:#666;line-height:1.5;margin:0}.notification-actions{display:flex;gap:8px;align-items:center}.action-btn{width:32px;height:32px;border-radius:50%;border:2px solid #ddd;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;font-size:16px;color:#666}.action-btn:hover{background:#f0f0f0;border-color:#166534;color:#166534}.action-btn.delete:hover{border-color:#f57c00;color:#f57c00}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-icon{font-size:64px;display:block;margin-bottom:20px}.notification-settings-link{margin-top:20px;text-align:center}.btn-settings{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#166534;border:2px solid #166534;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #0000001a}.btn-settings:hover{background:#e8f5e9}.btn-settings span{font-size:18px}@media (max-width: 768px){.notification-center-container{padding:4px}.notification-center-container .content-card{margin:4px auto;border-radius:6px}.notification-center-container .card-header{padding:10px 12px}.notification-center-container .card-title{font-size:18px;gap:8px}.notification-controls{flex-direction:column;gap:15px;align-items:flex-start}.notification-item{flex-wrap:wrap;padding:15px}.notification-header{flex-direction:column;align-items:flex-start;gap:5px}.notification-actions{width:100%;justify-content:flex-end;margin-top:10px}}.feedback-content{display:flex;flex-direction:column;gap:30px}.feedback-section{background:#f9f9f9;border-radius:12px;padding:24px;border:1px solid #eee}.feedback-section-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.feedback-section-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.feedback-description{color:#666;font-size:14px;line-height:1.6;margin:0 0 16px}.feedback-form{display:flex;flex-direction:column;gap:12px}.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus{outline:none;border-color:#166534}.feedback-form textarea{resize:vertical;min-height:100px}.feedback-form select{cursor:pointer;background:#fff}.submit-btn{align-self:flex-start;padding:12px 24px;background:#fff!important;color:#166534!important;border:2px solid #166534!important;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.submit-btn:hover{background:#e8f5e9!important}.update-type-row{display:flex;align-items:center;gap:16px;padding:12px 16px}.update-type-label{font-size:14px;color:#333;font-weight:500;min-width:70px}.radio-option{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#555;min-width:80px}.feedback-form .custom-select .select-dropdown{top:100%;bottom:auto;margin-top:4px;margin-bottom:0}@media (max-width: 768px){.feedback-section{padding:16px}.feedback-section-header h3{font-size:16px}.submit-btn{width:100%}}.notification-settings-container{padding:20px}.settings-description{background:#f5f5f5;padding:15px;border-radius:8px;margin-bottom:30px}.settings-description p{margin:0;color:#666;font-size:15px}.settings-category{margin-bottom:30px;background:#f9f9f9;border-radius:10px;border:1px solid #eee;overflow:hidden}.category-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-bottom:1px solid #eee}.category-info{display:flex;align-items:center;gap:12px}.category-icon{font-size:24px}.category-title{font-size:18px;font-weight:600;color:#333;margin:0}.category-toggle{padding:6px 16px;background:none;border:1px solid #2d7d32;color:#2d7d32;border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s}.category-toggle:hover{background:#2d7d32;color:#fff}.settings-list{padding:0}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:#fff;transition:background .2s}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:#f5f5f5}.setting-info{flex:1;margin-right:20px}.setting-title{font-size:16px;font-weight:500;color:#333;margin:0 0 5px}.setting-description{font-size:14px;color:#666;margin:0}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2d7d32}input:focus+.slider{box-shadow:0 0 1px #2d7d32}input:checked+.slider:before{transform:translate(22px)}.settings-footer{margin-top:30px;text-align:center}.settings-footer .btn{min-width:150px;padding:10px 30px;font-size:16px}@media (max-width: 768px){.category-header,.setting-item{flex-direction:column;gap:15px;align-items:flex-start}.setting-info{margin-right:0}.switch{align-self:flex-end}}.members-container{padding:20px}.group-stats{display:flex;gap:20px;margin-bottom:30px}.stat-box{flex:1;background:#4caf501a;padding:24px;border-radius:12px;text-align:center;border:1px solid rgba(76,175,80,.2)}.stat-box .stat-label{display:block;font-size:14px;color:#666;margin-bottom:10px}.stat-box .stat-value{display:block;font-size:32px;font-weight:700;color:#333}.stat-box .stat-value.online{color:#166534}.search-filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.search-box{flex:1;max-width:400px;position:relative}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px}.search-input{width:100%;padding:10px 15px 10px 45px;border:1px solid #ddd;border-radius:25px;font-size:14px;transition:all .3s}.search-input:focus{outline:none;border-color:#166534;box-shadow:0 0 0 3px #4caf501a}.filter-buttons{display:flex;gap:10px}.filter-btn{padding:8px 20px;border:1px solid #ddd;background:#fff;border-radius:20px;cursor:pointer;transition:all .3s;font-size:14px;color:#666}.filter-btn:hover{background:#4caf501a;border-color:#166534;color:#166534}.filter-btn.active{background:#166534;color:#fff;border-color:#166534}.members-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.member-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:16px 16px 16px 12px;transition:box-shadow .3s;transform:none!important;display:flex;align-items:center;gap:12px}.member-card:hover{box-shadow:0 4px 12px #0000001a;transform:none!important}.member-header{display:flex;gap:12px;align-items:center;flex:1}.member-avatar-section{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.member-avatar{position:relative;width:60px;height:60px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0}.member-avatar .avatar-icon{font-size:32px;line-height:1}.member-basic-info{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center}.member-name-level-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.member-name{font-size:17px;font-weight:600;color:#333;margin:0;flex-shrink:0}.role-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap;align-self:flex-start}.role-badge.leader{background:#fff3e0;color:#e65100}.role-badge.admin{background:#e3f2fd;color:#1976d2}.member-card .member-name-level-row .member-level{font-size:12px;color:#166534;font-weight:600;margin:0;background:#4caf501a;padding:3px 10px;border-radius:12px;white-space:nowrap;flex-shrink:0}.member-last-active{font-size:12px;color:#666;margin:0;text-align:center}.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;background:#4caf500d;border-radius:8px}.member-stats .stat-item{display:flex;flex-direction:column;align-items:center}.member-stats .stat-label{display:block;font-size:12px;color:#999;margin-bottom:4px;white-space:nowrap}.member-stats .stat-value{display:block;font-size:16px;font-weight:600;color:#333}.member-actions{display:flex;gap:10px;flex-shrink:0}.member-actions button{padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s,color .3s;border:2px solid #166534;transform:none!important;white-space:nowrap}.member-actions .btn-icon-only{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:8px}.member-actions button:hover{transform:none!important}.member-actions .btn-primary{background:#166534;color:#fff}.member-actions .btn-primary:hover{background:#4caf501a;border:2px solid #166534;color:#166534}.member-actions .btn-secondary{background:#fff;color:#166534}.member-actions .btn-secondary:hover{background:#4caf501a;border-color:#166534}.chat-modal{background:#fff;width:90%;max-width:500px;height:600px;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.chat-member-info{display:flex;align-items:center;gap:15px}.chat-avatar{width:40px;height:40px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.chat-member-info h3{margin:0;font-size:18px;color:#333}.chat-status{font-size:13px;color:#666;margin:0}.close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-btn:hover{background:#e0e0e0}.chat-body{flex:1;padding:20px;display:flex;align-items:center;justify-content:center}.chat-placeholder{text-align:center;color:#999}.placeholder-icon{font-size:64px;display:block;margin-bottom:20px;opacity:.5}.chat-placeholder p{margin:0 0 10px;font-size:16px}.placeholder-hint{font-size:14px;color:#ccc}.chat-footer{display:flex;gap:10px;padding:20px;border-top:1px solid #eee}.chat-input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:20px;font-size:14px}.chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.send-btn{padding:10px 20px;background:#166534;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:background-color .3s}.send-btn:hover:not(:disabled){background:#4caf50e6}.send-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 768px){.members-container{padding:4px}.search-filter-bar{flex-direction:column;align-items:stretch}.filter-buttons{justify-content:center}.members-grid{grid-template-columns:1fr}.chat-modal{height:80vh}}.search-page-container{min-height:calc(100vh - 80px);background:#f3f4f6;padding:20px}.search-container{padding:20px 24px 24px}.search-page-container .content-card{max-width:1200px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.search-page-container .card-header{padding:30px 30px 16px}.search-input-section{margin-bottom:40px}.search-input-wrapper{display:flex;gap:15px;margin-bottom:20px}.search-input-large{flex:1;padding:15px 20px;font-size:16px;border:2px solid #ddd;border-radius:8px;transition:all .3s}.search-input-large:focus{outline:none;border:2px solid #166534}.search-button{padding:12px 24px;background:#166534;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #0000001a}.search-button:hover:not(:disabled){background:#236b26}.search-button:disabled{background:#ccc;cursor:not-allowed}.search-filters{display:flex;align-items:center;gap:20px}.filter-label{font-weight:600;color:#333}.filter-options{display:flex;gap:15px}.filter-option{display:flex;align-items:center;gap:5px;cursor:pointer}.filter-option input[type=radio]{cursor:pointer;accent-color:#166534}.filter-option span{font-size:14px;color:#666}.filter-option input[type=radio]:checked+span{color:#166534;font-weight:600}.filter-option:hover span{color:#166534}.filter-option:hover input[type=radio]{accent-color:#166534}.popular-searches{margin-bottom:40px}.popular-searches h3{font-size:18px;color:#333;margin-bottom:15px}.popular-tags{display:flex;flex-wrap:wrap;gap:10px}.popular-tag{padding:8px 20px;background:#fff;border:1px solid #166534;border-radius:20px;font-size:14px;color:#166534;cursor:pointer;transition:all .3s}.popular-tag:hover{background:#e8f5e9}.search-results{margin-top:30px}.searching-state{text-align:center;padding:60px 20px}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.results-header h3{font-size:20px;color:#333;margin:0}.results-count{font-size:14px;color:#666}.results-list{display:flex;flex-direction:column;gap:15px}.result-card{display:flex;gap:20px;padding:20px;background:#fff;border:1px solid #eee;border-radius:12px;cursor:pointer;transition:all .3s}.result-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#2d7d32}.result-icon{font-size:40px;width:60px;height:60px;background:#f5f5f5;border-radius:12px;display:flex;align-items:center;justify-content:center}.result-content{flex:1}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.result-title{font-size:18px;font-weight:600;color:#333;margin:0}.result-type{background:#e8f5e9;color:#2d7d32;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.result-subtitle{font-size:14px;color:#666;margin:0 0 8px}.result-description{font-size:14px;color:#999;margin:0 0 12px;line-height:1.5}.result-tags{display:flex;flex-wrap:wrap;gap:8px}.result-tag{padding:4px 10px;background:#f5f5f5;border-radius:12px;font-size:12px;color:#666}.no-results{text-align:center;padding:60px 20px}.no-results-icon{font-size:64px;display:block;margin-bottom:20px;opacity:.5}.no-results p{font-size:16px;color:#666;margin:0 0 10px}.no-results-hint{font-size:14px;color:#999}@media (max-width: 768px){.search-page-container{padding:4px}.search-page-container .content-card{margin:4px auto;border-radius:6px}.search-page-container .card-header{padding:10px 12px}.search-page-container .card-title{font-size:18px;gap:8px}.search-input-wrapper{flex-direction:column}.search-button{width:100%}.search-filters{flex-direction:column;align-items:flex-start}.filter-options{flex-wrap:wrap}.result-card{flex-direction:column;align-items:center;text-align:center}.result-header{flex-direction:column;gap:10px}}.range-slider-container{width:100%;padding:10px 0;position:relative}.range-slider-container *{box-sizing:border-box}.range-slider-container.disabled{opacity:.5;pointer-events:none}.range-display{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:40px;font-size:28px;font-weight:700;color:#166534}.range-value{color:#166534}.range-separator{color:#9ca3af;font-size:24px}.range-slider-container .range-slider-wrapper{position:relative!important;width:100%!important;min-height:80px!important;padding:0 10px!important}.range-slider-container .range-track{position:absolute!important;top:20px!important;left:10px!important;right:10px!important;height:20px!important;background:linear-gradient(to right,#c8e6c9 0% 15%,#dcedc8 15% 25%,#fff59d 25% 35%,#ffb74d 35% 45%,#4fc3f7 45% 60%,#1976d2 60% 75%,#424242 75% 90%,#212121 90%)!important;border-radius:20px!important;z-index:1!important}.range-track-active{position:absolute;top:20px;height:20px;background:#fff6;border:2px solid #fb923c;border-radius:20px;z-index:2;box-shadow:inset 0 2px 4px #0000001a}.range-input{position:absolute;top:0;left:0;right:0;width:100%;height:60px;background:transparent;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;cursor:pointer}.range-slider-container .range-input-min{z-index:4!important}.range-slider-container .range-input-max{z-index:5!important}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;background:#fb923c;cursor:grab;pointer-events:auto;border:4px solid white;border-radius:50%;box-shadow:0 2px 8px #fb923c80;-webkit-transition:all .2s;transition:all .2s;position:relative;z-index:10}.range-input::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #fb923c99}.range-input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1);box-shadow:0 2px 8px #fb923cb3}.range-input::-moz-range-thumb{width:32px;height:32px;background:#fb923c;cursor:grab;pointer-events:auto;border:4px solid white;border-radius:50%;box-shadow:0 2px 8px #fb923c80;-moz-transition:all .2s;transition:all .2s}.range-input::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #fb923c99}.range-input::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.1);box-shadow:0 2px 8px #fb923cb3}.range-input::-webkit-slider-runnable-track{height:60px;background:transparent;cursor:pointer}.range-input::-moz-range-track{height:60px;background:transparent;cursor:pointer}.range-marker{position:absolute;top:20px;transform:translate(-50%);z-index:3;pointer-events:none;display:none;flex-direction:column;align-items:center}.marker-line{width:3px;height:40px;background:#fb923c;border-radius:2px;box-shadow:0 2px 4px #fb923c66}.marker-label{position:absolute;top:45px;font-size:14px;font-weight:600;color:#fb923c;white-space:nowrap;background:#fff;padding:2px 8px;border-radius:4px;box-shadow:0 1px 3px #0000001a}.range-slider-container .range-labels{position:absolute!important;top:45px!important;left:10px!important;right:10px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;z-index:0!important}.range-label-start,.range-label-mid,.range-label-end{font-size:12px;color:#9ca3af;font-weight:500}.range-label-mid{position:absolute;left:50%;transform:translate(-50%)}@media (max-width: 768px){.range-display{font-size:24px;margin-bottom:35px}.marker-label{font-size:12px;padding:2px 6px}.range-labels{font-size:11px}}.auto-renew-modal-content::-webkit-scrollbar{width:8px}.auto-renew-modal-content::-webkit-scrollbar-track{background:#e8f5e9;border-radius:4px}.auto-renew-modal-content::-webkit-scrollbar-thumb{background:#166534;border-radius:4px}.auto-renew-modal-content::-webkit-scrollbar-thumb:hover{background:#14532d}body.modal-open{overflow:hidden}.auto-renew-modal-content input:focus,.auto-renew-modal-content textarea:focus,.auto-renew-modal-content select:focus{outline:none!important;border:2px solid #166534!important}.settings-container .settings-content .settings-main{text-align:left!important}.settings-main .create-team-container{padding:20px;text-align:left!important}.create-team-container .history-section{margin-bottom:40px;text-align:left!important}.create-team-container .section-header{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:20px;font-weight:600;color:#333;margin-bottom:8px;text-align:left!important}.section-icon{font-size:24px}.section-description{color:#666;font-size:14px;margin-bottom:20px;text-align:left}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.history-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px 20px 20px;transition:border-color .2s}.history-card:hover{border:2px solid #166534}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.history-header h4{font-size:20px;font-weight:600;color:#333;margin:0}.usage-badge{background:#e8f5e9;color:#166534;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500}.history-description{color:#666;font-size:16px;margin-bottom:12px;line-height:1.3}.history-details{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px}.detail-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:15px;color:#555;line-height:1.2;text-align:left}.detail-icon{font-size:18px;width:20px;text-align:center}.history-actions{display:flex;gap:10px;margin-top:20px}.btn-use-template{flex:1;padding:10px 16px;background:#166534;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-use-template:hover{background:#236b26}.btn-preview{padding:10px 16px;background:#fff;color:#166534;border:2px solid #166534;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-preview:hover{background:#e8f5e9}.btn-edit{padding:10px 16px;background:#fff3e0;color:#f57c00;border:2px solid #f57c00;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-edit:hover{background:#ffe0b2}.create-team-container .form-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000000d;text-align:left!important}.create-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;width:100%}.form-group label{font-size:14px;font-weight:600;color:#166534;text-align:left;display:block}.form-input,.form-select,.form-textarea{padding:12px 16px!important;margin:0!important;border:2px solid #e0e0e0!important;border-radius:8px;font-size:14px;line-height:1.5;transition:none!important;display:block;width:100%;box-sizing:border-box!important;background-color:#fff;box-shadow:none!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;animation:none!important;position:static!important;accent-color:#166534;color-scheme:light}.form-input[type=number]{-moz-appearance:textfield}.form-input[type=number]::-webkit-outer-spin-button,.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group .form-input:hover,.form-group .form-select:hover,.form-group .form-textarea:hover,.form-input:hover:not([type=range]),.form-select:hover,.form-textarea:hover,.form-group .form-input:active,.form-group .form-select:active,.form-group .form-textarea:active,.form-input:active:not([type=range]),.form-select:active,.form-textarea:active{padding:12px 16px!important;margin:0!important;border:2px solid #e0e0e0!important;transition:none!important;box-shadow:none!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;position:static!important}.form-group .form-input:focus,.form-group .form-select:focus,.form-group .form-textarea:focus,.form-input:focus:not([type=range]),.form-select:focus,.form-textarea:focus{outline:none;padding:12px 16px!important;margin:0!important;border:2px solid #166534!important;background-color:#fff;box-shadow:none!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transition:none!important;animation:none!important;position:static!important}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #fff inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.form-row .form-group{width:100%}.form-actions{display:flex;gap:15px;margin-top:10px}.btn-preview-form{flex:1;padding:12px 24px;background:#fff;color:#166534;border:2px solid #166534;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-preview-form:hover{background:#e8f5e9}.btn-create{flex:1;padding:12px 24px;background:#166534;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-create:hover:not(:disabled){background:#236b26}.btn-create:disabled{background:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:20px;overflow:hidden}.modal-content{background:#fff;border-radius:16px;max-width:850px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;margin-top:60px}.modal-large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eee;gap:16px}.modal-header h3{font-size:20px;font-weight:600;color:#333;margin:0;padding:0;line-height:20px}.modal-close{width:32px;height:32px;border:none;background:transparent;font-size:20px;color:#666;cursor:pointer;border-radius:50%;transition:all .3s;display:flex;align-items:center;justify-content:center;line-height:20px;padding:0;flex-shrink:0}.modal-close:hover{background:#f5f5f5;color:#333}.preview-container{padding:24px;overflow-y:auto;flex:1}.modal-content::-webkit-scrollbar,.preview-container::-webkit-scrollbar,.edit-container::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track,.preview-container::-webkit-scrollbar-track,.edit-container::-webkit-scrollbar-track{background:#f1f1f1}.modal-content::-webkit-scrollbar-thumb,.preview-container::-webkit-scrollbar-thumb,.edit-container::-webkit-scrollbar-thumb{background:#d4f4d4;border-radius:5px}.modal-content::-webkit-scrollbar-thumb:hover,.preview-container::-webkit-scrollbar-thumb:hover,.edit-container::-webkit-scrollbar-thumb:hover{background:#b8e6b8}.preview-card{background:#f8f8f8;border-radius:12px;padding:24px}.preview-title{font-size:24px;font-weight:600;color:#333;margin:0 0 12px}.preview-description{font-size:16px;color:#666;line-height:1.6;margin-bottom:24px}.preview-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.preview-detail-item{display:flex;flex-direction:column;gap:4px}.preview-detail-full{grid-column:1 / -1}.preview-label{font-size:13px;color:#166534;font-weight:500}.preview-value{font-size:15px;color:#333;font-weight:600}.preview-empty{color:#dc2626!important;font-weight:500!important}.preview-other-info{margin-top:24px;padding-top:24px;border-top:1px solid #ddd}.preview-section-title{font-size:14px;font-weight:600;color:#166534;margin:0 0 8px}.preview-other-text{font-size:14px;color:#666;line-height:1.6;margin:0;white-space:pre-wrap}.preview-actions{display:flex;gap:12px;margin-bottom:16px}.btn-use-in-preview{flex:1;padding:12px 24px;background:#166534;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-use-in-preview:hover{background:#236b26}.preview-close-action{display:flex;justify-content:center;margin-top:0;padding-top:24px;border-top:1px solid #eee}.btn-close-preview{padding:12px 48px;background:#166534;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-close-preview:hover{background:#236b26}.edit-container{padding:24px}.edit-form{display:flex;flex-direction:column;gap:20px}.btn-edit-complete{width:100%;padding:14px 24px;background:#166534;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-edit-complete:hover{background:#236b26}.time-inputs{display:flex;align-items:center;gap:10px;width:100%}.time-select{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:none!important;box-sizing:border-box;background-color:#fff;box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;animation:none!important}.time-select:hover{border:2px solid #d4f4d4!important;transition:none!important}.time-select:focus{outline:none;border:2px solid #166534!important;background-color:#fff;box-shadow:none!important;transition:none!important;animation:none!important}.time-select:first-of-type{margin-right:15px}.time-separator{font-size:14px;color:#666;font-weight:500}.fee-inputs{display:flex;align-items:center;gap:16px;width:100%;flex-wrap:wrap}.fee-input-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.fee-label{font-size:14px;color:#666;white-space:nowrap;min-width:auto;padding:0;margin:0;flex-shrink:0}.fee-input-group .fee-input{display:inline-block;width:120px;max-width:120px;flex:0 0 auto;padding:12px 16px;margin:0;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;line-height:1.5;transition:none;box-sizing:border-box;background-color:#fff;box-shadow:none;transform:none;-webkit-appearance:none;-moz-appearance:textfield;appearance:none;animation:none;position:static;color:#333}.fee-input-group .fee-input::-webkit-outer-spin-button,.fee-input-group .fee-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fee-input-group .fee-input:hover{border-color:#e0e0e0}.fee-input-group .fee-input:focus{outline:none;border:2px solid #166534;box-shadow:none}.fee-input-group .fee-input:-webkit-autofill,.fee-input-group .fee-input:-webkit-autofill:hover,.fee-input-group .fee-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #fff inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.fee-input-group .fee-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#ddd}.fee-unit{font-size:14px;color:#666;width:18px;flex-shrink:0}.form-select option{background-color:#fff;color:#333}.form-select option:disabled{color:#ccc;background-color:#f5f5f5}.form-select option:checked,.form-select option:hover{background-color:#fff}.time-select option{background-color:#fff;color:#333}.time-select option:checked,.time-select option:hover{background-color:#fff}.time-select option:disabled{color:#ccc;background-color:#f5f5f5}.image-upload-container{display:flex;gap:20px;align-items:flex-start;width:100%;box-sizing:border-box}.image-preview-card{min-width:320px;max-width:320px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:240px;transition:all .3s;flex-shrink:0;box-sizing:border-box}.image-preview-card:hover{border-color:#e0e0e0}.image-placeholder{color:#999;font-size:14px;text-align:center}.preview-card-image{max-width:100%;max-height:200px;border-radius:8px;-o-object-fit:contain;object-fit:contain;display:block}.remove-image-button{padding:8px 16px;background:#ffebee;color:#c62828;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}.remove-image-button:hover{background:#ffcdd2}.image-upload-controls{display:flex;flex-direction:column;gap:12px;flex:1}.image-upload-button{display:flex;align-items:center;justify-content:center;padding:12px 24px!important;margin:0!important;background:#fff;color:#166534;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;text-align:center!important;width:100%;box-sizing:border-box}.image-upload-button:hover{background:#e8f5e9;border-color:#e0e0e0}.image-upload-button:active,.image-upload-button:focus{border-color:#166534;outline:none}.image-hint{font-size:12px;color:#666}.preview-other-info{margin-top:24px;padding-top:0;border-top:none}.preview-section-title{font-size:13px;font-weight:400}.preview-team-image{margin-top:24px;padding-top:24px;border-top:1px solid #ddd}.preview-team-image-img{max-width:100%;max-height:400px;border-radius:8px;margin-top:12px;display:block;box-shadow:0 2px 8px #0000001a}.preview-edit-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background:#fff;transition:all .3s}.preview-edit-input:focus{outline:none;border-color:#166534;box-shadow:0 0 0 2px #1665341a}.preview-detail-item .custom-select-container{width:100%}.preview-edit-number{-moz-appearance:textfield}.preview-edit-number::-webkit-outer-spin-button,.preview-edit-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.preview-edit-textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background:#fff;resize:vertical;font-family:inherit;line-height:1.5;transition:all .3s}.preview-edit-textarea:focus{outline:none;border-color:#166534;box-shadow:0 0 0 2px #1665341a}.preview-edit-time{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preview-edit-time-stacked{display:flex;flex-direction:column;gap:8px;width:100%}.preview-edit-time-row{display:flex;align-items:center;gap:8px}.preview-time-separator{color:#666;font-weight:600}.preview-edit-fee{display:flex;flex-direction:column;gap:8px;width:100%}.preview-edit-fee-stacked{display:flex;flex-direction:column;gap:12px;width:100%}.preview-fee-row{display:flex;gap:12px}.preview-fee-row:first-child{width:-moz-fit-content;width:fit-content;max-width:100%}.preview-fee-row:first-child .preview-fee-group{flex:0 0 auto}.preview-fee-row:first-child .preview-fee-group .preview-edit-input{width:80px;min-width:80px;flex:none}.preview-fee-row:first-child .preview-fee-group{gap:4px}.preview-fee-row:first-child .preview-fee-label{min-width:auto}.preview-fee-row .preview-fee-group{gap:4px}.preview-fee-row .preview-fee-label{min-width:auto}.preview-fee-group{display:flex;align-items:center;gap:8px;flex:1}.preview-fee-label{font-size:14px;color:#666;min-width:50px;font-weight:600}.preview-fee-group .preview-edit-input{flex:1;min-width:80px}.btn-edit-complete{width:100%;padding:12px 24px;background:#166534;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-edit-complete:hover{background:#145028;transform:translateY(-1px);box-shadow:0 4px 12px #16653433}@media (max-width: 768px){.history-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.preview-details{grid-template-columns:1fr}}.court-status-container{padding:20px;background-color:#f5f5f5;min-height:calc(100vh - 120px);max-width:100vw;overflow-x:hidden;box-sizing:border-box}.no-team-message{background:#fff;border-radius:15px;padding:80px 40px;text-align:center;box-shadow:0 2px 8px #0000001a;max-width:600px;margin:100px auto}.message-icon{font-size:60px;display:block;margin-bottom:20px}.no-team-message h2{color:#666;font-size:24px;margin-bottom:30px}.browse-teams-btn{background:#4caf50;color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:16px;cursor:pointer;transition:all .3s}.browse-teams-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.court-header{background:#fff;border-radius:15px;padding:25px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.court-header-compact{background:#fff;border-radius:12px;padding:12px 20px;margin-bottom:15px;box-shadow:0 2px 6px #00000014;display:flex;align-items:center;gap:12px;font-size:15px}.court-header-compact .title-icon{font-size:20px}.court-header-compact .court-title-text{font-weight:600;color:#333;font-size:16px}.court-header-compact .info-separator{color:#ddd;margin:0 4px}.court-header-compact .info-item{color:#666;white-space:nowrap}.court-title{font-size:28px;color:#333;margin:0 0 15px;display:flex;align-items:center;gap:10px}.title-icon{font-size:32px}.team-info{display:flex;gap:30px;font-size:16px;color:#666;margin-bottom:15px}.info-item{display:flex;align-items:center;gap:5px}.organizer-controls{display:flex;gap:10px;padding-top:15px;border-top:1px solid #e0e0e0}.control-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.control-btn:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.control-btn span{font-size:16px}.court-sections{display:flex;flex-direction:column;gap:15px}.courts-section{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 8px #0000001a}.section-title{font-size:20px;color:#333;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.courts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.court-card{background:#f8f8f8;border:2px solid #e0e0e0;border-radius:12px;padding:15px;position:relative;min-height:180px}.court-number{position:absolute;top:8px;left:12px;font-size:12px;color:#666;font-weight:700}.match-number{position:absolute;top:8px;right:12px;font-size:12px;color:#999}.match-teams-vertical{display:flex;flex-direction:column;gap:5px;margin-top:25px}.team{display:flex;flex-direction:row;gap:8px;justify-content:center}.player-card-compact{background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 10px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;align-items:center;min-width:80px}.player-card-compact .player-name{font-size:13px;font-weight:700;color:#333;margin-bottom:2px}.player-card-compact .player-score{font-size:11px;color:#666}.player-card-compact .player-off-court-time{font-size:11px;color:#2196f3;font-weight:600}.player-card-compact.current-user{border:3px solid #166534;box-shadow:0 0 8px #1665344d}.vs-divider-vertical{font-size:12px;font-weight:700;color:#999;text-align:center;padding:2px 0;position:relative;margin:-3px 0}.vs-divider-vertical:before,.vs-divider-vertical:after{content:"";position:absolute;left:30%;right:30%;height:1px;background:#e0e0e0}.vs-divider-vertical:before{top:-3px}.vs-divider-vertical:after{bottom:-3px}.score-btn{width:100%;margin-top:10px;padding:8px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s}.score-btn:hover{background:#45a049}.waiting-section-horizontal{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 8px #0000001a}.section-header-with-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.binding-controls{display:flex;gap:10px}.binding-btn{padding:6px 14px;background:#fff;border:1px solid #9C27B0;border-radius:6px;font-size:13px;color:#333;cursor:pointer;transition:all .3s}.binding-btn:hover{background:#f3e5f5;border-color:#9c27b0}.binding-btn.active{background:#9c27b0;color:#fff;border-color:#9c27b0}.binding-btn:disabled,.binding-btn.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#999}.binding-btn:disabled:hover,.binding-btn.disabled:hover{background:#f5f5f5;border-color:#ddd}.stats-btn{border-color:#ddd}.stats-btn:hover{background:#4caf50;color:#fff;border-color:#4caf50}.opponent-btn{padding:6px 14px;background:#fff;border:1px solid #FF5722;border-radius:6px;font-size:13px;color:#333;cursor:pointer;transition:all .3s}.opponent-btn:hover{background:#ffe8df;border-color:#ff5722}.opponent-btn.active{background:#ff5722;color:#fff;border-color:#ff5722}.opponent-btn:disabled,.opponent-btn.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#999}.opponent-btn:disabled:hover,.opponent-btn.disabled:hover{background:#f5f5f5;border-color:#ddd}.waiting-players-horizontal{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;min-height:80px;padding:10px;border:2px dashed transparent;border-radius:8px;transition:all .3s}.waiting-players-horizontal.drag-over{border-color:#4caf50;background:#4caf500d}.waiting-player{background:#f8f8f8;border:2px solid #e0e0e0;border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:15px;cursor:default;transition:all .3s;min-width:200px;flex:0 1 auto;position:relative}.player-content{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.waiting-player.current-user{border-color:#166534;border-width:3px;box-shadow:0 0 8px #1665344d}.waiting-player.current-user .player-content{cursor:pointer}.waiting-player.current-user:hover{background:#f0f8f0}.waiting-player.paused{background:#ffe8e8;border-color:#f99}.waiting-player.bound{border-color:#9c27b0;border-width:3px}.waiting-player.opponent{border-color:#ff5722;border-width:3px}.waiting-player.selected-for-opponent{border-color:#ff9800;border-width:3px;box-shadow:0 0 10px #ff98004d}.waiting-player.selectable-opponent{cursor:pointer;opacity:1}.waiting-player.selectable-opponent:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.waiting-player.selected-for-binding{border-color:#ff9800;border-width:3px;box-shadow:0 0 10px #ff98004d}.waiting-player.selectable{cursor:pointer;opacity:1}.waiting-player.selectable:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.waiting-player.not-selectable{opacity:.5;cursor:not-allowed}.player-rank{font-size:12px;font-weight:700;color:#666;min-width:35px}.waiting-player.paused .player-rank{color:#f66}.player-info{flex:1;display:flex;flex-direction:column;gap:2px}.waiting-player .player-name{font-size:14px;font-weight:600;color:#333}.player-stats{font-size:11px;color:#999;display:flex;gap:10px}.off-court-time{display:flex;align-items:center;gap:5px;font-size:13px;margin-top:2px}.time-label{color:#666;font-size:11px}.time-value{color:#2196f3;font-weight:600;font-family:Monaco,Courier New,monospace}.time-value.paused{color:#999;opacity:.7}.waiting-player.top-waiter{background:linear-gradient(135deg,#fff8e1,#ffecb3);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #ff98004d}50%{box-shadow:0 2px 15px #ff980099}}.priority-indicator{position:absolute;top:-8px;right:-8px;z-index:10}.priority-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f44;color:#fff;border-radius:50%;font-size:14px;font-weight:700;animation:pulse-number 2s ease-in-out infinite;box-shadow:0 2px 6px #f446}@keyframes pulse-number{0%,to{transform:scale(1);box-shadow:0 2px 6px #f446}50%{transform:scale(1.1);box-shadow:0 2px 10px #f449}}.off-court-time-compact{color:#2196f3;font-weight:600;font-family:Monaco,Courier New,monospace}.priority-indicator-compact{position:absolute;top:-6px;right:-6px;z-index:10}.priority-number-compact{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#f44;color:#fff;border-radius:50%;font-size:12px;font-weight:700;animation:pulse-number 2s ease-in-out infinite;box-shadow:0 2px 4px #f446}.legend{display:flex;gap:20px;justify-content:flex-end}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.legend-dot{width:12px;height:12px;border-radius:50%;border:2px solid #ddd}.legend-dot.current{background:#e8f5e9;border-color:#4caf50}.legend-dot.paused{background:#ffe8e8;border-color:#f99}.score-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:15px;padding:30px;width:400px;box-shadow:0 4px 20px #0003}.modal-content h3{margin:0 0 20px;text-align:center;color:#333}.score-inputs{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}.score-input-group{text-align:center}.score-input-group label{display:block;margin-bottom:8px;font-size:14px;color:#666}.score-input-group input{width:80px;height:50px;font-size:24px;text-align:center;border:2px solid #ddd;border-radius:8px;transition:border-color .3s}.score-input-group input:focus{outline:none;border-color:#166534}.vs-text{font-size:20px;font-weight:700;color:#666;margin-top:20px}.modal-actions{display:flex;gap:15px;justify-content:center}.cancel-btn,.submit-btn{padding:10px 30px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s}.cancel-btn{background:#f0f0f0;color:#666}.cancel-btn:hover{background:#e0e0e0}.submit-btn{background:#4caf50;color:#fff}.submit-btn:hover{background:#45a049}.empty-court{text-align:center;padding:50px 20px;color:#999;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-court span{display:inline-block;padding:8px 16px;background:#f0f0f0;border-radius:20px}.empty-court-hint{font-size:12px;color:#666;background:#fff3cd!important;border:1px solid #ffc107}.court-settings{text-align:center;padding:20px 0}.court-settings p{margin:10px 0;color:#666}.court-input-group{display:flex;align-items:center;justify-content:center;gap:15px;margin:20px 0}.court-input-group input{width:80px;height:40px;text-align:center;font-size:20px;border:2px solid #ddd;border-radius:8px}.adjust-btn{width:40px;height:40px;border:none;background:#4caf50;color:#fff;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s}.adjust-btn:hover{background:#45a049;transform:scale(1.1)}.court-hint{font-size:14px;color:#4caf50;font-weight:500}.prep-groups-section{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 8px #0000001a}.prep-groups-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.prep-group-card{background:#f8f8f8;border:2px solid #e0e0e0;border-radius:12px;padding:15px;transition:all .3s}.prep-group-card.complete{border-color:#4caf50;background:#f1f8e9}.prep-group-card.group-draggable{cursor:grab;position:relative}.prep-group-card.group-draggable:hover{border-color:#2196f3;box-shadow:0 4px 12px #2196f333}.prep-group-card.dragging{opacity:.5;cursor:grabbing}.prep-group-card.group-draggable:active{cursor:grabbing}.drag-handle{color:#666;font-size:14px;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:4px;display:inline-block}.drag-handle:hover{color:#2196f3}.prep-group-card:not(.dragging)[draggable=true]:hover{border-color:#ff9800;background:#fff3e0}.prep-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;position:relative}.prep-label{font-size:14px;font-weight:700;color:#333}.prep-count{font-size:12px;color:#666;background:#e0e0e0;padding:2px 8px;border-radius:10px}.prep-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.prep-section-header .section-title{margin:0;border-bottom:none;padding-bottom:0}.prep-header-info{display:flex;align-items:center;gap:30px}.prep-queue-note{font-size:14px;color:#666;font-style:italic;padding:4px 12px;background:#f0f0f0;border-radius:20px}.auto-selector{display:flex;align-items:center;gap:10px}.selector-label{font-size:14px;color:#666;font-weight:500}.selector-btn{padding:6px 14px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#333;cursor:pointer;transition:all .3s}.selector-btn:hover{background:#4caf50;color:#fff;border-color:#4caf50}.prep-players{display:flex;flex-direction:column;gap:8px}.prep-player-slot{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:13px;min-height:36px;transition:all .3s;position:relative}.prep-player-slot.top-waiter{background:linear-gradient(135deg,#fff8e1,#ffecb3)}.broadcast-icon{background:none;border:none;padding:0;margin-right:8px;cursor:pointer;font-size:13px;opacity:.6;transition:all .2s;filter:grayscale(100%);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;transform:translateY(-4px)}.broadcast-icon:hover,.broadcast-icon:active{opacity:1;filter:grayscale(0%)}.modal-content.stats-modal{max-width:700px;width:85vw;max-height:66vh;overflow-y:auto;overflow-x:auto}.stats-modal-body{padding:20px}.completed-matches-list-compact{display:flex;flex-direction:column;gap:10px;font-family:monospace}.completed-match-row{display:flex;align-items:center;padding:10px 20px;background:#f8f9fa;border-radius:6px;font-size:14px;gap:0;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.time-range{color:#666;font-weight:500;width:130px;flex-shrink:0;margin-right:10px}.court-number-compact{color:#4caf50;font-weight:600;font-size:14px;width:30px;flex-shrink:0;margin-right:20px;text-align:center}.no-completed-matches{text-align:center;padding:40px 20px;color:#999}.no-completed-matches .empty-icon{font-size:48px;display:block;margin-bottom:15px}.no-completed-matches p{font-size:16px;margin:0}.prep-player-slot.bound{border-color:#9c27b0;border-width:2px}.prep-player-slot.opponent{border-color:#ff5722;border-width:2px}.prep-player-slot.selected-for-opponent{border-color:#ff9800;border-width:2px;box-shadow:0 0 8px #ff98004d}.prep-player-slot.selectable-opponent{cursor:pointer}.prep-player-slot.selectable-opponent:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000026}.prep-player-slot.current-user{border:3px solid #166534;box-shadow:0 0 8px #1665344d}.prep-player-slot.selected-for-binding{border-color:#ff9800;border-width:2px;box-shadow:0 0 8px #ff98004d}.prep-player-slot.selectable{cursor:pointer}.prep-player-slot.selectable:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000026}.prep-player-slot.not-selectable{opacity:.5;cursor:not-allowed}.prep-player-slot.empty{background:#f5f5f5;border-style:dashed;opacity:.6}.prep-group-card.dragging .prep-player-slot{pointer-events:none}.prep-group-card[draggable=true]:not(.dragging){transition:all .3s}.prep-group-card[draggable=true]:not(.dragging).drag-over{border-color:#ff9800;background:#fff3e0;transform:scale(1.02)}.prep-player-slot .player-name{font-size:13px;font-weight:700;color:#333}.prep-player-slot .player-score{font-size:12px;color:#666}.empty-slot-text{color:#999;font-style:italic;width:100%;text-align:center}.empty-prep{text-align:center;padding:20px;color:#999;font-size:13px}.empty-prep span{display:inline-block;padding:8px 16px;background:#f0f0f0;border-radius:15px}.group-auto-fill{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #e0e0e0}.mini-selector-btn{flex:1;padding:4px 8px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#666;cursor:pointer;transition:all .3s}.mini-selector-btn:hover{background:#4caf50;color:#fff;border-color:#4caf50}.draggable{cursor:move}.draggable:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.draggable:active{cursor:grabbing}.droppable{transition:all .3s}.droppable:hover{background:#e8f5e9!important;border-color:#4caf50!important}.waiting-player.draggable{transition:transform .2s,box-shadow .2s}.prep-player-slot.draggable{cursor:move}.prep-player-slot.draggable:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.draggable{-webkit-user-select:none;-moz-user-select:none;user-select:none}.waiting-player.draggable:active,.prep-player-slot.draggable:active{opacity:.5}@media (max-width: 1400px){.courts-grid,.prep-groups-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1200px){.courts-grid,.prep-groups-grid{grid-template-columns:repeat(3,1fr)}.waiting-players-horizontal{justify-content:center}}@media (max-width: 900px){.courts-grid,.prep-groups-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.courts-grid,.prep-groups-grid{grid-template-columns:1fr}.prep-section-header{flex-direction:column;align-items:flex-start;gap:15px}.auto-selector{flex-wrap:wrap}}@media (max-width: 768px){.court-status-container{padding:0;width:100vw;max-width:100%;overflow-x:hidden}.court-header-compact{flex-wrap:wrap;padding:16px 15px;margin:0 0 2px;border-radius:0;box-shadow:none;border-bottom:1px solid #e0e0e0;width:100%;box-sizing:border-box}.court-header-compact .title-icon{display:none}.court-header-compact .court-title-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500}.court-header-compact .info-item{font-size:14px}.court-header-compact .info-item:nth-child(4),.court-header-compact .info-separator:nth-child(3),.court-header-compact .info-separator:nth-child(5){display:none}.courts-section,.waiting-section-horizontal,.prep-groups-section{padding:16px 15px;margin:0 0 2px;border-radius:0;box-shadow:none;border-bottom:1px solid #e0e0e0;width:100%;box-sizing:border-box;background:#fff}.section-title{font-size:16px;margin-bottom:15px;font-weight:600}.courts-grid{grid-template-columns:1fr;gap:12px}.court-card{padding:16px 14px;min-height:auto}.court-number{font-size:15px;top:6px;left:10px}.match-number{font-size:15px;top:6px;right:10px}.match-teams-vertical{margin-top:20px;gap:8px}.team{gap:10px}.player-card-compact{min-width:90px;padding:10px 8px;flex:1}.player-card-compact .player-name{font-size:clamp(20px,7vw,32px);font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:clip}.player-card-compact .player-name .name-text{display:inline-block;max-width:100%}.player-card-compact .player-score,.player-card-compact .player-off-court-time{font-size:20px;margin-top:2px}.vs-divider-vertical{font-size:13px;font-weight:600}.score-btn{padding:10px 8px;font-size:18px;font-weight:600;margin-top:10px}.broadcast-icon{font-size:32px}.waiting-player{min-width:100%;padding:10px 12px;gap:10px}.waiting-player .player-content{gap:6px}.waiting-player .player-rank{font-size:14px;min-width:auto}.waiting-player .player-info{flex-direction:row;align-items:center;gap:12px}.waiting-player .player-name{font-size:24px}.player-stats{font-size:11px;gap:8px}.off-court-time{font-size:20px;margin-top:0;padding-left:12px;border-left:2px solid #ddd}.time-label{font-size:14px}.time-value{font-size:24px}.prep-groups-grid{grid-template-columns:1fr;gap:12px}.prep-group-card{padding:12px}.prep-label{font-size:15px}.prep-count{font-size:11px}.prep-player-slot{padding:8px;min-height:32px;font-family:inherit}.prep-player-slot .player-name .name-text{font-size:24px!important;font-family:inherit;font-weight:600}.prep-player-slot .off-court-time-compact{font-size:24px!important;font-family:Monaco,Courier New,monospace;font-weight:600}.prep-player-slot .broadcast-icon{font-size:32px!important}.organizer-controls{flex-wrap:wrap;gap:8px}.control-btn{flex:1 1 calc(50% - 4px);min-width:0;padding:8px 12px;font-size:13px;justify-content:center}.control-btn span{font-size:14px}.modal-content{width:90%;max-width:350px;padding:20px}.modal-content h3{font-size:18px;margin-bottom:15px}.score-input-group input{width:70px;height:45px;font-size:20px}.vs-text{font-size:16px}.cancel-btn,.submit-btn{padding:10px 20px;font-size:14px}.auto-selector{flex-direction:column;align-items:stretch;gap:8px}.selector-btn{width:100%;font-size:12px}.stats-modal{width:95vw;max-height:80vh}.completed-match-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 15px;font-size:13px}.time-range,.court-number-compact,.team-players,.vs-text,.match-score{width:100%;margin-right:0;text-align:left}.team-players{justify-content:flex-start}.match-score{text-align:center}}.name-text{padding:2px 6px;border-radius:4px;display:inline-block;color:inherit}.name-text.male{background-color:#e3f2fd;color:inherit}.name-text.female{background-color:#fce4ec;color:inherit}.partner-name{font-size:12px;color:#9c27b0;font-weight:400}.opponent-name{font-size:12px;color:#ff5722;font-weight:400}.team-detail-page{max-width:1200px;margin:0 auto;padding:20px}.activity-header{background:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.back-link{font-size:14px;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .3s ease}.back-link:hover{background:#1665341a!important}.activity-title{display:flex;align-items:center;gap:15px}.activity-icon{font-size:32px}.activity-title h1{color:#333;margin:0;font-size:24px;font-weight:600}.participant-section,.waiting-section,.organizer-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.participant-section h2,.waiting-section h2,.organizer-section h2{color:#333;font-size:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.participant-list,.waiting-list{display:flex;flex-direction:column;gap:12px}.participant-item,.waiting-item{display:flex;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;transition:all .2s ease}.participant-item:hover,.waiting-item:hover{background:#e9ecef}.participant-name,.waiting-name{flex:1;font-size:16px;color:#333;font-weight:500}.participant-level,.waiting-level{background:#2d7d32;color:#fff;padding:4px 12px;border-radius:16px;font-size:14px;font-weight:500}.waiting-position{margin-left:12px;background:#ff9800;color:#fff;padding:4px 12px;border-radius:16px;font-size:14px;font-weight:500}.organizer-info{display:flex;flex-direction:column;gap:16px}.organizer-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.organizer-item:last-child{border-bottom:none}.organizer-label{width:120px;color:#666;font-size:15px}.organizer-name,.organizer-contact,.organizer-level{flex:1;color:#333;font-size:16px;font-weight:500}.team-calendar-page{max-width:1200px;margin:0 auto;padding:20px}.team-header-card{background:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;justify-content:space-between}.back-btn{padding:8px 16px;cursor:pointer;font-size:14px;transition:all .2s;border-radius:6px}.back-btn:hover{background:#1665341a!important}.team-title-text{color:#333;font-size:24px;font-weight:600;flex:1}.team-info-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.team-leader,.team-description{color:#666;font-size:14px}.calendar-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;border:1px solid #e0e0e0}.section-title{color:#333;margin-bottom:20px;font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:6px;height:20px;background:#2d7d32;border-radius:2px}.react-calendar{width:75%;margin:0 auto;border:1px solid #e0e0e0;border-radius:8px;box-shadow:none;padding:5px}.react-calendar__navigation{display:flex;justify-content:space-between;padding:10px 20px;position:relative}.react-calendar__navigation button{font-size:18px;font-weight:500;margin:0!important}.react-calendar__navigation__label{font-weight:700!important;position:absolute;left:50%;transform:translate(-50%)}.react-calendar__navigation__prev-button{position:absolute;left:25%;transform:translate(-50%)}.react-calendar__navigation__next-button{position:absolute;right:25%;transform:translate(50%)}.react-calendar__month-view__weekdays{font-size:18px;font-weight:700;text-decoration:none!important;color:#2d7d32!important}.react-calendar__month-view__weekdays abbr{text-decoration:none!important;color:#2d7d32!important}.react-calendar__month-view__days__day{padding:8px!important;font-size:18px}.react-calendar__month-view__days__day abbr{font-size:18px;font-weight:500}.react-calendar__tile{color:#000!important;background:none!important}.react-calendar__tile:hover{background:#f0f0f0!important}.react-calendar__tile--hasActive.has-completed{color:#4caf50!important;font-weight:700;background:none!important}.react-calendar__tile--hasActive.has-upcoming{color:#ffa726!important;font-weight:700;background:none!important}.activities-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.activities-list{display:flex;flex-direction:column;gap:15px}.activity-card{background:#f9f9f9;padding:20px;border-radius:8px;transition:all .3s ease;display:flex;gap:20px;border-left:4px solid transparent;position:relative}.activity-card-content{flex:1;display:flex;gap:20px;cursor:pointer}.activity-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.activity-card.completed{border-left-color:#4caf50}.activity-card.upcoming{border-left-color:#ffa726}.activity-card.highlight{animation:pulse 2s ease-out;background:#fff3cd!important}@keyframes pulse{0%{background:#fff3cd;transform:scale(1.02)}50%{background:#fffbf0}to{background:#f9f9f9;transform:scale(1)}}.activity-date{font-weight:600;color:#333;min-width:100px;font-size:18px}.activity-info{flex:1;display:flex;flex-direction:column;gap:5px}.activity-time,.activity-venue{color:#666;font-size:14px}.activity-status{font-size:14px;font-weight:500}.activity-card.completed .activity-status{color:#4caf50}.activity-card.upcoming .activity-status{color:#ffa726}.activity-participants{color:#666;font-size:14px;display:flex;flex-wrap:nowrap;align-items:center;white-space:nowrap}.activity-scores,.activity-note-text{color:#666;font-size:14px;font-style:italic}.edit-note-btn{background:#fff;border:2px solid #166534;cursor:pointer;padding:0;border-radius:6px;transition:all .3s;align-self:flex-start;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;width:36px;height:36px}.edit-note-btn:hover{background:#1665341a}@media (min-width: 768px){.activity-info{display:grid;grid-template-columns:140px 120px 140px 1fr;align-items:center;gap:20px}.activity-time{grid-column:1;font-size:16px}.activity-status{grid-column:2;font-size:16px}.activity-participants{grid-column:3;font-size:16px}.activity-scores,.activity-note-text{grid-column:4;font-size:16px}.activity-venue,.mobile-only{display:none}}@media (max-width: 767px){.activity-info{flex-direction:column;gap:5px}.mobile-only{display:block}}.modal-content{background:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow:auto;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;font-size:20px;color:#333}.modal-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f0f0f0;color:#333}.modal-body{padding:24px}.note-textarea{width:100%;padding:12px;border:2px solid #166534;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:120px}.note-textarea:focus{outline:none;border-color:#166534}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e0e0e0}.btn-cancel,.btn-save{padding:10px 20px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:#f0f0f0;color:#333}.btn-cancel:hover{background:#e0e0e0}.btn-save{background:#2d7d32;color:#fff}.btn-save:hover{background:#246127}.completed-matches-list-compact{display:flex;flex-direction:column;gap:0}.completed-match-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #f3f4f6;font-size:14px;line-height:1.4}.time-range{color:#6b7280;font-size:13px;min-width:90px;flex-shrink:0}.court-number-compact{color:#9ca3af;font-size:12px;min-width:60px;flex-shrink:0}.team-players{display:inline-flex;flex-direction:row;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;flex-shrink:0;margin-right:20px;justify-content:center;padding:2px 4px;box-sizing:border-box}.team-players.winner{border:2px solid #4CAF50;border-radius:4px;padding:2px 4px;background:#4caf501a;width:-moz-fit-content;width:fit-content}.player-name-compact{font-size:14px;font-weight:500;padding:2px 6px;border-radius:3px;display:inline-block}.player-name-compact.male{background-color:#e3f2fd;color:inherit}.player-name-compact.female{background-color:#fce4ec;color:inherit}.vs-text{font-weight:600;color:#999;font-size:13px;width:30px;text-align:center;flex-shrink:0;margin-right:20px}.match-score{font-weight:600;font-size:15px;color:#333;background:#fff;padding:5px 12px;border-radius:4px;box-shadow:0 1px 2px #0000001a;width:80px;text-align:center;flex-shrink:0}.team-manage-container{padding:20px}.member-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #ddd}.team-manage-container .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ddd}.team-manage-container .section-title{font-size:20px;color:#333;margin:0;display:flex;align-items:center;gap:10px;border-bottom:none;padding-bottom:0}.team-manage-container .section-title:before{content:"";width:6px;height:24px;background:#2d7d32;border-radius:2px}.section-controls{display:flex;align-items:center;gap:15px}.member-count{color:#666;font-size:14px}.toggle-button{padding:6px 16px;background:#fff;color:#166534;border:2px solid #166534;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:background .2s}.toggle-button:hover{background:#4caf501a}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;padding:20px 0}.member-grid-card{position:relative;background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:20px;text-align:center;transition:box-shadow .2s;transform:none!important}.member-grid-card:hover{transform:none!important;box-shadow:0 4px 8px #0000001a}.delete-member-btn{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:#ff5252;color:#fff;border:none;cursor:pointer;font-size:18px;line-height:1;opacity:0;transition:opacity .2s}.member-grid-card:hover .delete-member-btn{opacity:1}.delete-member-btn:hover{background:#ff1744}.add-member-btn{padding:6px 16px;background:#fff;color:#166534;border:2px solid #166534;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:background .2s}.add-member-btn:hover{background:#4caf501a}.member-avatar{position:relative;width:60px;height:60px;margin:0 auto 12px;background:#e3f2fd;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-icon{font-size:32px;line-height:1}.status-dot{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;border:2px solid white}.status-dot.online{background:#4caf50}.status-dot.offline{background:#ccc}.member-info-row{display:flex;align-items:center;justify-content:center;gap:8px}.member-grid-name{font-size:15px;font-weight:600;color:#333;margin:0;flex-shrink:0}.member-grid-level{font-size:12px;color:#166534;font-weight:600;background:#4caf501a;padding:3px 10px;border-radius:12px;white-space:nowrap;flex-shrink:0;margin:0}.message-btn{width:100%;max-width:80px;margin:8px auto 0;padding:6px;background:#166534;border:2px solid #166534;border-radius:8px;cursor:pointer;font-size:18px;transition:background-color .3s;display:flex;align-items:center;justify-content:center;transform:none!important}.message-btn:hover{background:#4caf50e6;border:2px solid #166534;transform:none!important}.member-list{display:grid;gap:12px}.member-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fafafa;border-radius:8px;border:1px solid #e5e5e5;transition:all .2s}.member-card:hover{background:#f5f5f5;box-shadow:0 2px 4px #0000000d}.member-info{flex:1}.member-main{display:flex;align-items:center;gap:12px;margin-bottom:8px}.member-name{font-size:16px;font-weight:500;color:#333}.member-level{padding:2px 8px;background:#2d7d32;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.member-stats{display:flex;gap:20px;font-size:14px;color:#666}.participation{color:#2d7d32;font-weight:500}.join-date,.follow-date{color:#999}.member-status{display:flex;align-items:center}.status-badge{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.status-badge.active{background:#e8f5e9;color:#2d7d32;border:1px solid #4caf50}.status-badge.inactive{background:#fff3e0;color:#ef6c00;border:1px solid #ff9800}.casual-badge{padding:4px 12px;background:#e3f2fd;color:#1976d2;border:1px solid #2196f3;border-radius:12px;font-size:13px;font-weight:500}.follower-badge{padding:4px 12px;background:#fff3e0;color:#f57c00;border:1px solid #ff9800;border-radius:12px;font-size:13px;font-weight:500}.followers-section{background:#f8f9fa}.follower-card{background:#fff}.modal-content{background:#fff;border-radius:12px;padding:30px;width:90%;max-width:400px;box-shadow:0 8px 32px #0003}.modal-content h3{margin:0 0 20px;color:#333}.form-group label{display:block;margin-bottom:8px;color:#666;font-size:14px}.team-manage-container .form-group input,.team-manage-container .form-group select,.modal-content .form-group input,.modal-content .form-group select{width:100%;padding:10px;border:1px solid #ddd!important;border-radius:6px;font-size:14px;outline:none;transition:border .2s;box-shadow:none!important}.team-manage-container .form-group input:focus,.team-manage-container .form-group select:focus,.modal-content .form-group input:focus,.modal-content .form-group select:focus{border:2px solid #166534!important;padding:9px;box-shadow:none!important}.team-manage-container .form-group select,.modal-content .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23166534' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;padding-right:2.5rem}select option{padding:8px!important}select option:checked{background:#d4f4d4!important;background-color:#d4f4d4!important;color:#166534!important}select option:hover,select option:focus{background:#d4f4d4!important;background-color:#d4f4d4!important;color:#166534!important}@-moz-document url-prefix(){select option:checked{background:#d4f4d4!important;color:#166534!important}}select option:checked{background:linear-gradient(#d4f4d4,#d4f4d4)!important;background-color:#d4f4d4!important;color:#166534!important}select::-webkit-scrollbar{width:6px!important}select::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:3px!important}select::-webkit-scrollbar-thumb{background:#166534!important;border-radius:3px!important}select::-webkit-scrollbar-thumb:hover{background:#0d4a24!important}.team-manage-container .form-group input::-moz-selection,.team-manage-container .form-group select::-moz-selection,.modal-content .form-group input::-moz-selection,.modal-content .form-group select::-moz-selection{background-color:#166534;color:#fff}.team-manage-container .form-group input::selection,.team-manage-container .form-group select::selection,.modal-content .form-group input::selection,.modal-content .form-group select::selection{background-color:#166534;color:#fff}.modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.modal-buttons button{padding:8px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.modal-buttons button[type=button]{background:#f5f5f5;border:1px solid #ddd;color:#666}.modal-buttons button[type=button]:hover{background:#e5e5e5}.modal-buttons button[type=submit]{background:#166534;border:none;color:#fff}.modal-buttons button[type=submit]:hover{background:#0d4a24}@media (max-width: 768px){.team-manage-container{padding:4px}.member-stats{flex-direction:column;gap:5px}.member-card{flex-direction:column;align-items:flex-start;gap:10px}.member-status{width:100%;justify-content:flex-end}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4caf50,#2e7d32);padding:20px}.login-container{background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #0000001a;position:relative;overflow:hidden;max-width:500px;width:100%}.login-container:before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(0,117,0,.05) 0%,transparent 70%);border-radius:50%;animation:rotate 20s linear infinite}.login-content{position:relative;z-index:2}.login-header{text-align:center;margin-bottom:30px}.login-icon{font-size:4em;margin-bottom:15px;color:#007500}.login-title{font-size:2.2em;color:#007500;margin-bottom:10px;font-weight:700}.login-subtitle{color:#666;font-size:1.1em;margin-bottom:20px}.social-section{margin-bottom:25px}.social-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.social-btn{padding:12px 20px;border:none;border-radius:25px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1em}.social-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.btn-google{background:#4285f4;color:#fff}.btn-google:hover{background:#357ae8}.btn-line{background:#00b900;color:#fff}.btn-line:hover{background:#090}.btn-facebook{background:#1877f2;color:#fff}.btn-facebook:hover{background:#166fe5}.divider{margin:20px 0;text-align:center;position:relative;color:#666}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd;z-index:1}.divider span{background:#fff;padding:0 15px;position:relative;z-index:2}.login-form,.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1em;transition:all .3s ease;font-family:inherit}.form-input:focus{outline:none;border-color:#007500;box-shadow:0 0 10px #00750033}.form-input.error{border-color:#dc3545;box-shadow:0 0 10px #dc354533}.error-message{color:#dc3545;font-size:.9em;margin-top:5px;display:block}.login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:10px}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer}.remember-me input[type=checkbox]{width:18px;height:18px;accent-color:#007500;cursor:pointer}.forgot-password{color:#007500;text-decoration:none;font-size:.9em;transition:color .3s ease}.forgot-password:hover{color:#050;text-decoration:underline}.login-btn{width:100%;padding:15px;background:linear-gradient(135deg,#007500,#00a000);color:#fff;border:none;border-radius:25px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}.login-btn:hover{background:linear-gradient(135deg,#050,#007500);transform:translateY(-3px);box-shadow:0 15px 35px #0075004d}.login-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.register-prompt{text-align:center;padding:20px;background:#0075000d;border-radius:15px;border:1px solid rgba(0,117,0,.1)}.register-prompt p{margin-bottom:15px;color:#666}.register-link{color:#007500;text-decoration:none;font-weight:700;padding:10px 20px;border:2px solid #007500;border-radius:20px;transition:all .3s ease;display:inline-block}.register-link:hover{background:#007500;color:#fff;transform:translateY(-2px)}.message{padding:15px;border-radius:10px;margin-bottom:20px;text-align:center;font-weight:700;display:none}.message.show{display:block;animation:fadeInUp .5s ease-out}.message.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.message.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}.loading{display:inline-block;width:20px;height:20px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.login-btn.loading{opacity:.7}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.login-container{padding:30px 25px;margin:20px}.login-title{font-size:1.8em}.login-options{flex-direction:column;align-items:flex-start;gap:15px}}.payment-container{max-width:1200px;margin:0 auto;padding:20px}.payment-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px;margin-bottom:30px;display:flex;align-items:center;gap:20px}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s}.back-btn:hover{background:#059669}.payment-title{font-size:24px;font-weight:600;color:#1f2937;margin:0}.payment-content{display:grid;grid-template-columns:2fr 1fr;gap:30px}@media (max-width: 968px){.payment-content{grid-template-columns:1fr}}.payment-info-card,.payment-notice-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.payment-info-card h2,.payment-notice-card h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 24px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#10b981}.readonly-input{background:#f3f4f6;color:#6b7280}.pay-btn{width:100%;padding:12px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.pay-btn:hover:not(:disabled){background:#059669}.pay-btn:disabled{background:#9ca3af;cursor:not-allowed}.payment-notice-card ul{margin:0;padding-left:20px;color:#6b7280}.payment-notice-card li{margin-bottom:12px;line-height:1.6}.payment-result-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#f3f4f6}.result-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:48px;max-width:600px;width:100%;text-align:center}.result-icon{display:inline-flex;margin-bottom:24px}.result-icon.success{color:#10b981}.result-icon.error{color:#ef4444}.result-title{font-size:32px;font-weight:700;margin:0 0 16px}.result-title.success{color:#10b981}.result-title.error{color:#ef4444}.result-message{font-size:16px;color:#6b7280;margin:0 0 32px}.payment-details{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:32px;text-align:left}.payment-details h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px}.payment-details table{width:100%;border-collapse:collapse}.payment-details td{padding:12px 0;border-bottom:1px solid #e5e7eb}.payment-details td:first-child{color:#6b7280;font-weight:500;width:120px}.payment-details td:last-child{color:#1f2937;font-weight:600}.payment-details tr:last-child td{border-bottom:none}.result-actions{display:flex;justify-content:center;gap:12px}.home-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.home-btn:hover{background:#059669}._container_fyc4m_1{padding:2rem;max-width:1200px;margin:0 auto}._title_fyc4m_13{font-size:2rem;font-weight:700;color:#333;margin-bottom:2rem}._searchBar_fyc4m_27{margin-bottom:2rem}._searchInput_fyc4m_35{width:100%;max-width:400px;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s}._searchInput_fyc4m_35:focus{outline:none;border-color:#4caf50}._teamGrid_fyc4m_65{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}._teamCard_fyc4m_77{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}._teamCard_fyc4m_77:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}._teamHeader_fyc4m_103{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}._teamName_fyc4m_117{font-size:1.25rem;font-weight:600;color:#333;margin:0}._statusBadge_fyc4m_131{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500;background-color:#4caf50;color:#fff}._teamInfo_fyc4m_149{margin-bottom:1.5rem}._infoRow_fyc4m_157{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f0f0f0}._infoRow_fyc4m_157:last-child{border-bottom:none}._label_fyc4m_179{font-weight:500;color:#666}._teamActions_fyc4m_189{display:flex;gap:.75rem}._viewButton_fyc4m_199,._joinButton_fyc4m_201{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}._viewButton_fyc4m_199{background-color:#f0f0f0;color:#333}._viewButton_fyc4m_199:hover{background-color:#e0e0e0}._joinButton_fyc4m_201{background-color:#4caf50;color:#fff}._joinButton_fyc4m_201:hover{background-color:#45a049}._emptyState_fyc4m_259{text-align:center;padding:3rem;color:#666}._emptyState_fyc4m_259 p{font-size:1.125rem}.group-card.joined-team-card{transition:border-color .2s}.group-card.joined-team-card:hover{border:2px solid #166534;box-shadow:none;transform:none}.filter-btn{padding:8px 20px;border-radius:20px;border:1px solid #ccc;background:#fff;color:#666;cursor:pointer;font-weight:400;font-size:14px;transition:all .2s}.filter-btn:hover{border:2px solid #166534;color:#166534}.filter-btn.active{border:2px solid #166534;background:#1665341a;color:#166534;font-weight:600}.booking-detail-header{display:flex;flex-direction:column;gap:16px;padding:20px;border-bottom:1px solid #eee}.back-button{display:flex;align-items:center;gap:4px;background:none;border:none;color:#166534;font-size:14px;cursor:pointer;padding:0;width:-moz-fit-content;width:fit-content}.back-button:hover{color:#0d4022}.booking-title{font-size:24px;font-weight:600;color:#166534;margin:0}.booking-status-badges{display:flex;gap:10px;flex-wrap:wrap}.booking-detail-content{padding:20px;display:flex;flex-direction:column;gap:20px}.info-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.info-card-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px;display:flex;align-items:center;gap:8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;align-items:flex-start;gap:12px}.info-item>div{display:flex;flex-direction:column;gap:2px}.info-label{font-size:12px;color:#888}.info-value{font-size:14px;font-weight:500;color:#333}.activity-title-section{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.activity-title{display:block;font-size:16px;font-weight:500;color:#166534;margin-top:4px}.notes-section{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.notes-text{font-size:14px;color:#555;margin-top:4px;line-height:1.5}.share-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#166534}.share-description{font-size:14px;color:#555;margin:0 0 12px}.share-link-box{display:flex;gap:8px}.share-link-input{flex:1;padding:10px 14px;border:1px solid #166534;border-radius:8px;font-size:13px;color:#333;background:#fff}.copy-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#166534;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;white-space:nowrap}.copy-btn:hover{background:#0d4022}.participants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.participants-header .info-card-title{margin-bottom:0}.add-participant-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#166534;color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer}.add-participant-btn:hover{background:#0d4022}.add-participant-form{background:#f9f9f9;border-radius:8px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.participant-input{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px}.participant-input:focus{outline:none;border-color:#166534}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.btn-cancel{padding:8px 16px;background:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:8px;font-size:14px;cursor:pointer}.btn-cancel:hover{background:#eee}.btn-confirm{padding:8px 16px;background:#166534;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer}.btn-confirm:hover{background:#0d4022}.btn-confirm:disabled{background:#ccc;cursor:not-allowed}.participants-list{display:flex;flex-direction:column;gap:10px}.empty-participants{text-align:center;padding:30px;color:#888}.empty-participants p{margin-top:8px}.participant-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border-radius:8px}.participant-avatar{width:40px;height:40px;border-radius:50%;background:#166534;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;overflow:hidden}.participant-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.participant-info{flex:1;display:flex;flex-direction:column;gap:2px}.participant-name{font-size:14px;font-weight:500;color:#333}.participant-phone{font-size:12px;color:#888}.remove-participant-btn{padding:8px;background:none;border:none;color:#999;cursor:pointer;border-radius:6px}.remove-participant-btn:hover{background:#ffebee;color:#c62828}.action-buttons{display:flex;gap:12px;margin-top:10px}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:14px 20px;background:#166534;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer}.btn-primary:hover{background:#0d4022}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:14px 20px;background:#fff;color:#166534;border:2px solid #166534;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer}.btn-secondary:hover{background:#f0fdf4}@media (max-width: 768px){.booking-detail-header{padding:16px}.booking-title{font-size:20px}.booking-detail-content{padding:16px}.info-grid{grid-template-columns:1fr}.share-link-box,.action-buttons{flex-direction:column}}._container_krzwd_1{padding:2rem;max-width:1200px;margin:0 auto}._title_krzwd_13{font-size:2rem;font-weight:700;color:#333;margin-bottom:2rem}._filterBar_krzwd_27{display:flex;gap:1rem;margin-bottom:2rem}._filterButton_krzwd_39{padding:.5rem 1.5rem;border:1px solid #ddd;background-color:#fff;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s}._filterButton_krzwd_39:hover{background-color:#f5f5f5}._filterButton_krzwd_39._active_krzwd_67{background-color:#4caf50;color:#fff;border-color:#4caf50}._activityList_krzwd_79{display:flex;flex-direction:column;gap:1.5rem}._activityCard_krzwd_91,._teamCard_krzwd_93{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}._activityCard_krzwd_91:hover,._teamCard_krzwd_93:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}._activityHeader_krzwd_121,._teamHeader_krzwd_123{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}._activityTitle_krzwd_137,._teamName_krzwd_139{font-size:1.25rem;font-weight:600;color:#333;margin:0}._statusBadge_krzwd_153{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500;color:#fff}._activityInfo_krzwd_169{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}._infoItem_krzwd_183{display:flex;align-items:center;gap:.5rem;color:#666}._icon_krzwd_197{font-style:normal;font-size:1.125rem}._activityActions_krzwd_207,._teamActions_krzwd_209{display:flex;gap:.75rem}._viewButton_krzwd_219,._primaryButton_krzwd_221,._followButton_krzwd_223{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}._viewButton_krzwd_219{background-color:#f0f0f0;color:#333}._viewButton_krzwd_219:hover{background-color:#e0e0e0}._primaryButton_krzwd_221,._followButton_krzwd_223{background-color:#4caf50;color:#fff}._primaryButton_krzwd_221:hover,._followButton_krzwd_223:hover{background-color:#45a049}._emptyState_krzwd_285{text-align:center;padding:3rem;color:#666}._emptyState_krzwd_285 p{font-size:1.125rem}._teamGrid_krzwd_307{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}._teamInfo_krzwd_319{margin-bottom:1.5rem}._infoRow_krzwd_327{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f0f0f0}._infoRow_krzwd_327:last-child{border-bottom:none}._label_krzwd_349{font-weight:500;color:#666}._followStatus_krzwd_359{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f5f5f5;border-radius:8px;margin-bottom:1rem}._followStatus_krzwd_359 i{color:#4caf50}._searchBar_krzwd_387{margin-bottom:2rem}._searchInput_krzwd_395{width:100%;max-width:400px;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s}._searchInput_krzwd_395:focus{outline:none;border-color:#4caf50}.admin-layout-container{max-width:1600px;margin:0 auto;padding:20px;min-height:100vh;background-color:#f9fafb}.admin-top-bar{background:#fff;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.admin-top-bar-content{display:flex;justify-content:space-between;align-items:center}.admin-top-title{font-size:1.5rem;font-weight:700;color:#166534;margin:0}.frontend-menu-container{position:relative}.btn-frontend{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 2px 8px #f973164d}.btn-frontend:hover{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 12px #f9731666}.btn-frontend:active{transform:translateY(1px)}.frontend-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;overflow:hidden;border:1px solid #e5e7eb}.frontend-dropdown-item{display:block;width:100%;padding:.875rem 1.25rem;border:none;background:#fff;text-align:left;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500;color:#374151;border-bottom:1px solid #f3f4f6}.frontend-dropdown-item:last-child{border-bottom:none}.frontend-dropdown-item:hover{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#ea580c}.admin-layout-content{display:flex;gap:2rem;position:relative}.admin-layout-sidebar{width:260px;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;height:-moz-fit-content;height:fit-content;position:sticky;top:20px}.admin-sidebar-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.admin-sidebar-header h2{font-size:1.5rem;font-weight:700;color:#166534;margin:0}.admin-nav{display:flex;flex-direction:column;gap:.5rem}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:none;background:none;text-align:left;cursor:pointer;color:#4b5563;transition:all .2s;position:relative;border-radius:8px;font-size:.95rem;font-weight:500}.admin-nav-item:hover{background-color:#f0fdf4;color:#166534}.admin-nav-item.active{color:#166534;background-color:#dcfce7}.admin-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#166534;border-radius:0 4px 4px 0}.admin-nav-item svg:last-child{margin-left:auto;opacity:.4}.admin-nav-item.active svg:last-child{opacity:1}.admin-layout-main{flex:1;min-width:0}@media (max-width: 1024px){.admin-layout-content{flex-direction:column}.admin-layout-sidebar{width:100%;position:static}}@media (max-width: 768px){.admin-layout-container{padding:10px}.admin-layout-content{gap:1rem}.admin-top-bar{padding:.75rem 1rem}.admin-top-bar-content{flex-direction:column;gap:1rem;align-items:stretch}.admin-top-title{font-size:1.25rem;text-align:center}.btn-frontend{width:100%;justify-content:center}.frontend-dropdown{right:auto;left:0;width:100%}}.admin-dashboard-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.admin-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.admin-header h1{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}.admin-subtitle{font-size:.95rem;color:#6b7280;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s;cursor:pointer}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#166534}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.payment{background:linear-gradient(135deg,#166534,#15803d)}.stat-icon.user{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.stat-icon.activity{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.stat-icon.team{background:linear-gradient(135deg,#ea580c,#dc2626)}.stat-trend{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.stat-trend.positive{background-color:#dcfce7;color:#166534}.stat-trend.negative{background-color:#fee2e2;color:#dc2626}.stat-body h3{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .5rem}.stat-value{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}.stat-description{font-size:.875rem;color:#9ca3af;margin:0}.quick-actions{margin-top:2.5rem}.quick-actions h2{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.action-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s}.action-card:hover{border-color:#166534;background-color:#f0fdf4;transform:translateY(-4px);box-shadow:0 12px 24px #1665341a}.action-card svg{color:#166534;margin-bottom:1rem}.action-card h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.action-card p{font-size:.875rem;color:#6b7280;margin:0}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.admin-dashboard-content{padding:1.5rem}.stats-grid,.actions-grid{grid-template-columns:1fr}.stat-value{font-size:1.5rem}}.header-actions{display:flex;gap:1rem}.subtitle{font-size:.95rem;color:#6b7280;margin:0}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background-color:#166534;color:#fff}.btn-primary:hover{background-color:#15803d;transform:translateY(-2px);box-shadow:0 4px 12px #1665344d}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#f9fafb;border-color:#166534;color:#166534}.filters-section{display:flex;gap:1rem;margin-bottom:2rem}.search-box{flex:1;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:1rem;color:#9ca3af;pointer-events:none}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s}.search-box input:focus{outline:none;border-color:#166534;box-shadow:0 0 0 3px #1665341a}.filter-group{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:8px}.filter-group svg{color:#6b7280}.filter-select{border:none;background:none;font-size:.875rem;color:#374151;cursor:pointer;padding:0;font-weight:500}.filter-select:focus{outline:none}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.summary-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:10px;transition:all .2s}.summary-card:hover{border-color:#166534;box-shadow:0 4px 12px #00000014}.summary-icon{width:48px;height:48px;padding:12px;border-radius:10px;flex-shrink:0}.summary-icon.revenue{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.summary-icon.success{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.summary-icon.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.summary-icon.warning{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.summary-label{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.summary-value{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:1.5rem}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:#f9fafb}.data-table th{padding:1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.data-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.data-table tbody tr:hover{background-color:#f9fafb}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:1rem;font-size:.875rem;color:#374151}.order-number{font-family:Courier New,monospace;font-weight:600;color:#166534}.user-cell{display:flex;flex-direction:column;gap:.25rem}.user-email{font-size:.75rem;color:#9ca3af}.amount-cell{font-weight:600;color:#111827}.original-amount{font-size:.75rem;color:#9ca3af;text-decoration:line-through}.date-cell{color:#6b7280;font-size:.8125rem}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.status-badge.paid{background-color:#dcfce7;color:#166534}.status-badge.pending{background-color:#fef3c7;color:#d97706}.status-badge.failed{background-color:#fee2e2;color:#dc2626}.status-badge.refunded{background-color:#e0e7ff;color:#6366f1}.status-badge.cancelled{background-color:#f3f4f6;color:#6b7280}.action-buttons{display:flex;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;color:#6b7280}.btn-icon:hover{border-color:#166534;background-color:#f0fdf4;color:#166534}.pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:1rem}.pagination-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;color:#374151}.pagination-btn:hover:not(:disabled){border-color:#166534;background-color:#f0fdf4;color:#166534}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:#6b7280}.no-data{text-align:center;padding:3rem!important;color:#9ca3af;font-size:1rem}.loading-state{text-align:center;padding:3rem;color:#6b7280;font-size:1.125rem}@media (max-width: 1024px){.summary-cards{grid-template-columns:repeat(2,1fr)}.filters-section{flex-direction:column}.table-container{overflow-x:scroll}}@media (max-width: 768px){.admin-payments-container{padding:1rem}.admin-payments-header{flex-direction:column;gap:1rem}.header-actions{width:100%;flex-direction:column}.summary-cards{grid-template-columns:1fr}.data-table th,.data-table td{padding:.75rem .5rem;font-size:.8125rem}}.admin-page-container{max-width:1400px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.admin-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.admin-page-header h1{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}.user-info-cell{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:#111827}.user-nickname{font-size:.75rem;color:#9ca3af}.email-cell{font-size:.875rem;color:#6b7280}.count-cell{font-weight:600;color:#166534;text-align:center}.gender-badge{display:inline-flex;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600}.gender-badge.male{background-color:#dbeafe;color:#1e40af}.gender-badge.female{background-color:#fce7f3;color:#be123c}.skill-badge{display:inline-flex;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:700;background-color:#dcfce7;color:#166534}.status-badge.active{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;background-color:#dcfce7;color:#166534}.status-badge.inactive{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;background-color:#f3f4f6;color:#6b7280}.status-badge.upcoming{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;background-color:#dbeafe;color:#1e40af}.status-badge.ongoing{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;background-color:#fef3c7;color:#d97706}.status-badge.completed{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;background-color:#e0e7ff;color:#6366f1}.status-badge.cancelled{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;background-color:#fee2e2;color:#dc2626}.summary-icon.primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.summary-icon.info{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#6366f1}.team-info-cell{display:flex;flex-direction:column;gap:.25rem}.team-name{font-weight:600;color:#111827}.team-venue{font-size:.75rem;color:#9ca3af}.activity-title-cell{font-weight:600;color:#111827;max-width:300px}.venue-info-cell{display:flex;flex-direction:column;gap:.25rem}.venue-name{font-weight:600;color:#111827}.venue-address{font-size:.75rem;color:#9ca3af}.verified-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;background-color:#dcfce7;color:#166534}.unverified-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;background-color:#fef3c7;color:#d97706}@media (max-width: 1024px){.admin-page-container{padding:1.5rem}}@media (max-width: 768px){.admin-page-container{padding:1rem}.admin-page-header{flex-direction:column;gap:1rem}.header-actions{width:100%;flex-direction:column}}.cash-payment-management{max-width:1200px;margin:0 auto;padding:20px}.management-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-button{padding:10px 20px;background-color:#f3f4f6;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background-color .2s}.back-button:hover{background-color:#e5e7eb}.management-header h1{margin:0;font-size:28px;color:#111827}.tabs{display:flex;gap:10px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:500;color:#6b7280;transition:all .2s;position:relative;bottom:-2px}.tab:hover{color:#111827;background-color:#f9fafb}.tab.active{color:#2563eb;border-bottom-color:#2563eb}.content{min-height:400px}.loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af}.empty-state p{font-size:16px;margin:0}.payments-list{display:flex;flex-direction:column;gap:16px}.payment-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.payment-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.payment-card.pending{border-left:4px solid #f59e0b;background-color:#fffbeb}.payment-card.approved{border-left:4px solid #10b981;background-color:#f0fdf4}.payment-info{flex:1}.user-info h3{margin:0 0 8px;font-size:18px;color:#111827}.account-holder{font-size:14px;color:#6b7280;font-weight:400;margin-left:8px}.contact-info{margin:0 0 12px;font-size:14px;color:#6b7280}.payment-details{display:flex;gap:16px;flex-wrap:wrap}.payment-details span{padding:6px 12px;background-color:#fff;border-radius:6px;font-size:14px;font-weight:500}.payment-details .fee{color:#2563eb;background-color:#eff6ff}.payment-details .gender{color:#7c3aed;background-color:#f5f3ff}.payment-details .date{color:#6b7280;background-color:#f9fafb}.payment-details .status{font-weight:600}.payment-details .status.paid{color:#10b981;background-color:#d1fae5}.payment-details .status.pending{color:#f59e0b;background-color:#fef3c7}.payment-actions{display:flex;gap:10px;flex-shrink:0}.payment-actions button{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.approve-btn{background-color:#10b981;color:#fff}.approve-btn:hover{background-color:#059669;transform:scale(1.05)}.reject-btn{background-color:#ef4444;color:#fff}.reject-btn:hover{background-color:#dc2626;transform:scale(1.05)}.reminder-btn{background-color:#f59e0b;color:#fff}.reminder-btn:hover{background-color:#d97706;transform:scale(1.05)}.confirm-btn{background-color:#2563eb;color:#fff}.confirm-btn:hover{background-color:#1d4ed8;transform:scale(1.05)}@media (max-width: 768px){.cash-payment-management{padding:15px}.management-header{flex-direction:column;align-items:flex-start;gap:12px}.management-header h1{font-size:22px}.tabs{width:100%}.tab{flex:1;text-align:center;padding:10px 12px;font-size:14px}.payment-card{flex-direction:column;align-items:stretch;gap:16px}.payment-actions{width:100%;flex-direction:column}.payment-actions button{width:100%}.payment-details{flex-direction:column;gap:8px}.payment-details span{display:inline-block}}.venues-search{margin-bottom:20px;width:95%;max-width:1200px}.venues-search .search-input{width:100%;max-width:400px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:24px;font-size:14px;transition:border-color .2s}.venues-search .search-input:focus{outline:none;border-color:#166534}.venues-desktop-view{display:block}.venues-mobile-view{display:none}.venues-table-wrapper{width:95%;max-width:1200px;overflow-x:auto}.venues-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}.venues-table th{background:#4caf50;color:#fff;padding:12px 15px;text-align:left;font-weight:600;font-size:14px;white-space:nowrap}.venues-table td{padding:12px 15px;vertical-align:middle;font-size:14px;border-bottom:1px solid #eee}.venues-table tbody tr:hover{background:#f9f9f9}.venues-table tbody tr:last-child td{border-bottom:none}.venues-table-expanded .venue-main-row td{border-bottom:none;padding-bottom:8px}.venues-table-expanded .venue-facilities-row td{border-bottom:none;padding-top:0;padding-bottom:6px;background:inherit}.venues-table-expanded .venue-description-row td{border-bottom:2px solid #e5e7eb;padding-top:0;padding-bottom:16px;background:inherit}.venue-table-facilities{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.venue-table-facilities .facilities-label{font-size:13px;color:#666;font-weight:500;min-width:45px}.venue-table-description{display:flex;gap:10px}.venue-table-description .description-label{font-size:13px;color:#666;font-weight:500;min-width:45px;flex-shrink:0}.venue-table-description .description-text{font-size:13px;color:#555;line-height:1.5}.venues-table-expanded .venue-main-row:hover,.venues-table-expanded .venue-main-row:hover+.venue-facilities-row,.venues-table-expanded .venue-facilities-row:hover,.venues-table-expanded .venue-facilities-row:hover+.venue-description-row,.venues-table-expanded .venue-description-row:hover{background:#f9f9f9}.venue-name-cell{min-width:200px;cursor:pointer;position:relative}.venue-name-wrapper{position:relative;display:inline-block}.venue-name-text{font-weight:600;color:#166534;font-size:14px;cursor:pointer}.venue-name-text:hover{text-decoration:underline}.venue-address-tooltip{display:none;position:absolute;top:100%;left:0;margin-top:8px;padding:10px 14px;background:#4caf501a;color:#e65100;font-size:13px;font-weight:600;border-radius:8px;border:1.5px solid #166534;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #0000001a;align-items:center}.venue-address-tooltip:before{content:"";position:absolute;top:-8px;left:20px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(76,175,80,.1)}.venue-address-tooltip:after{content:"";position:absolute;top:-10px;left:19px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #166534;z-index:-1}.venue-name-wrapper:hover .venue-address-tooltip{display:flex}.venue-date-cell{width:80px;min-width:80px;max-width:80px;text-align:center;padding:10px!important}.venue-date-box{background:#4caf501a;border-radius:8px;padding:8px;border:1.5px solid #166534;display:flex;flex-direction:column;align-items:center;justify-content:center}.venue-date-display,.venue-date-weekday{font-size:14px;font-weight:600;color:#166534;line-height:1.4}.venue-date-time{font-size:14px;font-weight:600;color:#e65100;line-height:1.4}.venue-action-cell{text-align:center;width:70px;min-width:70px;max-width:70px;vertical-align:middle}.venue-action-buttons{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center}.venue-action-btn{padding:8px;font-size:14px;width:40px;min-width:40px;max-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#fff;color:#166534;border:2px solid #166534;cursor:pointer;transition:all .2s ease;font-weight:700}.venue-action-btn:hover:not(:disabled){background:#4caf501a}.venue-action-btn:disabled{background:#ccc;color:#666;border-color:#999;cursor:not-allowed}.venue-action-btn.book-btn.booked{background:#166534;color:#fff;border-color:#166534}.venue-action-btn.book-btn.booked:hover{background:#0d4a22}.venue-action-btn.follow-btn.followed,.venue-action-btn.share-btn:hover{background:#4caf501a}.venue-address-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facility-tags{display:flex;flex-wrap:wrap;gap:6px}.facility-tag{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500}.facility-tag.active{background:#e8f5e9;color:#1b5e20}.facility-tag.inactive{background:#f5f5f5;color:#bdbdbd}.venues-grid{display:flex;flex-direction:column;gap:16px;width:95%;max-width:1200px}.venue-facilities-divider{height:1px;background:#e5e7eb;margin:12px 0}.venue-facilities-section{padding-top:4px}.venue-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s;box-shadow:0 2px 4px #0000000d}.venue-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.venue-card-header{background:linear-gradient(135deg,#166534,#2d7d32);padding:16px;color:#fff}.venue-name{margin:0;font-size:18px;font-weight:600}.venue-card-body{padding:16px}.venue-info-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#666;font-size:14px}.venue-info-row svg{color:#166534;flex-shrink:0}.venue-description{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;color:#666;font-size:13px;line-height:1.5}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state svg{color:#ccc;margin-bottom:16px}.empty-state p{margin-bottom:20px;font-size:16px}.empty-state .btn-primary{background:#166534;color:#fff;padding:12px 24px;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.empty-state .btn-primary:hover{background:#0d4a24}.form-header{margin-bottom:24px}.back-button{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:#166534;font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;transition:color .2s}.back-button:hover{color:#0d4a24}.venue-form{max-width:600px}.form-error{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#166534;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#166534}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px;border-top:1px solid #e5e7eb}.form-actions .btn-secondary{background:#f3f4f6;color:#333;padding:12px 24px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.form-actions .btn-secondary:hover{background:#e5e7eb}.form-actions .btn-primary{display:inline-flex;align-items:center;gap:8px;background:#166534;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.form-actions .btn-primary:hover{background:#0d4a24}.form-actions .btn-primary:disabled{background:#ccc;cursor:not-allowed}.facilities-section{background:#f9fafb;border-radius:12px;padding:16px 20px;margin-bottom:20px;margin-top:-10px}.facility-row{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid #e5e7eb}.facility-row:last-child{border-bottom:none}.facility-label{min-width:140px;font-weight:500;color:#166534;font-size:14px;flex-shrink:0}.radio-group{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.radio-option{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#555;min-width:60px}.radio-option input[type=radio]{width:18px;height:18px;margin:0;accent-color:#166534;cursor:pointer;flex-shrink:0}.radio-option span{-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.checkbox-group{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.checkbox-option{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#555;min-width:60px}.checkbox-option input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#166534;cursor:pointer;flex-shrink:0}.checkbox-option span{-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.date-input{padding:12px 16px;border:2px solid #166534;border-radius:8px;font-size:14px;font-weight:500;color:#333;background:#fff;cursor:pointer;transition:all .2s;min-width:150px;color-scheme:light;accent-color:#166534}.date-input:focus{outline:none;border-color:#166534;box-shadow:0 0 0 3px #1665341a}.date-input:hover{border-color:#166534}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(27%) sepia(51%) saturate(1095%) hue-rotate(108deg) brightness(92%) contrast(87%);opacity:1}.date-input::-webkit-calendar-picker-indicator:hover{opacity:.8}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 40px #0003}.modal-content h3{margin:0 0 12px;font-size:18px;color:#333}.modal-content p{margin:0 0 20px;color:#666;font-size:14px;line-height:1.5}.modal-actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width: 768px){.venues-desktop-view{display:none!important}.venues-mobile-view{display:flex!important;flex-direction:column}.venues-grid,.venues-search{width:100%}.venues-search .search-input{max-width:100%}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn-secondary,.form-actions .btn-primary{width:100%;justify-content:center}.facility-row{flex-direction:column;align-items:flex-start;gap:8px}.facility-label{min-width:auto}.radio-group{gap:12px}}.cart-floating-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:#166534;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #16653466;z-index:999;transition:transform .2s,box-shadow .2s}.cart-floating-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #16653480}.cart-badge{position:absolute;top:-5px;right:-5px;background:#dc2626;color:#fff;border-radius:50%;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h3{flex:1;margin:0;font-size:18px;font-weight:600;color:#333}.modal-close{background:none;border:none;cursor:pointer;padding:4px;color:#666;transition:color .2s}.modal-close:hover{color:#333}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.modal-footer .btn-secondary{flex:1;padding:12px 20px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.modal-footer .btn-secondary:hover{background:#f5f5f5}.modal-footer .btn-primary{flex:1;padding:12px 20px;border:none;border-radius:8px;background:#166534;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.modal-footer .btn-primary:hover{background:#14532d}.modal-footer .btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.consecutive-modal .modal-body p{color:#555;line-height:1.6}.consecutive-venue-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-radius:8px;margin-bottom:8px;border:1px solid #e5e7eb}.consecutive-venue-item.selected{background:#e8f5e9;border-color:#166534}.consecutive-venue-item .venue-info{display:flex;flex-direction:column;gap:4px}.consecutive-venue-item .venue-name{font-weight:500;color:#333}.consecutive-venue-item .venue-time{font-size:13px;color:#666}.consecutive-venue-item .venue-cost{font-weight:600;color:#166534;font-size:16px}.cart-empty{text-align:center;color:#999;padding:40px 20px}.cart-items{display:flex;flex-direction:column;gap:8px}.cart-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.cart-item-info{display:flex;flex-direction:column;gap:4px}.cart-item-name{font-weight:500;color:#333}.cart-item-time{font-size:13px;color:#666}.cart-item-actions{display:flex;align-items:center;gap:12px}.cart-item-cost{font-weight:600;color:#166534;font-size:16px}.cart-item-remove{background:none;border:none;cursor:pointer;padding:4px;color:#dc2626;opacity:.6;transition:opacity .2s}.cart-item-remove:hover{opacity:1}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-top:16px;background:#e8f5e9;border-radius:8px;font-weight:500}.cart-total .total-amount{font-size:20px;font-weight:700;color:#166534}.venue-action-btn.book-btn.in-cart{background:#f59e0b;color:#fff;border-color:#f59e0b}.venue-main-row.venue-started{background-color:#f5f5f5;opacity:.75}.venue-main-row.venue-started td{color:#888}.venue-main-row.venue-started .venue-name-text{color:#666}.venue-date-box.started{background:#9e9e9e!important;position:relative}.venue-date-box.started .venue-date-display,.venue-date-box.started .venue-date-weekday,.venue-date-box.started .venue-date-time{color:#fff!important;opacity:.9}.venue-started-badge{position:absolute;top:-8px;right:-8px;background:#ff9800;color:#fff;font-size:10px;padding:2px 6px;border-radius:8px;font-weight:600;white-space:nowrap}.cart-item-expire{font-size:11px;color:#f59e0b;display:flex;align-items:center;gap:4px}.cart-item-expire.urgent{color:#dc2626;font-weight:600}@media (max-width: 768px){.cart-floating-btn{bottom:20px;right:20px;width:56px;height:56px}.modal-content{max-height:90vh;margin:10px}}html:has(.chat-room),body:has(.chat-room){overflow:hidden!important}body:has(.chat-room) .site-footer{position:fixed!important;bottom:0;left:0;right:0;z-index:60}.chat-room{display:flex;flex-direction:column;position:fixed;inset:85px 0 75px;background-color:#f5f5f5;overflow:hidden;z-index:50}.chat-room.loading{justify-content:center;align-items:center}.loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top:3px solid #166534;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 20px;background-color:#166534;color:#fff;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.back-button{background:none;border:none;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;margin-top:-1px}.back-button svg{display:block;width:24px;height:24px}.back-button:hover{background-color:#ffffff1a}.chat-header h1{font-size:18px;font-weight:600;margin:0;flex:1;line-height:24px}.messages-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:8px;background-color:#f5f5f5}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#e0e0e0;border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#666}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#888}.date-divider{text-align:center;color:#888;font-size:12px;margin:16px 0;position:relative}.date-divider:before,.date-divider:after{content:"";position:absolute;top:50%;width:30%;height:1px;background-color:#ddd}.date-divider:before{left:0}.date-divider:after{right:0}.message{display:flex;gap:8px;max-width:85%}.message.mine{align-self:flex-end;flex-direction:row-reverse}.message.other{align-self:flex-start}.message-avatar{width:36px;height:36px;flex-shrink:0}.message-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background-color:#166534;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.message-content{display:flex;flex-direction:column;gap:2px}.sender-name{font-size:12px;color:#666;margin-left:8px}.message-bubble{padding:10px 14px;border-radius:18px;word-break:break-word}.message.mine .message-bubble{background-color:#166534;color:#fff;border-bottom-right-radius:4px}.message.other .message-bubble{background-color:#fff;color:#333;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.message-text{margin:0;line-height:1.4;white-space:pre-wrap}.message-time{font-size:11px;color:#999;margin:0 8px}.message.mine .message-time{text-align:right}.message-image{max-width:250px}.message-image img{width:100%;border-radius:12px;cursor:pointer}.message-video{max-width:280px}.message-video video{width:100%;border-radius:12px}.message-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#0000000d;border-radius:8px;text-decoration:none;color:inherit}.file-icon{font-size:24px}.file-info{display:flex;flex-direction:column}.file-name{font-size:14px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:12px;color:#666}.message-input-form{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;position:relative}.input-actions{display:flex;gap:4px}.action-button{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s}.action-button:hover{background-color:#f0f0f0}.message-input{flex:1;padding:10px 16px;border:1px solid #e0e0e0;border-radius:24px;font-size:16px;outline:none;transition:border-color .2s}.message-input:focus{border:2px solid #166534}.message-input:disabled{background-color:#f5f5f5}.send-button{width:40px;height:40px;padding:0;background-color:#166534;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;flex-shrink:0}.send-button:hover:not(:disabled){background-color:#14532d}.send-button:disabled{background-color:#fff;color:#166534;border:1px solid #e0e0e0;cursor:not-allowed}.emoji-picker{position:absolute;bottom:100%;left:16px;background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #00000026;padding:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:8px}.emoji-option{background:none;border:none;font-size:24px;padding:8px;cursor:pointer;border-radius:8px;transition:background-color .2s}.emoji-option:hover{background-color:#f0f0f0}@media (max-width: 768px){.chat-room{top:56px;bottom:80px}.chat-header{padding:14px 16px}}@media (max-width: 480px){.chat-room{top:56px;bottom:100px}.chat-header{padding:12px 14px}.chat-header h1{font-size:16px}.message{max-width:90%}.emoji-picker{grid-template-columns:repeat(6,1fr);left:8px;right:8px}.message-input-form{padding:8px 12px}.send-button{width:36px;height:36px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.activity-table{border-collapse:separate!important;border-spacing:0!important}.activity-table th:first-child{border-top-left-radius:12px!important}.activity-table th:last-child{border-top-right-radius:12px!important}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;max-width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw;position:relative}#root{width:100%;min-height:100vh;overflow-x:hidden;max-width:100vw}