html{color-scheme:light}html.dark{color-scheme:dark}:root{--brand-color: #10b981;--brand-color-hover: #059669;--logo-blue: #2c5282;--logo-gold: #e6c589;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);--shadow-soft-hover: 0 4px 12px rgba(0, 0, 0, .08), 0 12px 24px rgba(0, 0, 0, .08);--shadow-card: 0 2px 4px rgba(0, 0, 0, .04), 0 6px 16px rgba(0, 0, 0, .05);--touch-target: 44px}body{font-family:Inter,sans-serif;background-color:#eef5ee;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d3e3d3' fill-opacity='0.6' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");margin:0;padding:0}@media(max-width:639px){body{background-image:none;background-color:#f9fafb}}.app-title{color:var(--brand-color)}.btn-brand{background-color:var(--brand-color);transition:all .2s ease-in-out;border-radius:var(--radius-md);min-height:var(--touch-target)}.btn-brand:hover{background-color:var(--brand-color-hover);transform:translateY(-1px);box-shadow:var(--shadow-soft-hover)}.btn-brand:active{transform:scale(.98)}.btn-secondary{border:1.5px solid var(--brand-color);color:var(--brand-color-hover);background-color:transparent;transition:all .2s ease-in-out;border-radius:var(--radius-md);min-height:var(--touch-target)}.btn-secondary:hover{background-color:#10b98114}.btn-secondary:active{transform:scale(.98)}.btn-ghost{color:#6b7280;background-color:transparent;transition:all .2s ease-in-out;border-radius:var(--radius-md);min-height:var(--touch-target)}.btn-ghost:hover{background-color:#0000000d;color:#374151}.btn-ghost:active{transform:scale(.98)}html.dark .btn-secondary{border-color:#34d399;color:#34d399}html.dark .btn-secondary:hover{background-color:#34d3991a}html.dark .btn-ghost{color:#a0aec0}html.dark .btn-ghost:hover{background-color:#ffffff14;color:#e2e8f0}.main-header{background:linear-gradient(135deg,#2c5282,#2a4365,#2c5282);background-size:400% 400%;animation:gradient-animation 10s ease infinite;overflow:hidden}@media(max-width:639px){.main-header{animation:none;background-size:100% 100%}}.title-main{display:block;color:#fff;font-size:1.1rem;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.025em;text-shadow:2px 2px 4px rgba(0,0,0,.5);white-space:nowrap}.title-subtitle{display:block;color:#e6c589;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.2em;margin-top:.25rem}.title-subtitle span{display:block}@media(min-width:640px){.title-main{font-size:1.5rem}.title-subtitle{font-size:.85rem}}#month-year,#calendar-day-names{color:var(--brand-color)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;-webkit-user-select:none;user-select:none}.day-cell{padding:6px;text-align:left;border-radius:var(--radius-md);background-color:#fff;box-shadow:var(--shadow-card);transition:all .2s ease-in-out;cursor:pointer;min-height:70px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.day-cell .day-cell-header{display:flex;align-items:center;justify-content:space-between;gap:4px}.day-cell .day-number{font-size:.875rem;font-weight:600;color:#4b5563;line-height:1}.day-booking-badge{min-width:18px;height:18px;padding:0 4px;font-size:10px}.day-cell:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft-hover)}.day-cell.other-month{color:#d1d5db;background-color:#f9fafb;cursor:default}.day-cell.other-month:hover{transform:none;box-shadow:var(--shadow-card)}.day-cell.booked-day{background-color:#dcfce7}.day-cell.private-day{background-color:#dbeafe;color:#1e40af}.day-cell.canceled-day-full{background-color:#fee2e2;color:#991b1b}.day-cell.today-cell{border:2px solid #FBBF24;background-color:#fffbeb;font-weight:700}.day-cell.today-cell .day-number{color:#92400e}.day-cell.today-cell.private-day{border-color:#93c5fd}.day-cell.today-cell.canceled-day-full{border-color:#ef4444}.day-cell.past-day{background-color:#f3f4f6;color:#a1a1aa}.day-cell.past-day.booked-day,.day-cell.past-day.private-day,.day-cell.past-day.canceled-day-full{opacity:.6}.day-cell.past-day:hover{transform:none}.modal-content{position:relative}.modal-content .weather-overlay{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;z-index:0;opacity:.35}.modal-content>*:not(.weather-overlay){position:relative;z-index:1}@media(min-width:640px){.calendar-grid{gap:8px}.day-cell{min-height:90px;padding:8px}.day-cell .day-number{font-size:1rem}.day-booking-badge{min-width:22px;height:22px;font-size:11px}}.match-day-winner-day{background:linear-gradient(135deg,#fef9c3,#fde047,#fef9c3);border:2px solid #facc15}.animated-winner{animation:pulse-gold 2s infinite}.day-cell.match-day-winner-day .day-number{color:#a16207;font-weight:700;text-shadow:none}.legend-private-day{background-color:#dbeafe;border:1px solid #93c5fd}.legend-canceled-day{background-color:#fee2e2;border:1px solid #f87171}.modal-container{max-height:90vh;overflow-y:auto}.booking-item.canceled{opacity:.6;text-decoration:line-through;background-color:#fee2e2}select.placeholder-selected{color:#9ca3af}.modal{transition:opacity .25s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-content{transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-lg);box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a}.modal.hidden{opacity:0;pointer-events:none}.modal.hidden .modal-content{transform:scale(.96);opacity:0}.detail-icon,.court-icon-svg{width:1.5rem;height:1.5rem;margin-right:.75rem;flex-shrink:0}.horizontal-scroll{-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll::-webkit-scrollbar{display:none}@media(max-width:639px){.current-weather-card .horizontal-scroll{mask-image:linear-gradient(to right,black 88%,transparent 98%);-webkit-mask-image:linear-gradient(to right,black 88%,transparent 98%);-webkit-overflow-scrolling:touch}}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;transition:background-color .3s ease}.status-online{background-color:#34d399;animation:pulse-dot-online 2s infinite}.status-offline{background-color:#f87171;animation:pulse-dot-offline 2s infinite}#toggle-obor-links-btn i{transition:transform .3s ease}#toggle-obor-links-btn.is-open i{transform:rotate(180deg)}#obor-buttons-container{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}#obor-buttons-container.is-open{max-height:100px}.booking-item-animated-bg{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);background-size:100% 100%}.booking-card{border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.booking-card .booking-actions button{min-height:36px}@media(max-width:639px){.booking-card .booking-actions button span{display:none}.booking-card .booking-actions{gap:.5rem}.booking-card .booking-actions button{padding:.5rem}}.group-card{border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .2s ease-in-out}.group-card:hover{box-shadow:var(--shadow-soft-hover);transform:translateY(-1px)}.group-card button{min-height:32px}.bouncing-ball-container{position:absolute;width:50px;height:100px;z-index:20;pointer-events:none;transition:left .2s ease-out,top .2s ease-out;visibility:hidden}.bouncing-ball{width:50px;height:50px;animation:bounce 2s infinite cubic-bezier(.5,.05,.55,.95)}.explosive-title,#open-match-day-modal-btn{background:linear-gradient(45deg,#f97316,#ef4444,#f59e0b);background-size:200% 200%;animation:fire-gradient 3s ease infinite;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.winner-card{position:relative;overflow:hidden;animation:winner-reveal .8s cubic-bezier(.25,.46,.45,.94) forwards}.winner-card:before{content:"✨";position:absolute;top:-20px;left:-20px;font-size:40px;animation:sparkle-1 1.5s ease-out .5s infinite}.winner-card:after{content:"🎉";position:absolute;bottom:-10px;right:-10px;font-size:30px;animation:sparkle-2 1.5s ease-out 1s infinite}.winner-tag{background-color:#fef9c3;color:#a16207;font-weight:600;padding:2px 8px;border-radius:9999px;box-shadow:0 0 8px 2px #fde047;animation:pulse-gold 2s infinite}html.dark .winner-tag{color:#a16207!important}.welcome-message{animation:fade-in-down .6s ease-out .2s both}#user-display-name{color:var(--logo-blue);font-weight:700}.user-icon{color:var(--logo-blue);font-size:1.1rem;line-height:1;animation:fade-in-down .6s ease-out .4s both}.nav-button.active-nav-button,.mobile-nav-button.mobile-nav-button-active{color:var(--logo-blue)!important;position:relative}.mobile-nav-button.mobile-nav-button-active:after{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--brand-color)}html.dark .nav-button.active-nav-button,html.dark .mobile-nav-button.mobile-nav-button-active{color:var(--logo-gold)!important}.nav-button.active-nav-button{border-color:var(--logo-blue)!important}html.dark .nav-button.active-nav-button{border-color:var(--logo-gold)!important}.nav-button.active-nav-button .fa-star,.mobile-nav-button.mobile-nav-button-active .fa-star{animation:mvp-animation 2s infinite ease-in-out}@keyframes mvp-animation{0%,to{color:var(--logo-gold);transform:scale(1);text-shadow:0 0 4px var(--logo-gold)}50%{color:#fff58c;transform:scale(1.2) rotate(10deg);text-shadow:0 0 12px #fff58c,0 0 20px var(--logo-gold)}}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(18px)}40%{transform:translateY(-6px)}60%{transform:translateY(4px)}90%{transform:scaleY(1.08) translateY(18px)}}@keyframes fire-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes winner-reveal{0%{transform:scale(.3) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes sparkle-1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}}@keyframes sparkle-2{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.5) rotate(20deg);opacity:0}}@keyframes pulse-gold{0%{box-shadow:0 0 #facc15b3}70%{box-shadow:0 0 0 10px #facc1500}to{box-shadow:0 0 #facc1500}}@keyframes pulse-dot-online{0%{box-shadow:0 0 #34d399b3}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}@keyframes pulse-dot-offline{0%{box-shadow:0 0 #f87171b3}70%{box-shadow:0 0 0 7px #f8717100}to{box-shadow:0 0 #f8717100}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes weather-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes weather-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes weather-drizzle{0%{transform:translateY(-2px);opacity:.7}to{transform:translateY(4px);opacity:.3}}@keyframes weather-flash{0%,to{opacity:1}10%{opacity:.1}20%{opacity:1}30%{opacity:.15}40%{opacity:1}}@keyframes weather-snow-fall{0%{transform:translateY(-3px) rotate(0);opacity:.8}to{transform:translateY(3px) rotate(15deg);opacity:.3}}@keyframes weather-mist-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes weather-moon-glow{0%,to{filter:drop-shadow(0 0 2px rgba(226,232,240,.3))}50%{filter:drop-shadow(0 0 8px rgba(226,232,240,.7))}}.weather-animate-sun{transform-origin:32px 32px;animation:weather-spin 8s linear infinite}.weather-animate-ray{transform-origin:32px 32px;animation:weather-spin 12s linear infinite}.weather-animate-cloud{animation:weather-float 4s ease-in-out infinite}.weather-animate-rain{animation:weather-drizzle .8s ease-in infinite}.weather-animate-rain line:nth-child(2){animation-delay:.15s}.weather-animate-rain line:nth-child(3){animation-delay:.3s}.weather-animate-flash{animation:weather-flash 3s ease infinite}.weather-animate-snow path{animation:weather-snow-fall 2.5s ease-in-out infinite}.weather-animate-snow path:nth-child(2){animation-delay:.4s}.weather-animate-snow path:nth-child(3){animation-delay:.8s}.weather-animate-snow path:nth-child(4){animation-delay:1.2s}.weather-animate-mist{animation:weather-mist-pulse 3s ease-in-out infinite}.weather-animate-moon{transform-origin:36px 42px;animation:weather-moon-glow 3s ease-in-out infinite}.weather-card{background:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#fff6;transition:all .3s cubic-bezier(.4,0,.2,1)}.weather-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px -8px #00000026;border-color:#10b9814d}.weather-card .hour-label{color:#1e40af}.weather-card .temp-value{color:#1f2937}.weather-card .desc-text{color:#6b7280}.weather-card .wind-info{color:#9ca3af}.weather-icon-container{display:flex;align-items:center;justify-content:center}.weather-details{z-index:10;opacity:0;transition:opacity .3s ease}.weather-card:hover .weather-details{opacity:1}.weather-details strong{font-weight:700;color:#1f2937}.weather-card-strip{width:80px;min-width:80px;scroll-snap-align:start}@media(min-width:640px){.weather-card-strip{flex:1;width:auto;min-width:0}}#weather-info .horizontal-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}#weather-info .horizontal-scroll::-webkit-scrollbar{display:block;height:4px}#weather-info .horizontal-scroll::-webkit-scrollbar-track{background:transparent}#weather-info .horizontal-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}html.dark body{background-color:#1a202c;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232d3748' fill-opacity='0.6' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E")}@media(max-width:639px){html.dark body{background-image:none;background-color:#1a202c}}html.dark .bg-white{background-color:#2d3748;border-color:#4a5568}html.dark .text-emerald-800{color:#68d391}html.dark .text-gray-800{color:#e2e8f0}html.dark .text-gray-700,html.dark label,html.dark .text-gray-600,html.dark .text-gray-500{color:#a0aec0}html.dark .font-semibold{color:#f7fafc}html.dark .text-emerald-700{color:#68d391}html.dark .day-cell{background-color:#4a5568;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d}html.dark .day-cell.other-month{background-color:#2d3748;color:#718096}html.dark .day-cell.booked-day{background-color:#2c5282}html.dark .day-cell.private-day{background-color:#4c3b6d;color:#c3b6e0}html.dark .day-cell.canceled-day-full{background-color:#4a3a3a;color:#fc8181}html.dark .day-cell.past-day{background-color:#2d3748;color:#718096}html.dark .day-cell.today-cell{border-color:#f6e05e}html.dark .day-cell.today-cell.canceled-day-full{border-color:#e53e3e}html.dark .match-day-winner-day{background:linear-gradient(135deg,#b7791f,#d69e2e,#b7791f);border-color:#f6e05e}html.dark .booking-card{background-color:#2d3748;border-color:#4a5568}html.dark .booking-card .text-gray-900{color:#f7fafc}html.dark .booking-card .text-gray-600{color:#cbd5e0}html.dark .group-card{background-color:#2d3748;border-color:#4a5568}html.dark .group-card .text-gray-900{color:#f7fafc}html.dark .weather-section{background-image:linear-gradient(to bottom right,#2d3748,#1a202c);border-color:#4a5568}html.dark .weather-card-mini{background-color:#2d3748;border-color:#4a5568}html.dark .weather-details-compact>div{background-color:#2d3748;border-color:#4a5568}html.dark .weather-legend-details summary{color:#68d391}html.dark #transfer-group-container{background-color:#064e3b;border-color:#065f46}html.dark #transfer-group-container h4{color:#d1fae5}html.dark #transfer-group-select{background-color:#2d3748;border-color:#4a5568;color:#f7fafc}html.dark .day-cell .day-number{color:#e2e8f0}html.dark .day-cell.today-cell{background-color:#4a4528d1}html.dark .day-cell.today-cell .day-number{color:#f6e05e}html.dark .day-cell.match-day-winner-day .day-number{color:#f7fafc}html.dark .legend-private-day{background-color:#4c3b6d;border:1px solid #6d5b99}html.dark .legend-canceled-day{background-color:#4a3a3a;border:1px solid #e53e3e}html.dark .modal-content{background-color:#2d3748}html.dark input,html.dark select,html.dark textarea{background-color:#4a5568;color:#f7fafc;border-color:#718096}html.dark select.placeholder-selected{color:#a0aec0}html.dark .bg-gray-50,html.dark .bg-gray-100{background-color:#4a5568}html.dark .border-gray-200{border-color:#4a5568}html.dark .bg-emerald-50,html.dark .bg-green-50,html.dark .bg-blue-50{background-color:#2a4365}html.dark .bg-emerald-100{background-color:#2c5282}html.dark .bg-orange-50{background-color:#4a2a10}html.dark .text-orange-800{color:#f6ad55}html.dark .bg-yellow-100{background-color:#423d24}html.dark .text-yellow-700{color:#f6e05e}html.dark #email-verification-banner{border-color:#f6e05e}html.dark .p-4.bg-gray-50{background-color:#1a202c}html.dark .bg-white\/60{background-color:#4a556899}html.dark .font-bold.text-xs.text-emerald-700{color:#a7f3d0}html.dark .text-lg.font-bold{color:#f0fff4}html.dark .text-blue-800{color:#90cdf4}html.dark .booking-item-animated-bg{background:linear-gradient(135deg,#2d4953,#316d81,#2d4953);background-size:400% 400%;animation:gradient-animation 10s ease infinite}html.dark .booking-item.canceled{background-color:#4a3a3a;border-color:#e53e3e}html.dark .booking-item .text-gray-800,html.dark .booking-item .text-gray-700,html.dark .booking-item .text-gray-600{color:#e2e8f0}html.dark .booking-item .detail-icon{color:#90cdf4}html.dark .booking-item .fa-lock{color:#f6e05e}html.dark .booking-item .fa-users{color:#68d391}html.dark .booking-item .fa-map-marker-alt{color:#fc8181}html.dark .booking-item .fa-barcode{color:#a0aec0}html.dark .booking-item .fa-info-circle{color:#63b3ed}html.dark .btn-brand{background-color:#319795}html.dark .btn-brand:hover{background-color:#2c7a7b}html.dark .main-header{background:linear-gradient(135deg,#2d3748,#1a202c);background-size:400% 400%;animation:gradient-animation 10s ease infinite;border-bottom:1px solid #4a5568}html.dark .title-main{color:#e2e8f0}html.dark .title-subtitle{color:#f6e05e}html.dark #user-display-name{color:var(--logo-gold)}html.dark #google-signin-btn,html.dark #google-signin-btn-register{background-color:#4a5568;color:#e2e8f0;border-color:#718096}html.dark #google-signin-btn:hover,html.dark #google-signin-btn-register:hover{background-color:#2d3748}html.dark .user-icon{color:var(--logo-gold)}html.dark #vote-not-started-message,html.dark #team-voted-message{background-color:#4a2a10;color:#f6ad55}html.dark #teams-display .font-medium{color:#e2e8f0}html.dark #open-register-directly-btn,html.dark #goto-register-btn,html.dark #goto-login-btn,html.dark #goto-reset-btn,html.dark #back-to-login-btn{color:#68d391}html.dark #open-register-directly-btn:hover,html.dark #goto-register-btn:hover,html.dark #goto-login-btn:hover,html.dark #goto-reset-btn:hover,html.dark #back-to-login-btn:hover{text-decoration:underline}html.dark #open-match-day-modal-btn{background:linear-gradient(45deg,#dd6b20,#c53030,#d69e2e);background-size:200% 200%;animation:fire-gradient 3s ease infinite}html.dark .winner-card{background:linear-gradient(135deg,#fef9c3,#fde047,#fef9c3);border-color:#facc15}html.dark .winner-card .text-yellow-900{color:#92400e}html.dark #pre-login-view p{color:#cbd5e0}html.dark .nav-button.active-nav-button .fa-cog,html.dark .mobile-nav-button.mobile-nav-button-active .fa-cog{color:var(--logo-gold)}html.dark #match-day-modal .bg-gray-50,html.dark #match-day-modal .bg-green-50,html.dark #match-day-modal .bg-blue-50,html.dark #match-day-modal .bg-orange-50{background-color:#2d3748!important;border:1px solid #4a5568!important}html.dark #match-day-modal h5,html.dark #match-day-modal li,html.dark #match-day-modal p{color:#a0aec0!important}html.dark #match-day-modal .font-semibold.text-gray-700{color:#e2e8f0!important}#match-day-modal #generate-teams-btn,#match-day-modal #add-manual-team-btn,#match-day-modal #team-vote-btn{background:linear-gradient(45deg,#f97316,#ef4444,#f59e0b);background-size:200% 200%;animation:fire-gradient 3s ease infinite;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);border:none;transition:filter .2s ease}#match-day-modal #generate-teams-btn:hover,#match-day-modal #add-manual-team-btn:hover,#match-day-modal #team-vote-btn:hover{filter:brightness(1.1)}html.dark #match-day-modal #generate-teams-btn,html.dark #match-day-modal #add-manual-team-btn,html.dark #match-day-modal #team-vote-btn{background:linear-gradient(45deg,#dd6b20,#c53030,#d69e2e);background-size:200% 200%}#match-day-modal #generate-teams-btn:disabled{background:#e5e7eb;animation:none;cursor:not-allowed;text-shadow:none;color:#9ca3af}html.dark #match-day-modal #generate-teams-btn:disabled{background:#4a5568!important;color:#718096!important;animation:none!important}html.dark .weather-card{background:#2d3748cc;border-color:#4a556880}html.dark .weather-card:hover{box-shadow:0 12px 25px -8px #0006;border-color:#68d3914d}html.dark .weather-card .hour-label{color:#90cdf4}html.dark .weather-card .temp-value{color:#f7fafc}html.dark .weather-card .desc-text{color:#a0aec0}html.dark .weather-card .wind-info{color:#718096}html.dark .weather-details strong{color:#f7fafc}#group-selector{cursor:pointer;outline:none;transition:border-color .15s ease}#group-selector:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}html.dark #group-selector{background-color:#1f2937;color:#e5e7eb;border-color:#374151}html.dark #group-selector:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}#group-detail-members-body tr:hover{background-color:#f0fdf4}#group-detail-members-body td{padding:.625rem .75rem;vertical-align:middle}#group-detail-members-body .role-badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}#group-detail-members-body .role-admin{background-color:#d1fae5;color:#065f46}#group-detail-members-body .role-member{background-color:#e0e7ff;color:#3730a3}#group-detail-members-body .stat-cell{text-align:center;font-size:.75rem;font-weight:600;color:#6b7280}@media(max-width:639px){#view-group-detail .overflow-x-auto{margin-left:-1rem;margin-right:-1rem;border-radius:0}#view-group-detail table{font-size:.75rem}#view-group-detail th,#view-group-detail td{padding-left:.5rem;padding-right:.5rem}}#calendar-mode-toggle{-webkit-user-select:none;user-select:none}.cal-mode-btn{color:#6b7280;background:transparent;cursor:pointer;border:none}.cal-mode-btn.active{background:#fff;color:#059669;box-shadow:0 1px 3px #0000001f}.cal-mode-btn:hover:not(.active){color:#374151}html.dark .cal-mode-btn.active{background:#374151;color:#34d399}html.dark .cal-mode-btn{color:#9ca3af}html.dark .cal-mode-btn:hover:not(.active){color:#e5e7eb}#calendar-group-select{cursor:pointer}html.dark #calendar-group-select{background:#374151;color:#e5e7eb;border-color:#4b5563}.bg-logo-blue{background-color:var(--logo-blue)}.hover\:bg-logo-blue-dark:hover{background-color:#1c3d63}.text-logo-blue{color:var(--logo-blue)}html.dark .text-logo-blue{color:#60a5fa}.bg-logo-blue-light{background-color:#2c528214}html.dark .bg-logo-blue-light{background-color:#2c528233}.border-logo-blue{border-color:var(--logo-blue)}html.dark .border-logo-blue{border-color:#2c528299}.trophy-cabinet-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.08);position:relative;overflow:hidden;padding:24px 16px 16px;box-shadow:inset 0 2px 10px #fffc,0 8px 24px #0f172a0f}.trophy-cabinet-container:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#ffffff4d,#ffffff1a 30%,#fff0 31% 100%);pointer-events:none;z-index:4}html.dark .trophy-cabinet-container{background:linear-gradient(180deg,#181c24,#0d0f14);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 10px #0009,0 10px 25px #00000080}html.dark .trophy-cabinet-container:after{background:linear-gradient(125deg,#ffffff14,#ffffff05 30%,#fff0 31% 100%)}.trophy-cabinet-spotlight{position:absolute;top:0;left:50%;transform:translate(-50%);width:140%;height:150px;background:radial-gradient(ellipse at top,#f59e0b38,#f59e0b0f 40%,#0000 70%);pointer-events:none;z-index:1}html.dark .trophy-cabinet-spotlight{background:radial-gradient(ellipse at top,#f4db741f,#f4db7408 40%,#0000 70%)}.trophy-cabinet-shelf{position:relative;border-top:2.5px solid rgba(15,23,42,.12);background:linear-gradient(180deg,#ffffffe6,#ffffff4d);border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 4px 10px #0f172a14,inset 0 1px #ffffffe6;height:12px;margin-top:4px;margin-bottom:24px;z-index:2}.trophy-cabinet-shelf:after{content:"";position:absolute;top:-2.5px;left:0;right:0;height:2px;background:#fffffff2;box-shadow:0 0 6px #ffffffe6}html.dark .trophy-cabinet-shelf{border-top:2px solid rgba(255,255,255,.15);background:linear-gradient(180deg,#ffffff0f,#ffffff03);box-shadow:0 8px 16px #0006,inset 0 1px #fff3}html.dark .trophy-cabinet-shelf:after{background:#fff6;box-shadow:0 0 8px #fff9}.trophy-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;height:100px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:3}.trophy-item:hover{transform:translateY(-8px) scale(1.08)}.trophy-image-wrapper{filter:drop-shadow(0 6px 10px rgba(15,23,42,.12));display:flex;align-items:flex-end;justify-content:center;position:relative;transition:filter .3s ease}html.dark .trophy-image-wrapper{filter:drop-shadow(0 8px 12px rgba(0,0,0,.6))}.trophy-svg{transition:filter .3s ease}.trophy-item:hover .trophy-svg{filter:brightness(1.1) drop-shadow(0 0 12px rgba(245,158,11,.5))}html.dark .trophy-item:hover .trophy-svg{filter:brightness(1.15) drop-shadow(0 0 12px rgba(255,223,0,.4))}.trophy-div-1{width:68px;height:76px;animation:gold-shine 4s ease-in-out infinite alternate}.trophy-div-2{width:54px;height:62px}.trophy-div-3{width:44px;height:48px}.trophy-locked{filter:grayscale(100%) opacity(18%)}html.dark .trophy-locked{filter:grayscale(100%) opacity(25%)}.trophy-locked:hover{filter:grayscale(100%) opacity(30%);transform:none}html.dark .trophy-locked:hover{filter:grayscale(100%) opacity(45%);transform:none}.trophy-glow-div1{position:absolute;width:90px;height:90px;background:radial-gradient(circle,#f59e0b38,#f59e0b00 70%);border-radius:50%;z-index:0;pointer-events:none;animation:pulse-glow 2s infinite ease-in-out}html.dark .trophy-glow-div1{background:radial-gradient(circle,#f4db7426,#f4db7400 70%)}@keyframes gold-shine{0%{filter:drop-shadow(0 4px 8px rgba(245,158,11,.15))}to{filter:drop-shadow(0 6px 14px rgba(245,158,11,.4))}}@keyframes pulse-glow{0%,to{transform:scale(.9);opacity:.7}50%{transform:scale(1.1);opacity:1}}.trophy-count-badge{position:absolute;top:-4px;right:-4px;background:#10b981;color:#fff;font-size:9px;font-weight:900;padding:2px 6px;border-radius:9999px;box-shadow:0 2px 6px #00000040,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.2)}html.dark .trophy-count-badge{box-shadow:0 2px 6px #00000080,inset 0 1px #ffffff4d}.trophy-label{margin-top:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 1px rgba(255,255,255,.8)}html.dark .trophy-label{text-shadow:0 1px 2px rgba(0,0,0,.8)}.trophy-label-div1{color:#b45309}.trophy-item:hover .trophy-label-div1{color:#78350f}html.dark .trophy-label-div1{color:#fbbf24}html.dark .trophy-item:hover .trophy-label-div1{color:#f59e0b}.trophy-label-div2{color:#475569}.trophy-item:hover .trophy-label-div2{color:#1e293b}html.dark .trophy-label-div2{color:#d1d5db}html.dark .trophy-item:hover .trophy-label-div2{color:#f3f4f6}.trophy-label-div3{color:#854d0e}.trophy-item:hover .trophy-label-div3{color:#7c2d12}html.dark .trophy-label-div3{color:#9ca3af}html.dark .trophy-item:hover .trophy-label-div3{color:#d1d5db}.fifa-card-stats{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:var(--radius-md);color:#fff;padding:12px;box-shadow:0 8px 20px #4f46e54d;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.fifa-card-stats:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a,#fff0 80%);pointer-events:none}.modal-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:16px}html.dark .modal-tabs{border-bottom-color:#374151}.modal-tab-btn{padding:8px 16px;font-size:12px;font-weight:700;color:#6b7280;border-bottom:2px solid transparent;transition:all .2s ease;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none}html.dark .modal-tab-btn{color:#9ca3af}.modal-tab-btn:hover{color:#10b981}.modal-tab-btn.active{color:#10b981;border-bottom-color:#10b981}.div-badge-1{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff!important;font-weight:900;border:1px solid #b45309;box-shadow:0 0 10px #f59e0b66;animation:gold-badge-glow 1.5s infinite alternate}.div-badge-2{background:linear-gradient(135deg,#9ca3af,#4b5563);color:#fff!important;font-weight:800;border:1px solid #374151;box-shadow:0 0 6px #9ca3af4d}.div-badge-3{background:linear-gradient(135deg,#b45309,#78350f);color:#fff!important;font-weight:700;border:1px solid #451a03}@keyframes gold-badge-glow{0%{box-shadow:0 0 4px #f59e0b4d;transform:scale(1)}to{box-shadow:0 0 12px #f59e0bb3;transform:scale(1.03)}}.trophy-cabinet-pill{cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;border:1.5px solid rgba(245,158,11,.3);background:linear-gradient(135deg,#fde0471f,#f59e0b0f);box-shadow:0 2px 5px #f59e0b0d;transition:all .25s cubic-bezier(.4,0,.2,1)}.trophy-cabinet-pill:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 5px 15px #f59e0b2e;border-color:#f59e0b99;background:linear-gradient(135deg,#fde0472e,#f59e0b1f)}.trophy-cabinet-pill:active{transform:translateY(0) scale(1);box-shadow:0 2px 4px #f59e0b0d}html.dark .trophy-cabinet-pill{border:1.5px solid rgba(251,191,36,.3);background:linear-gradient(135deg,#fbbf2414,#d977060a)}html.dark .trophy-cabinet-pill:hover{box-shadow:0 5px 15px #fbbf2438;border-color:#fbbf2499}.group-subview-back-btn{cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;border:1.5px solid #e5e7eb;background-color:#fff;color:#4b5563;font-weight:700;font-size:13px;box-shadow:0 1px 3px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1)}.group-subview-back-btn i{font-size:11px;transition:transform .2s ease}.group-subview-back-btn:hover{transform:translate(-2px);border-color:#3b82f6;background-color:#f0f7ff;color:#1d4ed8;box-shadow:0 4px 10px #3b82f626}.group-subview-back-btn:hover i{transform:translate(-2px)}.group-subview-back-btn:active{transform:translate(0)}html.dark .group-subview-back-btn{border-color:#374151;background-color:#1f2937;color:#d1d5db;box-shadow:0 1px 3px #0003}html.dark .group-subview-back-btn:hover{border-color:#fbbf24;background-color:#fbbf240f;color:#fbbf24;box-shadow:0 4px 10px #fbbf2433}