@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.complete-profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out}.complete-profile-modal{background:var(--bg-card);border-radius:var(--radius-2xl);max-width:500px;width:100%;box-shadow:var(--shadow-elevated);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .3s ease-out;position:relative}.complete-profile-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(1)}.complete-profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--border-light)}.complete-profile-modal-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.complete-profile-modal-header .complete-profile-modal-close{width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--text-secondary);transition:all var(--transition-normal)}.complete-profile-modal-header .complete-profile-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.complete-profile-modal-body{padding:var(--space-xl)}.complete-profile-modal-body .welcome-message{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-lg);text-align:center;line-height:1.5}.complete-profile-modal-body .form-group{margin-bottom:var(--space-lg)}.complete-profile-modal-body .form-label{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-xs)}.complete-profile-modal-body .form-label .required{color:var(--error);margin-left:var(--space-xs)}.complete-profile-modal-body .form-input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-normal)}.complete-profile-modal-body .form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.complete-profile-modal-body .form-input.error{border-color:var(--error)}.complete-profile-modal-body .username-status{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-normal)}.complete-profile-modal-body .username-status.checking{color:var(--text-secondary);background:var(--bg-secondary)}.complete-profile-modal-body .username-status.available{color:var(--success);background:var(--success-bg)}.complete-profile-modal-body .username-status.taken{color:var(--error);background:var(--error-bg)}.complete-profile-modal-body .username-status .spinner{width:12px;height:12px;border:2px solid var(--border-light);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.complete-profile-modal-body .username-status span{font-weight:var(--font-weight-semibold)}.complete-profile-modal-body .error-message{color:var(--error);font-size:var(--font-size-sm);margin-top:var(--space-sm);padding:var(--space-sm);background:var(--error-bg);border-radius:var(--radius-md);border:1px solid var(--error-border)}.complete-profile-modal-body .form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.complete-profile-modal-body .form-actions .btn{flex:1;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);cursor:pointer;border:none;font-size:var(--font-size-base)}.complete-profile-modal-body .form-actions .btn.btn-primary{background:var(--primary);color:#fff}.complete-profile-modal-body .form-actions .btn.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.complete-profile-modal-body .form-actions .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.complete-profile-modal-body .form-actions .btn.btn-secondary{background:transparent;color:var(--text-secondary);border:2px solid var(--border-light)}.complete-profile-modal-body .form-actions .btn.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-medium)}.complete-profile-modal-body .form-actions .btn.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.complete-profile-modal-overlay{padding:var(--space-md)}.complete-profile-modal{max-width:100%}.complete-profile-modal .complete-profile-modal-header{padding:var(--space-lg)}.complete-profile-modal .complete-profile-modal-header h2{font-size:var(--font-size-xl)}.complete-profile-modal .complete-profile-modal-body{padding:var(--space-lg)}.complete-profile-modal .complete-profile-modal-body .form-actions{flex-direction:column}}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.home{min-height:100vh;background:var(--bg-primary);position:relative}.home:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(111,0,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,102,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,212,255,.04) 0%,transparent 50%);pointer-events:none;z-index:-1}.home .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-xl)}@media (max-width: 768px){.home .container{padding:0 var(--space-lg)}}@media (max-width: 640px){.home .container{padding:0 var(--space-md)}}.home h2{color:#fff}.home .hero{background:var(--primary-gradient);color:var(--text-inverse);padding:var(--space-3xl);position:relative;overflow:hidden}.home .hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.home .hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}@media (max-width: 768px){.home .hero .container{grid-template-columns:1fr;gap:var(--space-xl);text-align:center}}.home .hero .hero-title{color:#fff}.home .hero .hero-content{animation:fadeIn .8s ease-out}.home .hero .hero-content h1{font-size:var(--font-size-5xl);margin-bottom:var(--space-md);line-height:var(--line-height-tight)}@media (max-width: 768px){.home .hero .hero-content h1{font-size:var(--font-size-4xl)}}@media (max-width: 640px){.home .hero .hero-content h1{font-size:var(--font-size-3xl)}}.home .hero .hero-content .hero-logo{width:48px;height:48px;margin-right:var(--space-sm)}.home .hero .hero-content .hero-subtitle{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);opacity:.9;margin-top:var(--space-sm)}.home .hero .hero-content .hero-description{font-size:var(--font-size-lg);margin-bottom:var(--space-xl);opacity:.9;line-height:var(--line-height-relaxed)}.home .hero .hero-content .hero-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}@media (max-width: 768px){.home .hero .hero-content .hero-actions{justify-content:center}}.home .hero .hero-visual{display:flex;justify-content:center;align-items:center;animation:slideUp 1s ease-out}.home .hero .hero-visual .hero-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-xl);transition:all var(--transition-normal)}.home .hero .hero-visual .hero-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.home .hero .hero-visual .hero-card .lineup-preview h3{text-align:center;margin-bottom:var(--space-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.home .hero .hero-visual .hero-card .lineup-preview .player-grid{display:grid;gap:var(--space-sm)}.home .hero .hero-visual .hero-card .lineup-preview .player-grid .player-slot{background:#ffffff1a;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.home .hero .hero-visual .hero-card .lineup-preview .player-grid .player-slot:hover{background:#fff3;transform:translate(4px)}.home .hero .hero-visual .hero-card .lineup-preview .player-grid .player-slot.qb{border-left:4px solid #ff6b6b}.home .hero .hero-visual .hero-card .lineup-preview .player-grid .player-slot.rb{border-left:4px solid #4ecdc4}.home .hero .hero-visual .hero-card .lineup-preview .player-grid .player-slot.wr{border-left:4px solid #45b7d1}.home .hero .hero-visual .hero-card .lineup-preview .player-grid .player-slot.te{border-left:4px solid #96ceb4}.home .hero .hero-visual .hero-card .lineup-preview .player-grid .player-slot.def{border-left:4px solid #feca57}.home .features{padding:var(--space-3xl);background:var(--bg-secondary)}.home .features .section-header{text-align:center;margin-bottom:var(--space-3xl)}.home .features .section-header h2{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home .features .section-header p{font-size:var(--font-size-xl);color:var(--text-secondary);max-width:600px;margin:0 auto}.home .features .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}@media (max-width: 640px){.home .features .features-grid{grid-template-columns:1fr;gap:var(--space-lg)}}.home .features .feature-card{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);text-align:center;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.home .features .feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.home .features .feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.home .features .feature-card:hover:before{transform:scaleX(1)}.home .features .feature-card .feature-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg);display:block}.home .features .feature-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}.home .features .feature-card p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.home .how-it-works{padding:var(--space-3xl);background:var(--bg-primary)}.home .how-it-works h2{text-align:center;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-3xl);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home .how-it-works .steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}@media (max-width: 640px){.home .how-it-works .steps-grid{grid-template-columns:1fr;gap:var(--space-lg)}}.home .how-it-works .step-card{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);text-align:center;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.home .how-it-works .step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--secondary-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.home .how-it-works .step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.home .how-it-works .step-card:hover:before{transform:scaleX(1)}.home .how-it-works .step-card .step-number{width:60px;height:60px;background:var(--primary-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-inverse);margin:0 auto var(--space-lg);box-shadow:var(--glow-primary)}.home .how-it-works .step-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}.home .how-it-works .step-card p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.home .rules{padding:var(--space-3xl);background:var(--bg-secondary)}.home .rules h2{text-align:center;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-3xl);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home .rules .rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}@media (max-width: 640px){.home .rules .rules-grid{grid-template-columns:1fr;gap:var(--space-lg)}}.home .rules .rule-item{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home .rules .rule-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.home .rules .rule-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}.home .rules .rule-item ul{list-style:none;padding:0;margin:0}.home .rules .rule-item ul li{padding:var(--space-sm) 0;color:var(--text-secondary);position:relative;padding-left:var(--space-xl)}.home .rules .rule-item ul li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:var(--font-weight-bold)}.home .cta-section{padding:var(--space-3xl);background:var(--primary-gradient);color:var(--text-inverse);text-align:center}.home .cta-section .cta-content{max-width:600px;margin:0 auto}.home .cta-section .cta-content h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}@media (max-width: 640px){.home .cta-section .cta-content h2{font-size:var(--font-size-2xl)}}.home .cta-section .cta-content p{font-size:var(--font-size-lg);margin-bottom:var(--space-xl);opacity:.9}.home .cta-section .cta-content .cta-note{margin-top:var(--space-md);font-size:var(--font-size-sm);opacity:.8}.home .home-footer{background:var(--bg-card);padding:var(--space-2xl);border-top:1px solid var(--border-light)}.home .home-footer .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}@media (max-width: 640px){.home .home-footer .footer-content{grid-template-columns:1fr;text-align:center}}.home .home-footer .footer-section h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}.home .home-footer .footer-section p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.home .home-footer .footer-section ul{list-style:none;padding:0;margin:0}.home .home-footer .footer-section ul li{margin-bottom:var(--space-sm)}.home .home-footer .footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.home .home-footer .footer-section ul li a:hover{color:var(--primary)}.home .home-footer .footer-bottom{text-align:center;padding-top:var(--space-lg);border-top:1px solid var(--border-light)}.home .home-footer .footer-bottom p{color:var(--text-muted);font-size:var(--font-size-sm)}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.container{padding:0!important}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--primary-gradient);position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(111,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,102,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,212,255,.05) 0%,transparent 50%);pointer-events:none}.auth-card{background:var(--bg-card);padding:var(--space-2xl);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:450px;position:relative;z-index:1;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeIn .6s ease-out}@media (max-width: 768px){.auth-card{margin:var(--space-lg);padding:var(--space-xl)}}.auth-card h1{text-align:center;margin-bottom:var(--space-sm);color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-card h2{text-align:center;margin-bottom:var(--space-sm);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.auth-card p{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.auth-form,.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.form-group input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6f00ff1a}.form-group input::placeholder{color:var(--text-muted)}.auth-footer{text-align:center;margin-top:var(--space-lg)}.auth-footer p{color:var(--text-secondary);margin:0;font-size:var(--font-size-base)}.auth-footer a{color:var(--primary);text-decoration:none;font-weight:var(--font-weight-semibold);transition:var(--transition-fast)}.auth-footer a:hover{color:var(--primary-light);text-decoration:underline}.error-message{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--error);border:1px solid rgba(239,68,68,.2);padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);text-align:center;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-message:before{content:"⚠️";font-size:var(--font-size-lg)}.auth-btn,.auth-btn-secondary{width:100%;height:48px;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:var(--shadow-md),var(--glow-primary)}.auth-btn:before,.auth-btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left var(--transition-slow)}.auth-btn:hover,.auth-btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.auth-btn:hover:before,.auth-btn-secondary:hover:before{left:100%}.auth-btn:active,.auth-btn-secondary:active{transform:translateY(0)}.auth-btn:disabled,.auth-btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.auth-btn-secondary{background:transparent;border:2px solid var(--primary);color:var(--primary)}.auth-btn-secondary:hover{background:var(--primary);color:var(--text-inverse)}.social-btn{width:100%;height:48px;background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--space-md)}.social-btn:hover{background:var(--bg-secondary);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:var(--shadow-md)}.social-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.social-btn svg{width:20px;height:20px}.social-btn .spinner{width:16px;height:16px;border:2px solid var(--border-light);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.google-btn:hover{border-color:#4285f4;background:#4285f40d}.auth-divider{display:flex;align-items:center;margin:var(--space-xl) 0;color:var(--text-muted);font-size:var(--font-size-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.auth-divider span{padding:0 var(--space-md)}.auth-links{margin-top:var(--space-lg);text-align:center}.auth-links .link-btn{background:none;border:none;color:var(--primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:all var(--transition-fast);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin:0 var(--space-xs)}.auth-links .link-btn:hover{color:var(--primary-light);text-decoration-color:var(--primary-light);background:#6f00ff0d;transform:translateY(-1px)}.auth-links .link-btn:focus{outline:none;box-shadow:0 0 0 2px #6f00ff33}.auth-links .link-btn:active{transform:translateY(0)}.auth-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-secondary)}.auth-loading:after{content:"";width:20px;height:20px;border:2px solid var(--border-light);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-left:var(--space-sm)}@media (max-width: 640px){.auth-card{margin:var(--space-md);padding:var(--space-lg)}.auth-card h1{font-size:var(--font-size-2xl)}.auth-card h2{font-size:var(--font-size-lg)}.success-icon{width:60px;height:60px;font-size:var(--font-size-2xl)}}body.dark-mode .auth-card,.dark-mode .auth-card{background:var(--gray-900);color:var(--text-inverse);border-color:var(--gray-700)}body.dark-mode .auth-card h1,body.dark-mode .auth-card h2,.dark-mode .auth-card h1,.dark-mode .auth-card h2{color:var(--text-inverse)}body.dark-mode .auth-card p,.dark-mode .auth-card p{color:var(--text-secondary)}body.dark-mode .form-input,body.dark-mode .form-group input,.dark-mode .form-input,.dark-mode .form-group input{background:var(--gray-800);border-color:var(--gray-600);color:var(--text-inverse)}body.dark-mode .form-input:focus,body.dark-mode .form-group input:focus,.dark-mode .form-input:focus,.dark-mode .form-group input:focus{border-color:var(--primary-color)}body.dark-mode .form-input::placeholder,body.dark-mode .form-group input::placeholder,.dark-mode .form-input::placeholder,.dark-mode .form-group input::placeholder{color:var(--text-tertiary)}body.dark-mode .error-message,.dark-mode .error-message{background:var(--error-dark);color:var(--text-inverse);border-color:var(--error-color)}.success-icon{width:80px;height:80px;background:var(--success);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 auto var(--space-lg) auto;box-shadow:0 0 20px #22c55e4d}.username-status{font-size:.875rem;margin-top:.5rem;padding:.5rem .75rem;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.username-status.checking{color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-light)}.username-status.available{color:#059669;background-color:#d1fae5;border:1px solid #a7f3d0}.username-status.taken{color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca}.username-status .spinner{width:16px;height:16px;border:2px solid var(--border-light);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.username-status span{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);line-height:1}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.headless-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal)}.headless-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.headless-modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;overflow-y:auto;padding:var(--space-lg)}.headless-modal-wrapper{display:flex;min-height:100%;align-items:center;justify-content:center}.headless-modal-panel{position:relative;transform:translateZ(0);overflow:hidden;border-radius:var(--radius-2xl);background:var(--bg-card);box-shadow:var(--shadow-elevated);border:1px solid var(--border-light);max-height:90vh;width:100%;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.headless-modal-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.headless-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-xl) var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-light);flex-shrink:0;background:var(--bg-secondary)}.headless-modal-title{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:var(--font-weight-bold);margin:0;font-family:var(--font-family)}.headless-modal-close{width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--text-secondary);transition:all var(--transition-normal)}.headless-modal-close:hover{background:var(--bg-primary);color:var(--text-primary);transform:scale(1.1)}.headless-modal-close:focus{outline:none;box-shadow:0 0 0 2px var(--primary)}.headless-modal-close-icon{width:24px;height:24px}.headless-modal-body{flex:1;overflow-y:auto;padding:var(--space-lg) var(--space-xl);min-height:0}.headless-modal-body.no-padding{padding:0}.headless-modal-sm{max-width:400px}.headless-modal-md{max-width:500px}.headless-modal-lg{max-width:600px}.headless-modal-xl{max-width:700px}.headless-modal-2xl{max-width:800px}.headless-modal-full{max-width:100%}.headless-modal-footer{padding:var(--space-lg) var(--space-xl) var(--space-xl) var(--space-xl);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--space-md);flex-shrink:0;background:var(--bg-secondary)}.headless-modal-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);height:40px;min-width:80px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.headless-modal-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left var(--transition-slow)}.headless-modal-button:hover:before{left:100%}.headless-modal-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.headless-modal-button:active{transform:translateY(1px)}.headless-modal-button.primary{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-md),var(--glow-primary)}.headless-modal-button.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.headless-modal-button.danger{background:linear-gradient(135deg,var(--error),#dc2626);color:var(--text-inverse);box-shadow:var(--shadow-md),0 0 20px #ef44444d}.headless-modal-button.danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 25px #ef444466}.headless-modal-button.secondary{background:transparent;color:var(--text-secondary);border:2px solid var(--border-light)}.headless-modal-button.secondary:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px)}.headless-modal-message{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0;padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--border-light);font-family:var(--font-family)}.headless-input-fields{display:flex;flex-direction:column;gap:var(--space-md)}.headless-input-field{display:flex;flex-direction:column;gap:var(--space-xs)}.headless-input-label{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family)}.headless-input-label .required{color:var(--error);margin-left:var(--space-xs)}.headless-input-control{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family);transition:border-color var(--transition-normal)}.headless-input-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6f00ff1a}.headless-input-control.error{border-color:var(--error);box-shadow:0 0 0 2px #ef44441a}.headless-input-control::placeholder{color:var(--text-muted)}.headless-input-control[rows]{min-height:100px;resize:vertical;line-height:var(--line-height-normal)}.headless-input-control[rows]::-webkit-scrollbar{width:8px}.headless-input-control[rows]::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-md)}.headless-input-control[rows]::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-md);transition:background var(--transition-normal)}.headless-input-control[rows]::-webkit-scrollbar-thumb:hover{background:var(--primary)}.headless-error-message{color:var(--error);font-size:var(--font-size-sm);margin-top:var(--space-xs);font-family:var(--font-family);display:flex;align-items:center;gap:var(--space-xs)}.headless-error-message:before{content:"⚠";font-size:var(--font-size-xs)}.headless-modal-backdrop-enter{transition:opacity .3s ease-out}.headless-modal-backdrop-enter-from{opacity:0}.headless-modal-backdrop-enter-to{opacity:1}.headless-modal-backdrop-leave{transition:opacity .2s ease-in}.headless-modal-backdrop-leave-from{opacity:1}.headless-modal-backdrop-leave-to{opacity:0}.headless-modal-panel-enter{transition:all .3s ease-out}.headless-modal-panel-enter-from{opacity:0;transform:translateY(30px) scale(.95)}.headless-modal-panel-enter-to{opacity:1;transform:translateY(0) scale(1)}.headless-modal-panel-leave{transition:all .2s ease-in}.headless-modal-panel-leave-from{opacity:1;transform:translateY(0) scale(1)}.headless-modal-panel-leave-to{opacity:0;transform:translateY(30px) scale(.95)}@media (max-width: 768px){.headless-modal-container{padding:var(--space-md)}.headless-modal-header{padding:var(--space-lg) var(--space-lg) var(--space-md) var(--space-lg)}.headless-modal-header .headless-modal-title{font-size:var(--font-size-lg)}.headless-modal-body{padding:var(--space-md) var(--space-lg)}.headless-modal-footer{padding:var(--space-md) var(--space-lg) var(--space-lg) var(--space-lg);flex-direction:column}.headless-modal-footer .headless-modal-button{width:100%;padding:var(--space-md) var(--space-xl)}}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.error-state{display:flex;align-items:center;justify-content:center;text-align:center}.error-state--page{min-height:100vh;padding:var(--space-xl);background:var(--bg-primary);position:relative}.error-state--page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(111,0,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,102,255,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}.error-state--page .error-state-content{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-3xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;width:100%;animation:slideUp .6s ease-out}.error-state--card{padding:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-state--card .error-state-content{padding:var(--space-xl)}.error-state--inline{padding:var(--space-lg);background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);margin:var(--space-md) 0}.error-state--inline .error-state-content{padding:0}.error-state--inline .error-icon{width:32px;height:32px;margin-bottom:var(--space-sm)}.error-state--inline .error-state-title{font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.error-state--inline .error-state-message{font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.error-state .error-state-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.error-state .error-icon{width:80px;height:80px;background:var(--error);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 auto;box-shadow:0 0 20px #ef44444d;animation:scaleIn .6s ease-out}.error-state .error-icon svg{width:32px;height:32px}.error-state .error-state-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.2}@media (max-width: 768px){.error-state .error-state-title{font-size:var(--font-size-xl)}}.error-state .error-state-message{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;line-height:1.6;max-width:400px}@media (max-width: 768px){.error-state .error-state-message{font-size:var(--font-size-base)}}.error-state .error-state-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-top:var(--space-lg)}@media (max-width: 640px){.error-state .error-state-actions{flex-direction:column;align-items:center}}.error-state .error-state-actions .btn-primary{background:var(--primary-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-block;box-shadow:var(--shadow-md),var(--glow-primary)}.error-state .error-state-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.error-state .error-state-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-block}.error-state .error-state-actions .btn-secondary:hover{background:var(--bg-primary);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}@media (max-width: 640px){.error-state--page{padding:var(--space-lg)}.error-state--page .error-state-content{padding:var(--space-2xl) var(--space-lg)}.error-state .error-icon{width:60px;height:60px;font-size:var(--font-size-2xl)}.error-state .error-icon svg{width:24px;height:24px}}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.loading-state{display:flex;align-items:center;justify-content:center;text-align:center}.loading-state--page{min-height:100vh;padding:var(--space-xl);background:var(--bg-primary);position:relative}.loading-state--page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(111,0,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,102,255,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}.loading-state--page .loading-state-content{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-3xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;width:100%;animation:slideUp .6s ease-out}.loading-state--card{padding:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-state--card .loading-state-content{padding:var(--space-xl)}.loading-state--inline{padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.loading-state--inline .loading-state-content{padding:var(--space-md)}.loading-state--inline .loading-spinner{width:24px;height:24px;margin-bottom:var(--space-sm)}.loading-state--inline .loading-title{font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.loading-state--inline .loading-message{font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.loading-state .loading-state-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-state .loading-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.2}@media (max-width: 768px){.loading-state .loading-title{font-size:var(--font-size-xl)}}.loading-state .loading-message{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;line-height:1.6;max-width:400px}@media (max-width: 768px){.loading-state .loading-message{font-size:var(--font-size-base)}}.loading-state--sm .loading-spinner{width:24px;height:24px;border-width:2px}.loading-state--sm .loading-title{font-size:var(--font-size-base)}.loading-state--sm .loading-message{font-size:var(--font-size-sm)}.loading-state--md .loading-spinner{width:40px;height:40px;border-width:3px}.loading-state--md .loading-title{font-size:var(--font-size-2xl)}.loading-state--md .loading-message{font-size:var(--font-size-lg)}.loading-state--lg .loading-spinner{width:48px;height:48px;border-width:4px}.loading-state--lg .loading-title{font-size:var(--font-size-3xl)}.loading-state--lg .loading-message{font-size:var(--font-size-xl)}.loading-state--xl .loading-spinner{width:64px;height:64px;border-width:5px}.loading-state--xl .loading-title{font-size:var(--font-size-4xl)}.loading-state--xl .loading-message{font-size:var(--font-size-2xl)}@media (max-width: 640px){.loading-state--page{padding:var(--space-lg)}.loading-state--page .loading-state-content{padding:var(--space-2xl) var(--space-lg)}.loading-state .loading-spinner{width:32px;height:32px;border-width:2px}}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.empty-state{display:flex;align-items:center;justify-content:center;text-align:center}.empty-state--page{min-height:100vh;padding:var(--space-xl);background:var(--bg-primary);position:relative}.empty-state--page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(111,0,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,102,255,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}.empty-state--page .empty-state-content{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-3xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;width:100%;animation:slideUp .6s ease-out}.empty-state--card{padding:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-state--card .empty-state-content{padding:var(--space-xl)}.empty-state--inline{padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.empty-state--inline .empty-state-content{padding:var(--space-md)}.empty-state--inline .empty-icon{width:32px;height:32px;margin-bottom:var(--space-sm)}.empty-state--inline .empty-state-title{font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.empty-state--inline .empty-state-message{font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.empty-state .empty-state-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.empty-state .empty-icon{width:80px;height:80px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 auto;border:2px dashed var(--border-light);animation:fadeIn .6s ease-out}.empty-state .empty-icon svg{width:32px;height:32px}.empty-state .empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.2}@media (max-width: 768px){.empty-state .empty-state-title{font-size:var(--font-size-lg)}}.empty-state .empty-state-message{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:1.6;max-width:400px}@media (max-width: 768px){.empty-state .empty-state-message{font-size:var(--font-size-sm)}}.empty-state .empty-state-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-top:var(--space-lg)}@media (max-width: 640px){.empty-state .empty-state-actions{flex-direction:column;align-items:center}}.empty-state .empty-state-actions .btn-primary{background:var(--primary-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-block;box-shadow:var(--shadow-md),var(--glow-primary)}.empty-state .empty-state-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.empty-state .empty-state-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-block}.empty-state .empty-state-actions .btn-secondary:hover{background:var(--bg-primary);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.empty-state--sm .empty-icon{width:48px;height:48px;font-size:var(--font-size-xl)}.empty-state--sm .empty-icon svg{width:20px;height:20px}.empty-state--sm .empty-state-title{font-size:var(--font-size-lg)}.empty-state--sm .empty-state-message{font-size:var(--font-size-sm)}.empty-state--md .empty-icon{width:80px;height:80px;font-size:var(--font-size-3xl)}.empty-state--md .empty-icon svg{width:32px;height:32px}.empty-state--md .empty-state-title{font-size:var(--font-size-xl)}.empty-state--md .empty-state-message{font-size:var(--font-size-base)}.empty-state--lg .empty-icon{width:120px;height:120px;font-size:var(--font-size-4xl)}.empty-state--lg .empty-icon svg{width:48px;height:48px}.empty-state--lg .empty-state-title{font-size:var(--font-size-2xl)}.empty-state--lg .empty-state-message{font-size:var(--font-size-lg)}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 640px){.empty-state--page{padding:var(--space-lg)}.empty-state--page .empty-state-content{padding:var(--space-2xl) var(--space-lg)}.empty-state .empty-icon{width:60px;height:60px;font-size:var(--font-size-2xl)}.empty-state .empty-icon svg{width:24px;height:24px}}.groups{max-width:1200px;margin:0 auto;padding:2rem}.groups .groups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.groups .groups-header h1{margin:0}.groups .groups-section{margin-bottom:3rem}.groups .groups-section h2{margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary)}.groups .groups-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.groups .groups-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.groups .groups-table{width:100%;border-collapse:collapse;background:var(--bg-secondary)}.groups .groups-table th,.groups .groups-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.groups .groups-table th{background:var(--bg-primary);font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.groups .groups-table td{color:var(--text-secondary);font-size:.875rem}.groups .groups-table tr:hover{background:var(--bg-primary)}.groups .groups-table .group-name-cell strong{color:var(--text-primary);font-weight:600;display:block;margin-bottom:.25rem}.groups .groups-table .group-name-cell .group-description{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.groups .groups-table .visibility-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.groups .groups-table .visibility-badge.public{background:var(--success-bg);color:var(--success-text)}.groups .groups-table .visibility-badge.private{background:var(--warning-bg);color:var(--warning-text)}.groups .groups-table .lineup-config{display:flex;flex-wrap:wrap;gap:.25rem}.groups .groups-table .lineup-config span{padding:.125rem .375rem;background:var(--bg-primary);border-radius:4px;font-size:.75rem;font-weight:500;color:var(--text-secondary)}.groups .groups-table .advanced-settings-display{display:flex;flex-direction:column;gap:.25rem}.groups .groups-table .advanced-settings-display .playoff-multiplier{background:var(--success-bg);color:var(--success-text);border-radius:4px;font-size:.75rem;font-weight:600}.groups .groups-table .advanced-settings-display .double-down-enabled{background:var(--primary-color);color:#fff;border-radius:4px;font-size:.75rem}.groups .groups-table .advanced-settings-display .playoff-weeks{font-size:.75rem;color:var(--text-secondary);font-weight:500}.groups .groups-table .table-actions{display:flex;gap:.5rem;flex-wrap:wrap}.groups .groups-table .table-actions .btn-link{padding:.5rem .75rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);text-decoration:none;font-size:.75rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;min-width:60px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.groups .groups-table .table-actions .btn-link:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 8px #6f00ff33}.groups .groups-table .table-actions .btn-link:active{transform:translateY(0);box-shadow:0 1px 4px #6f00ff33}.groups .groups-table .table-actions .btn-link.primary{background:var(--success-color);color:#fff;border-color:var(--success-color);font-weight:600}.groups .groups-table .table-actions .btn-link.primary:hover{background:#059669;border-color:#059669;box-shadow:0 2px 8px #0596694d}.groups .groups-table .table-actions .btn-link.danger{background:var(--error-color);color:#fff;border-color:var(--error-color)}.groups .groups-table .table-actions .btn-link.danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 2px 8px #ef44444d}.groups .groups-table .join-links-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.groups .groups-table .join-links-section .join-links-header{margin-bottom:var(--space-sm)}.groups .groups-table .join-links-section .join-links-header small{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--space-xs)}.groups .groups-table .join-links-section .join-links-header small:before{content:"🔗";font-size:var(--font-size-sm)}.groups .groups-table .join-links-section .join-link-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-sm);font-size:var(--font-size-sm);border:1px solid var(--border-light);transition:all var(--transition-normal)}.groups .groups-table .join-links-section .join-link-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #6f00ff1a;transform:translateY(-1px)}.groups .groups-table .join-links-section .join-link-item .link-name{color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.groups .groups-table .join-links-section .join-link-item .join-link-actions{display:flex;gap:var(--space-xs);align-items:center}.groups .groups-table .join-links-section .join-link-item .btn-icon{width:32px;height:32px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all var(--transition-normal)}.groups .groups-table .join-links-section .join-link-item .btn-icon .material-icons{font-size:18px;line-height:1}.groups .groups-table .join-links-section .join-link-item .btn-icon:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026;background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.groups .groups-table .join-links-section .join-link-item .btn-icon:active{transform:translateY(0);box-shadow:0 1px 3px #00000026}.groups .groups-table .join-links-section .join-link-item .btn-icon.danger{background:var(--error-color);color:#fff;border-color:var(--error-color)}.groups .groups-table .join-links-section .join-link-item .btn-icon.danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 2px 6px #ef44444d}.groups .invitations-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.groups .no-groups{grid-column:1/-1;text-align:center;padding:3rem;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-color)}.groups .no-groups h3{margin:0 0 1rem;color:var(--text-primary)}.groups .no-groups p{margin:0 0 2rem;color:var(--text-secondary)}.groups .error-message{background:var(--error-bg);color:var(--error-text);padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.group-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s ease}.group-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.group-card .group-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.group-card .group-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.group-card .group-header .visibility-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.group-card .group-header .visibility-badge.public{background:var(--success-bg);color:var(--success-text)}.group-card .group-header .visibility-badge.private{background:var(--warning-bg);color:var(--warning-text)}.group-card .group-description{color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.group-card .group-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem}.group-card .group-stats .stat{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:var(--bg-primary);border-radius:8px;text-align:center}.group-card .group-stats .stat .label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.group-card .group-stats .stat .value{font-weight:600;color:var(--text-primary)}.group-card .group-positions{margin-bottom:1.5rem}.group-card .group-positions h4{margin:0 0 .75rem;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.group-card .group-positions .position-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.5rem}.group-card .group-positions .position-grid span{padding:.5rem;background:var(--bg-primary);border-radius:6px;text-align:center;font-size:.875rem;font-weight:500;color:var(--text-primary)}.group-card .group-actions{display:flex;gap:.75rem}.group-card .group-actions .btn-secondary,.group-card .group-actions .btn-primary{flex:1;padding:.75rem 1rem;border-radius:8px;text-decoration:none;text-align:center;font-weight:500;transition:all .2s ease}.create-group-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.modal-body .create-group-form{margin-bottom:0;border:none;border-radius:0;background:transparent}.create-group-form h2{margin:0 0 1.5rem;color:var(--text-primary)}.create-group-form .form-group{margin-bottom:1.5rem}.create-group-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.create-group-form .form-group input,.create-group-form .form-group textarea,.create-group-form .form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:border-color .2s ease}.create-group-form .form-group input:focus,.create-group-form .form-group textarea:focus,.create-group-form .form-group select:focus{outline:none;border-color:var(--primary-color)}.create-group-form .form-group input::placeholder,.create-group-form .form-group textarea::placeholder,.create-group-form .form-group select::placeholder{color:var(--text-tertiary)}.create-group-form .form-group textarea{resize:vertical;min-height:80px}.create-group-form .form-group small{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-secondary)}.create-group-form .form-group .percentage-input{position:relative;display:flex;align-items:center}.create-group-form .form-group .percentage-input input{padding-right:2.5rem}.create-group-form .form-group .percentage-input .percentage-symbol{position:absolute;right:.75rem;color:var(--text-secondary);font-weight:500;pointer-events:none}.create-group-form .lineup-positions{margin-bottom:1.5rem}.create-group-form .lineup-positions h3{margin:0 0 1rem;color:var(--text-primary);font-size:1rem}.create-group-form .lineup-positions .premium-notice{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:.75rem;margin-bottom:1rem}.create-group-form .lineup-positions .premium-notice p{margin:0;color:#856404;font-size:.875rem;font-weight:500}.create-group-form .lineup-positions .position-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.create-group-form .lineup-positions .position-inputs .position-input label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.875rem}.create-group-form .lineup-positions .position-inputs .position-input input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);text-align:center;font-weight:500}.create-group-form .lineup-positions .position-inputs .position-input input:focus{outline:none;border-color:var(--primary-color)}.create-group-form .lineup-positions .position-inputs .position-input input:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.create-group-form .error-message{background:var(--error-bg);color:var(--error-text);padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.create-group-form .advanced-settings{margin-bottom:1.5rem}.create-group-form .advanced-settings h3{margin:0 0 1rem;color:var(--text-primary);font-size:1rem}.create-group-form .advanced-settings .premium-notice{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:.75rem;margin-bottom:1rem}.create-group-form .advanced-settings .premium-notice p{margin:0;color:#856404;font-size:.875rem;font-weight:500}.create-group-form .advanced-settings .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:var(--text-primary)}.create-group-form .advanced-settings .checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer}.create-group-form .advanced-settings .checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.create-group-form .form-actions{display:flex;gap:1rem;justify-content:flex-end}.create-group-form .form-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-group-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.groups{padding:1rem}.groups .groups-header{flex-direction:column;gap:1rem;align-items:stretch}.groups .groups-header button{width:100%}.groups .groups-list{grid-template-columns:1fr}.group-card .group-header{flex-direction:column;gap:.5rem;align-items:flex-start}.group-card .group-stats{grid-template-columns:repeat(2,1fr)}.group-card .group-actions{flex-direction:column}.create-group-form{padding:1.5rem}.create-group-form .position-inputs{grid-template-columns:repeat(2,1fr)}.create-group-form .form-actions{flex-direction:column}.modal-body .create-group-form{padding:1rem}}.invitation-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s ease;border-left:4px solid var(--primary-color)}.invitation-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.invitation-card .invitation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.invitation-card .invitation-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.invitation-card .invitation-header .invitation-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;background:var(--warning-bg);color:var(--warning-text)}.invitation-card .invitation-details{margin-bottom:1.5rem}.invitation-card .invitation-details p{margin:0 0 .5rem;color:var(--text-secondary);line-height:1.5}.invitation-card .invitation-details p strong{color:var(--text-primary);font-weight:600}.invitation-card .invitation-actions{display:flex;gap:.75rem}.invitation-card .invitation-actions .btn-primary,.invitation-card .invitation-actions .btn-secondary{flex:1;padding:.75rem 1rem;border-radius:8px;text-decoration:none;text-align:center;font-weight:500;transition:all .2s ease;border:none;cursor:pointer;font-size:.875rem}.invitation-card .invitation-actions .expired-message{flex:1;text-align:center;color:var(--text-secondary);font-style:italic;padding:.75rem}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.leaderboard{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-lg);min-height:100vh;background:var(--bg-primary);position:relative}.leaderboard:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(111,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,102,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,212,255,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.leaderboard .leaderboard-header{text-align:center;margin-bottom:var(--space-3xl);animation:fadeIn .6s ease-out}.leaderboard .leaderboard-header h1{font-size:var(--font-size-4xl);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md)}@media (max-width: 640px){.leaderboard .leaderboard-header h1{font-size:var(--font-size-3xl)}}.leaderboard .leaderboard-header p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:0}.leaderboard .leaderboard-section{margin-bottom:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .8s ease-out}.leaderboard .leaderboard-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);border-bottom:2px solid var(--border-light);padding-bottom:var(--space-md)}.leaderboard .group-selector{margin-bottom:var(--space-lg)}.leaderboard .group-selector .group-dropdown{width:100%;max-width:400px;padding:var(--space-md) var(--space-lg);border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard .group-selector .group-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:var(--glow-primary)}.leaderboard .group-selector .group-dropdown option{background:var(--bg-card);color:var(--text-primary)}.leaderboard .group-leaderboard .group-info{margin-bottom:var(--space-lg);padding:var(--space-lg);background:linear-gradient(135deg,#6f00ff0d,#0066ff0d);border:1px solid var(--border-light);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard .group-leaderboard .group-info h3{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.leaderboard .group-leaderboard .group-info .group-description{color:var(--text-secondary);margin-bottom:var(--space-md);font-style:italic}.leaderboard .group-leaderboard .group-info .group-meta{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.leaderboard .group-leaderboard .group-info .group-meta .visibility-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.leaderboard .group-leaderboard .group-info .group-meta .visibility-badge.public{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.leaderboard .group-leaderboard .group-info .group-meta .visibility-badge.private{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.leaderboard .group-leaderboard .group-info .group-meta .participants{font-size:var(--font-size-sm);color:var(--text-secondary)}.leaderboard .leaderboard-table{width:100%;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-light);background:var(--bg-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .8s ease-out}.leaderboard .leaderboard-table .leaderboard-header-row{display:grid;grid-template-columns:80px 1fr 120px 80px 100px;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,#6f00ff1a,#0066ff1a);font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:2px solid var(--border-light);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-sm)}@media (max-width: 768px){.leaderboard .leaderboard-table .leaderboard-header-row{grid-template-columns:60px 1fr 100px 60px 80px;gap:var(--space-sm);padding:var(--space-md);font-size:var(--font-size-xs)}}.leaderboard .leaderboard-table .leaderboard-row{display:grid;grid-template-columns:80px 1fr 120px 80px 100px;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-light);transition:all var(--transition-normal);position:relative}@media (max-width: 768px){.leaderboard .leaderboard-table .leaderboard-row{grid-template-columns:60px 1fr 100px 60px 80px;gap:var(--space-sm);padding:var(--space-md)}}.leaderboard .leaderboard-table .leaderboard-row:hover{background:linear-gradient(135deg,#6f00ff0d,#0066ff0d);transform:translate(4px)}.leaderboard .leaderboard-table .leaderboard-row.top-three{background:linear-gradient(135deg,#ffd7001a,#ffc1071a);border-left:3px solid #ffd700;font-weight:var(--font-weight-semibold)}.leaderboard .leaderboard-table .leaderboard-row.top-three:hover{background:linear-gradient(135deg,#ffd70026,#ffc10726)}.leaderboard .leaderboard-table .leaderboard-row.current-user{background:linear-gradient(135deg,#6f00ff1a,#0066ff1a);border-left:3px solid var(--primary);font-weight:var(--font-weight-semibold)}.leaderboard .leaderboard-table .leaderboard-row.current-user:hover{background:linear-gradient(135deg,#6f00ff26,#0066ff26)}.leaderboard .leaderboard-table .leaderboard-row:last-child{border-bottom:none}.leaderboard .leaderboard-table .leaderboard-row .rank-col{display:flex;align-items:center;gap:var(--space-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.leaderboard .leaderboard-table .leaderboard-row .rank-col .medal{font-size:var(--font-size-lg)}.leaderboard .leaderboard-table .leaderboard-row .rank-col .medal.gold{color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.leaderboard .leaderboard-table .leaderboard-row .rank-col .medal.silver{color:silver;filter:drop-shadow(0 0 4px rgba(192,192,192,.5))}.leaderboard .leaderboard-table .leaderboard-row .rank-col .medal.bronze{color:#cd7f32;filter:drop-shadow(0 0 4px rgba(205,127,50,.5))}.leaderboard .leaderboard-table .leaderboard-row .username-col{font-weight:var(--font-weight-medium);color:var(--text-primary)}.leaderboard .leaderboard-table .leaderboard-row .week-col{text-align:center;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.leaderboard .leaderboard-table .leaderboard-row .points-col{font-weight:var(--font-weight-semibold);color:var(--success)}.leaderboard .leaderboard-table .leaderboard-row .weeks-col{text-align:center;color:var(--text-secondary)}.leaderboard .leaderboard-table .leaderboard-row .avg-col{text-align:center;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.leaderboard .leaderboard-table .leaderboard-row .date-col{text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.leaderboard .no-data{text-align:center;padding:var(--space-2xl);color:var(--text-secondary);font-style:italic;background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--space-2xl)}.leaderboard .leaderboard-info{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard .leaderboard-info h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-lg)}.leaderboard .leaderboard-info ul{list-style:none;padding:0}.leaderboard .leaderboard-info ul li{padding:var(--space-sm) 0;color:var(--text-secondary);position:relative;padding-left:var(--space-lg)}.leaderboard .leaderboard-info ul li:before{content:"•";color:var(--primary);font-weight:var(--font-weight-bold);position:absolute;left:0;font-size:var(--font-size-lg)}.leaderboard .loading{text-align:center;padding:var(--space-2xl);font-size:var(--font-size-lg);color:var(--text-secondary)}.leaderboard .error-message{text-align:center;padding:var(--space-2xl);color:var(--error);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-xl);margin:var(--space-lg) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.leaderboard{padding:var(--space-md)}.leaderboard .leaderboard-header h1{font-size:var(--font-size-3xl)}.leaderboard .leaderboard-section{padding:var(--space-lg)}.leaderboard .leaderboard-table .leaderboard-header-row,.leaderboard .leaderboard-table .leaderboard-row{grid-template-columns:60px 1fr 100px 60px 80px;gap:var(--space-sm);padding:var(--space-md);font-size:var(--font-size-sm)}}@media (max-width: 640px){.leaderboard{padding:var(--space-sm)}.leaderboard .leaderboard-table .leaderboard-header-row,.leaderboard .leaderboard-table .leaderboard-row{grid-template-columns:50px 1fr 80px;gap:var(--space-xs);padding:var(--space-sm);font-size:var(--font-size-xs)}.leaderboard .leaderboard-table .leaderboard-header-row .weeks-col,.leaderboard .leaderboard-table .leaderboard-header-row .avg-col,.leaderboard .leaderboard-table .leaderboard-row .weeks-col,.leaderboard .leaderboard-table .leaderboard-row .avg-col{display:none}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px #9aa1b126,0 4px 80px -8px #24282f40,0 4px 4px -2px #5b5e6926;background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.player-card-content .player-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-lg);border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#6f00ff0d,#0066ff0d);position:relative}.player-card-content .player-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.03)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.player-card-content .player-header .player-main-info{display:flex;align-items:center;gap:var(--space-md);position:relative;z-index:1}.player-card-content .player-header .player-main-info .player-visual{display:flex;align-items:center;gap:var(--space-sm);position:relative}.player-card-content .player-header .player-main-info .player-visual .player-headshot{width:80px;height:80px;object-fit:cover;border-radius:50%;border:3px solid var(--border-light);background:var(--bg-card);box-shadow:var(--shadow-md);transition:all var(--transition-normal);opacity:0}.player-card-content .player-header .player-main-info .player-visual .player-headshot:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.player-card-content .player-header .player-main-info .player-visual .team-logo{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-md);background:var(--bg-card);padding:var(--space-xs);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal)}.player-card-content .player-header .player-main-info .player-visual .team-logo:hover{transform:scale(1.1)}.player-card-content .player-header .player-main-info .player-details .player-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-xs) 0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.player-card-content .player-header .player-main-info .player-details .player-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs)}.player-card-content .player-header .player-main-info .player-details .player-meta .team-info{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.player-card-content .player-header .player-main-info .player-details .player-meta .jersey-number{background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.player-card-content .player-header .player-main-info .player-details .player-meta .jersey-number:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.player-card-content .player-header .player-main-info .player-details .injury-status{display:flex;align-items:center;gap:var(--space-sm)}.player-card-content .player-header .player-main-info .player-details .injury-status .injury-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.player-card-content .player-header .player-main-info .player-details .injury-status .injury-badge.questionable{background:#fbbf24;color:#92400e}.player-card-content .player-header .player-main-info .player-details .injury-status .injury-badge.doubtful{background:#f87171;color:#991b1b}.player-card-content .player-header .player-main-info .player-details .injury-status .injury-badge.out{background:#ef4444;color:#fff}.player-card-content .player-header .player-main-info .player-details .injury-status .injury-badge.ir{background:#6b7280;color:#fff}.player-card-content .player-header .player-main-info .player-details .injury-status .injury-notes{color:var(--text-secondary);font-size:var(--font-size-sm)}.player-card-content .player-header .current-week-stats{display:flex;gap:var(--space-md);position:relative;z-index:1}.player-card-content .player-header .current-week-stats .stat-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;min-width:80px;transition:all var(--transition-normal);position:relative;overflow:hidden}.player-card-content .player-header .current-week-stats .stat-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;z-index:-1}.player-card-content .player-header .current-week-stats .stat-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.player-card-content .player-header .current-week-stats .stat-box .stat-label{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;font-weight:var(--font-weight-medium)}.player-card-content .player-header .current-week-stats .stat-box .stat-value{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.player-card-content .player-header .current-week-stats .stat-box .stat-value.actual{color:var(--success)}.player-card-content .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-md)}.player-card-content .loading-container .loading-spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.player-card-content .loading-container p{color:var(--text-secondary);margin:0}.player-card-content .player-content{padding:var(--space-lg)}.player-card-content .player-content .section{margin-bottom:var(--space-xl)}.player-card-content .player-content .section:last-child{margin-bottom:0}.player-card-content .player-content .section .section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-light);position:relative}.player-card-content .player-content .section .section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:30%;height:2px;background:inherit}.player-card-content .player-content .season-summary .summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.player-card-content .player-content .season-summary .summary-stats .stat-item{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden}.player-card-content .player-content .season-summary .summary-stats .stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.player-card-content .player-content .season-summary .summary-stats .stat-item .label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:var(--font-weight-medium)}.player-card-content .player-content .season-summary .summary-stats .stat-item .value{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.player-card-content .player-content .season-summary .position-stats{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative}.player-card-content .player-content .season-summary .position-stats .stat-line{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-light)}.player-card-content .player-content .season-summary .position-stats .stat-line:last-child{border-bottom:none}.player-card-content .player-content .season-summary .position-stats .stat-line .stat-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.player-card-content .player-content .season-summary .position-stats .stat-line .stat-value{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.player-card-content .player-content .game-log{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.player-card-content .player-content .game-log .game-log-header{display:grid;grid-template-columns:60px 80px 60px 1fr;gap:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);font-weight:var(--font-weight-semibold);color:#fff;font-size:var(--font-size-sm);text-transform:uppercase}.player-card-content .player-content .game-log .game-log-body{max-height:300px;overflow-y:auto}.player-card-content .player-content .game-log .game-log-body .game-log-entry{display:grid;grid-template-columns:60px 80px 60px 1fr;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--border-light);transition:all var(--transition-normal);position:relative}.player-card-content .player-content .game-log .game-log-body .game-log-entry:hover{background:var(--bg-tertiary);transform:translate(2px)}.player-card-content .player-content .game-log .game-log-body .game-log-entry:last-child{border-bottom:none}.player-card-content .player-content .game-log .game-log-body .game-log-entry .week{font-weight:var(--font-weight-medium);color:var(--text-primary)}.player-card-content .player-content .game-log .game-log-body .game-log-entry .opponent{color:var(--text-secondary)}.player-card-content .player-content .game-log .game-log-body .game-log-entry .points{font-weight:var(--font-weight-bold);color:var(--text-primary)}.player-card-content .player-content .game-log .game-log-body .game-log-entry .stats{display:flex;gap:var(--space-md);flex-wrap:wrap}.player-card-content .player-content .game-log .game-log-body .game-log-entry .stats .stat-line{display:flex;gap:var(--space-xs);font-size:var(--font-size-sm);border:none;padding:0}.player-card-content .player-content .game-log .game-log-body .game-log-entry .stats .stat-line .stat-label{color:var(--text-secondary)}.player-card-content .player-content .game-log .game-log-body .game-log-entry .stats .stat-line .stat-value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.player-card-content .player-content .matchup-info{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative}.player-card-content .player-content .matchup-info .matchup-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-light)}.player-card-content .player-content .matchup-info .matchup-item:last-child{border-bottom:none}.player-card-content .player-content .matchup-info .matchup-item .label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.player-card-content .player-content .matchup-info .matchup-item .value{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.player-card-content .player-content .no-data{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.player-card-content .player-content .no-data p{color:var(--text-secondary);margin:0;font-style:italic}@media (max-width: 768px){.player-card-content .player-header{flex-direction:column;gap:var(--space-md)}.player-card-content .player-header .player-main-info .player-visual .player-headshot{width:72px;height:72px}.player-card-content .player-header .player-main-info .player-visual .team-logo{width:44px;height:44px}.player-card-content .player-header .current-week-stats{align-self:stretch;justify-content:center}.player-card-content .player-content .season-summary .summary-stats{grid-template-columns:repeat(2,1fr)}.player-card-content .player-content .game-log .game-log-header,.player-card-content .player-content .game-log .game-log-body .game-log-entry{grid-template-columns:50px 60px 50px 1fr;gap:var(--space-sm)}}@media (max-width: 640px){.player-card-content .player-header .player-main-info{flex-direction:column;text-align:center}.player-card-content .player-header .player-main-info .player-visual .player-headshot{width:64px;height:64px}.player-card-content .player-header .player-main-info .player-visual .team-logo{width:40px;height:40px}.player-card-content .player-header .player-main-info .player-details .player-meta{justify-content:center}.player-card-content .player-header .current-week-stats{flex-direction:column;width:100%}.player-card-content .player-content{padding:var(--space-md)}.player-card-content .player-content .season-summary .summary-stats{grid-template-columns:1fr}.player-card-content .player-content .game-log .game-log-header,.player-card-content .player-content .game-log .game-log-body .game-log-entry{grid-template-columns:40px 50px 40px 1fr;gap:var(--space-xs);font-size:var(--font-size-xs)}.player-card-content .player-content .game-log .game-log-header .stats .stat-line,.player-card-content .player-content .game-log .game-log-body .game-log-entry .stats .stat-line{font-size:var(--font-size-xs)}}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.players-panel-table .panel-controls .search-and-filters .search-container .search-input{width:100%!important;padding:var(--space-sm) var(--space-md)!important;padding-right:40px!important;border:none!important;background:transparent!important;color:var(--text-primary)!important;font-size:var(--font-size-sm)!important;transition:all var(--transition-normal)!important;box-sizing:border-box!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-family:var(--font-family)!important}.players-panel-table .panel-controls .search-and-filters .search-container .search-input:focus{outline:none!important;border:none!important;box-shadow:none!important;background:transparent!important}.players-panel-table .panel-controls .search-and-filters .search-container .search-input::placeholder{color:var(--text-muted)!important}.players-panel-table .panel-controls .search-and-filters .search-container{position:relative!important;display:flex!important;align-items:center!important;background:var(--bg-secondary)!important;border:2px solid var(--border-light)!important;border-radius:var(--radius-lg)!important;transition:all var(--transition-normal)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.players-panel-table .panel-controls .search-and-filters .search-container:hover{border-color:var(--primary)!important}.players-panel-table .panel-controls .search-and-filters .search-container:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px #6f00ff1a!important}.lineup-builder-espn{min-height:100vh;background:var(--bg-primary);position:relative}.lineup-builder-espn:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(111,0,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,102,255,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}.error-message{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-2xl);text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-message h2{font-size:var(--font-size-2xl);color:var(--error);margin-bottom:var(--space-md)}.error-message p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.error-message .error-actions{margin-top:var(--space-lg)}.error-message .error-actions .btn-primary{background:var(--primary-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.error-message .error-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.lineup-builder-container{display:grid;grid-template-columns:350px 1fr;gap:var(--space-xl)}@media (max-width: 1024px){.lineup-builder-container{grid-template-columns:1fr;gap:var(--space-lg)}}@media (max-width: 768px){.lineup-builder-container{gap:var(--space-lg)}}@media (max-width: 640px){.lineup-builder-container{gap:var(--space-md)}}.lineup-panel-compact{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-md);box-shadow:var(--shadow-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 1025px){.lineup-panel-compact{position:sticky;top:var(--space-xl);height:fit-content}}@media (max-width: 1024px){.lineup-panel-compact{width:100%}}@media (max-width: 768px){.lineup-panel-compact{padding:var(--space-sm)}}@media (max-width: 640px){.lineup-panel-compact{padding:var(--space-sm);border-radius:var(--radius-lg)}}.lineup-panel-compact .lineup-header{margin-bottom:var(--space-md)}.lineup-panel-compact .lineup-header .double-down-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.lineup-panel-compact .lineup-header .double-down-section .double-down-header{margin-bottom:var(--space-sm)}.lineup-panel-compact .lineup-header .double-down-section .double-down-header .label{display:block;font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.lineup-panel-compact .lineup-header .double-down-section .double-down-header .info{display:block;font-size:var(--font-size-xs);color:var(--text-secondary)}.lineup-panel-compact .lineup-header .double-down-section .double-down-options{display:flex;flex-direction:column;gap:var(--space-xs)}.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left}.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option:hover:not(:disabled){border-color:var(--primary);background:var(--bg-secondary)}.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option.selected{background:var(--primary-gradient);border-color:var(--primary);color:var(--text-inverse)}.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option.selected .player-info .player-name,.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option.selected .player-info .player-position{color:var(--text-inverse)}.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option:disabled{opacity:.5;cursor:not-allowed}.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option.locked{opacity:.6;cursor:not-allowed;background:var(--bg-muted);border-color:var(--border-muted)}.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option.locked .player-info .player-name,.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option.locked .player-info .player-position{color:var(--text-muted)}.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option.locked .double-down-indicator{color:var(--text-muted);background:var(--bg-muted)}.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option .player-info{display:flex;flex-direction:column;gap:var(--space-xs)}.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option .player-info .player-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary)}.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option .player-info .player-position{font-size:var(--font-size-xs);color:var(--text-secondary)}.lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option .double-down-indicator{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--primary);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);min-width:24px;text-align:center}.selected .lineup-panel-compact .lineup-header .double-down-section .double-down-options .double-down-option .double-down-indicator{color:var(--text-inverse);background:#fff3}@media (max-width: 640px){.lineup-panel-compact .lineup-header{margin-bottom:var(--space-sm)}}.lineup-panel-compact .lineup-header h2{font-size:var(--font-size-xl);margin-bottom:var(--space-sm);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 640px){.lineup-panel-compact .lineup-header h2{font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}}.lineup-panel-compact .lineup-header .lineup-summary{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}@media (min-width: 1025px){.lineup-panel-compact .lineup-header .lineup-summary{gap:var(--space-sm)}}@media (max-width: 640px){.lineup-panel-compact .lineup-header .lineup-summary{gap:var(--space-md)}}.lineup-panel-compact .lineup-header .lineup-summary .summary-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);min-width:80px}@media (min-width: 1025px){.lineup-panel-compact .lineup-header .lineup-summary .summary-item{min-width:70px;padding:var(--space-xs)}}@media (max-width: 640px){.lineup-panel-compact .lineup-header .lineup-summary .summary-item{min-width:70px;padding:var(--space-xs)}}.lineup-panel-compact .lineup-header .lineup-summary .summary-item .label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}@media (max-width: 640px){.lineup-panel-compact .lineup-header .lineup-summary .summary-item .label{font-size:10px}}.lineup-panel-compact .lineup-header .lineup-summary .summary-item .value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--primary)}@media (max-width: 640px){.lineup-panel-compact .lineup-header .lineup-summary .summary-item .value{font-size:var(--font-size-sm)}}.lineup-panel-compact .lineup-slots{display:grid;gap:var(--space-sm)}@media (min-width: 1025px){.lineup-panel-compact .lineup-slots{grid-template-columns:1fr;gap:var(--space-sm)}}@media (max-width: 1024px){.lineup-panel-compact .lineup-slots{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm)}}@media (max-width: 768px){.lineup-panel-compact .lineup-slots{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-xs)}}@media (max-width: 640px){.lineup-panel-compact .lineup-slots{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-xs)}}.lineup-panel-compact .lineup-slot-compact{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-sm);transition:all var(--transition-normal);position:relative;overflow:hidden;min-height:70px}@media (max-width: 640px){.lineup-panel-compact .lineup-slot-compact{padding:var(--space-xs);border-radius:var(--radius-sm);min-height:60px}}.lineup-panel-compact .lineup-slot-compact:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-normal);z-index:0}.lineup-panel-compact .lineup-slot-compact:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary);background:var(--bg-primary)}.lineup-panel-compact .lineup-slot-compact:hover:before{opacity:.05}.lineup-panel-compact .lineup-slot-compact .slot-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs);position:relative;z-index:1}@media (max-width: 640px){.lineup-panel-compact .lineup-slot-compact .slot-label{font-size:10px;margin-bottom:2px}}.lineup-panel-compact .lineup-slot-compact .player-slot-empty{color:var(--text-muted);font-style:italic;font-size:var(--font-size-xs);text-align:center;padding:var(--space-sm);position:relative;z-index:1}@media (max-width: 640px){.lineup-panel-compact .lineup-slot-compact .player-slot-empty{font-size:10px;padding:var(--space-xs)}}.lineup-panel-compact .lineup-slot-compact .player-slot-selected,.lineup-panel-compact .lineup-slot-compact .player-slot-locked{position:relative;z-index:1}.lineup-panel-compact .lineup-slot-compact .player-slot-selected .player-info,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .player-info{display:flex;align-items:center;gap:var(--space-xs)}@media (max-width: 640px){.lineup-panel-compact .lineup-slot-compact .player-slot-selected .player-info,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .player-info{gap:2px}}.lineup-panel-compact .lineup-slot-compact .player-slot-selected .player-info .team-logo-small,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .player-info .team-logo-small{width:20px;height:20px;border-radius:var(--radius-sm);flex-shrink:0}@media (max-width: 640px){.lineup-panel-compact .lineup-slot-compact .player-slot-selected .player-info .team-logo-small,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .player-info .team-logo-small{width:16px;height:16px}}.lineup-panel-compact .lineup-slot-compact .player-slot-selected .player-info .player-details,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .player-info .player-details{flex:1;min-width:0}.lineup-panel-compact .lineup-slot-compact .player-slot-selected .player-info .player-details .player-name,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .player-info .player-details .player-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 640px){.lineup-panel-compact .lineup-slot-compact .player-slot-selected .player-info .player-details .player-name,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .player-info .player-details .player-name{font-size:var(--font-size-xs);margin-bottom:1px}}.lineup-panel-compact .lineup-slot-compact .player-slot-selected .player-info .player-details .player-team,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .player-info .player-details .player-team{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:2px}@media (max-width: 640px){.lineup-panel-compact .lineup-slot-compact .player-slot-selected .player-info .player-details .player-team,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .player-info .player-details .player-team{font-size:10px;margin-bottom:1px}}.lineup-panel-compact .lineup-slot-compact .player-slot-selected .player-info .player-details .player-proj,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .player-info .player-details .player-proj{font-size:10px;color:var(--primary);font-weight:var(--font-weight-medium)}@media (max-width: 640px){.lineup-panel-compact .lineup-slot-compact .player-slot-selected .player-info .player-details .player-proj,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .player-info .player-details .player-proj{font-size:9px}}.lineup-panel-compact .lineup-slot-compact .player-slot-selected .slot-actions,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .slot-actions{position:absolute;top:4px;right:4px;display:flex;gap:4px;z-index:10}@media (max-width: 640px){.lineup-panel-compact .lineup-slot-compact .player-slot-selected .slot-actions,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .slot-actions{top:2px;right:2px;gap:2px}}.lineup-panel-compact .lineup-slot-compact .player-slot-selected .slot-actions .btn-double-down,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .slot-actions .btn-double-down{width:18px;height:18px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:2px solid white;font-size:9px;font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);box-shadow:0 2px 8px #6366f166;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 640px){.lineup-panel-compact .lineup-slot-compact .player-slot-selected .slot-actions .btn-double-down,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .slot-actions .btn-double-down{width:16px;height:16px;font-size:8px;border-width:1px}}.lineup-panel-compact .lineup-slot-compact .player-slot-selected .slot-actions .btn-double-down:hover,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .slot-actions .btn-double-down:hover{background:linear-gradient(135deg,#4f46e5,#3730a3);transform:scale(1.2);box-shadow:0 4px 12px #6366f199;border-color:#fff}.lineup-panel-compact .lineup-slot-compact .player-slot-selected .slot-actions .btn-double-down.active,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .slot-actions .btn-double-down.active{background:linear-gradient(135deg,#059669,#047857);border-color:#10b981;box-shadow:0 2px 8px #05966980;animation:pulse 2s infinite}.lineup-panel-compact .lineup-slot-compact .player-slot-selected .slot-actions .btn-double-down.active:hover,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .slot-actions .btn-double-down.active:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 12px #059669b3}@keyframes pulse{0%,to{box-shadow:0 2px 8px #05966980}50%{box-shadow:0 2px 12px #059669cc}}.lineup-panel-compact .lineup-slot-compact .player-slot-selected .slot-actions .btn-remove,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .slot-actions .btn-remove{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid white;font-size:10px;font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);box-shadow:0 2px 8px #ef444466;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 640px){.lineup-panel-compact .lineup-slot-compact .player-slot-selected .slot-actions .btn-remove,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .slot-actions .btn-remove{width:16px;height:16px;font-size:9px;border-width:1px}}.lineup-panel-compact .lineup-slot-compact .player-slot-selected .slot-actions .btn-remove:hover,.lineup-panel-compact .lineup-slot-compact .player-slot-locked .slot-actions .btn-remove:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.2);box-shadow:0 4px 12px #ef444499;border-color:#fff}.players-panel-table{background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}@media (max-width: 1024px){.players-panel-table{width:100%}}@media (max-width: 640px){.players-panel-table{border-radius:var(--radius-lg)}}.players-panel-table .panel-header{padding:var(--space-lg);border-bottom:1px solid var(--border-light);background:var(--bg-secondary);position:relative;z-index:5}@media (max-width: 768px){.players-panel-table .panel-header{padding:var(--space-md)}}@media (max-width: 640px){.players-panel-table .panel-header{padding:var(--space-sm)}}.players-panel-table .panel-header h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg)}@media (max-width: 640px){.players-panel-table .panel-header h2{font-size:var(--font-size-xl);margin-bottom:var(--space-md)}}.players-panel-table .panel-header .panel-controls{display:flex!important;flex-direction:row!important;gap:var(--space-md)!important;align-items:center!important;justify-content:space-between!important}.players-panel-table .table-container{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);position:relative;z-index:1;max-height:625px;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-secondary)}.players-panel-table .table-container::-webkit-scrollbar{height:8px;width:8px}.players-panel-table .table-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.players-panel-table .table-container::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.players-panel-table .table-container::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.players-panel-table .table-container .players-table{width:100%;min-width:800px;position:relative}@media (max-width: 480px){.players-panel-table .table-container .players-table{display:none}}.players-panel-table .table-container .players-table .table-header,.players-panel-table .table-container .players-table .table-rows{width:100%}.players-panel-table .table-container .players-table .table-header{display:flex;align-items:center;padding:var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-secondary);position:sticky;top:0;z-index:10}.players-panel-table .table-container .players-table .table-header>div{padding:var(--space-xs);display:flex;align-items:center}.players-panel-table .table-container .players-table .table-header>div.col-name{flex:2;justify-content:flex-start;min-width:200px}.players-panel-table .table-container .players-table .table-header>div.col-opponent-info{flex:1.8;justify-content:center;text-align:center;min-width:120px}.players-panel-table .table-container .players-table .table-header>div.col-proj,.players-panel-table .table-container .players-table .table-header>div.col-season,.players-panel-table .table-container .players-table .table-header>div.col-avg,.players-panel-table .table-container .players-table .table-header>div.col-usage{flex:.8;justify-content:center;text-align:center;min-width:60px}.players-panel-table .table-container .players-table .table-header>div.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.players-panel-table .table-container .players-table .table-header>div.sortable:hover{color:var(--primary);background:var(--bg-primary);border-radius:var(--radius-sm)}.players-panel-table .table-container .players-table .table-header>div.sortable.active{color:var(--primary);font-weight:var(--font-weight-bold)}.players-panel-table .table-container .players-table .table-header>div.col-action-sticky{flex:0 0 60px;justify-content:center;position:sticky;right:0;background:var(--bg-secondary);border-left:1px solid var(--border-light);z-index:9;margin-left:auto}@media (max-width: 1024px){.players-panel-table .table-container .players-table .table-header{padding:var(--space-sm);font-size:var(--font-size-xs)}.players-panel-table .table-container .players-table .table-header .col-name{min-width:160px}.players-panel-table .table-container .players-table .table-header .col-opponent-info{min-width:100px}.players-panel-table .table-container .players-table .table-header .col-proj,.players-panel-table .table-container .players-table .table-header .col-season,.players-panel-table .table-container .players-table .table-header .col-avg,.players-panel-table .table-container .players-table .table-header .col-usage{min-width:50px}}@media (max-width: 768px){.players-panel-table .table-container .players-table .table-header{padding:var(--space-xs)}.players-panel-table .table-container .players-table .table-header .col-name{min-width:140px}.players-panel-table .table-container .players-table .table-header .col-opponent-info{min-width:80px}.players-panel-table .table-container .players-table .table-header .col-proj,.players-panel-table .table-container .players-table .table-header .col-season,.players-panel-table .table-container .players-table .table-header .col-avg,.players-panel-table .table-container .players-table .table-header .col-usage{min-width:40px}}.players-panel-table .table-container .players-table .table-row{display:flex;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--border-light);transition:all var(--transition-normal);cursor:pointer;background:var(--bg-card)}.players-panel-table .table-container .players-table .table-row:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.players-panel-table .table-container .players-table .table-row.used-player{background:#ef44440d;border-left:3px solid #ef4444}.players-panel-table .table-container .players-table .table-row.used-player:hover{background:#ef44441a}.players-panel-table .table-container .players-table .table-row.locked-player{background:#9ca3af0d;opacity:.7}.players-panel-table .table-container .players-table .table-row.locked-player:hover{background:#9ca3af1a;transform:none;box-shadow:none}.players-panel-table .table-container .players-table .table-row>div{padding:var(--space-xs);display:flex;align-items:center}.players-panel-table .table-container .players-table .table-row>div.col-name{flex:2;justify-content:flex-start;min-width:200px}.players-panel-table .table-container .players-table .table-row>div.col-name .player-info{display:flex;align-items:center;gap:var(--space-sm);width:100%}.players-panel-table .table-container .players-table .table-row>div.col-name .player-info .team-logo{width:24px;height:24px;border-radius:var(--radius-sm);flex-shrink:0;object-fit:contain}@media (max-width: 1024px){.players-panel-table .table-container .players-table .table-row>div.col-name .player-info .team-logo{width:20px;height:20px}}@media (max-width: 768px){.players-panel-table .table-container .players-table .table-row>div.col-name .player-info .team-logo{width:18px;height:18px}}@media (max-width: 640px){.players-panel-table .table-container .players-table .table-row>div.col-name .player-info .team-logo{width:16px;height:16px}}.players-panel-table .table-container .players-table .table-row>div.col-name .player-info .player-details{flex:1;min-width:0}.players-panel-table .table-container .players-table .table-row>div.col-name .player-info .player-details .player-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.players-panel-table .table-container .players-table .table-row>div.col-name .player-info .player-details .player-position{font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-xs)}.players-panel-table .table-container .players-table .table-row>div.col-opponent-info{flex:1.8;justify-content:center;text-align:center;min-width:120px}.players-panel-table .table-container .players-table .table-row>div.col-opponent-info .opponent-stacked{display:flex;flex-direction:column;gap:2px;align-items:center}.players-panel-table .table-container .players-table .table-row>div.col-opponent-info .opponent-stacked .opponent-vs{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary)}.players-panel-table .table-container .players-table .table-row>div.col-opponent-info .opponent-stacked .opponent-date{font-size:10px;color:var(--text-secondary)}.players-panel-table .table-container .players-table .table-row>div.col-opponent-info .opponent-stacked .opponent-rank{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.players-panel-table .table-container .players-table .table-row>div.col-opponent-info .opponent-stacked .opponent-rank .rank-tooltip{color:#fff;cursor:help}.players-panel-table .table-container .players-table .table-row>div.col-opponent-info .opponent-stacked .opponent-rank .rank-tooltip.rank-good{color:#ef4444}.players-panel-table .table-container .players-table .table-row>div.col-opponent-info .opponent-stacked .opponent-rank .rank-tooltip.rank-bad{color:#22c55e}.players-panel-table .table-container .players-table .table-row>div.col-proj,.players-panel-table .table-container .players-table .table-row>div.col-season,.players-panel-table .table-container .players-table .table-row>div.col-avg,.players-panel-table .table-container .players-table .table-row>div.col-usage{flex:.8;justify-content:center;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);min-width:60px}.players-panel-table .table-container .players-table .table-row>div.col-proj .season-rank-tooltip,.players-panel-table .table-container .players-table .table-row>div.col-season .season-rank-tooltip,.players-panel-table .table-container .players-table .table-row>div.col-avg .season-rank-tooltip,.players-panel-table .table-container .players-table .table-row>div.col-usage .season-rank-tooltip{color:var(--primary);cursor:help;font-weight:var(--font-weight-semibold)}.players-panel-table .table-container .players-table .table-row>div.col-proj .lock-icon,.players-panel-table .table-container .players-table .table-row>div.col-season .lock-icon,.players-panel-table .table-container .players-table .table-row>div.col-avg .lock-icon,.players-panel-table .table-container .players-table .table-row>div.col-usage .lock-icon{font-size:var(--font-size-base);cursor:help;opacity:.7;transition:opacity var(--transition-normal)}.players-panel-table .table-container .players-table .table-row>div.col-proj .lock-icon:hover,.players-panel-table .table-container .players-table .table-row>div.col-season .lock-icon:hover,.players-panel-table .table-container .players-table .table-row>div.col-avg .lock-icon:hover,.players-panel-table .table-container .players-table .table-row>div.col-usage .lock-icon:hover{opacity:1}.players-panel-table .table-container .players-table .table-row>div.col-action-sticky{flex:0 0 60px;justify-content:center;position:sticky;right:0;background:var(--bg-secondary);border-left:1px solid var(--border-light);z-index:8;margin-left:auto}.players-panel-table .table-container .players-table .table-row>div.col-action-sticky .btn-add-plus{background:var(--primary-gradient);color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.players-panel-table .table-container .players-table .table-row>div.col-action-sticky .btn-add-plus:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.players-panel-table .table-container .players-table .table-row>div.col-action-sticky .btn-add-plus:active{transform:scale(.95)}.players-panel-table .table-container .players-table .table-row>div.col-action-sticky .btn-add-plus.adding{background:#10b981;transform:scale(1.1);box-shadow:var(--shadow-md);animation:pulse .6s ease-in-out}.players-panel-table .table-container .players-table .table-row>div.col-action-sticky .btn-remove{background:#ef4444;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;line-height:1}.players-panel-table .table-container .players-table .table-row>div.col-action-sticky .btn-remove:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.players-panel-table .table-container .players-table .table-row>div.col-action-sticky .btn-remove:active{transform:scale(.95)}.players-panel-table .table-container .players-table .table-row>div.col-action-sticky .btn-add-disabled{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-light);border-radius:50%;width:28px;height:28px;font-size:var(--font-size-sm);cursor:not-allowed;display:flex;align-items:center;justify-content:center;opacity:.6}@media (max-width: 1024px){.players-panel-table .table-container .players-table .table-row{padding:var(--space-sm);font-size:var(--font-size-sm)}.players-panel-table .table-container .players-table .table-row .col-name{min-width:160px}.players-panel-table .table-container .players-table .table-row .col-name .player-info .player-details .player-name,.players-panel-table .table-container .players-table .table-row .col-name .player-info .player-details .player-position{font-size:var(--font-size-xs)}.players-panel-table .table-container .players-table .table-row .col-opponent-info{min-width:100px}.players-panel-table .table-container .players-table .table-row .col-proj,.players-panel-table .table-container .players-table .table-row .col-season,.players-panel-table .table-container .players-table .table-row .col-avg,.players-panel-table .table-container .players-table .table-row .col-usage{min-width:50px}}@media (max-width: 768px){.players-panel-table .table-container .players-table .table-row{padding:var(--space-xs);font-size:var(--font-size-xs)}.players-panel-table .table-container .players-table .table-row .col-name{min-width:140px}.players-panel-table .table-container .players-table .table-row .col-name .player-info{gap:var(--space-xs)}.players-panel-table .table-container .players-table .table-row .col-name .player-info .player-details .player-name{font-size:var(--font-size-xs);margin-bottom:var(--space-xs)}.players-panel-table .table-container .players-table .table-row .col-name .player-info .player-details .player-position{font-size:var(--font-size-xs)}.players-panel-table .table-container .players-table .table-row .col-opponent-info{min-width:80px}.players-panel-table .table-container .players-table .table-row .col-proj,.players-panel-table .table-container .players-table .table-row .col-season,.players-panel-table .table-container .players-table .table-row .col-avg,.players-panel-table .table-container .players-table .table-row .col-usage{min-width:40px}}.players-panel-table .table-container .players-cards{display:none}@media (max-width: 767px){.players-panel-table .table-container .players-cards{display:block;max-height:600px;overflow-y:auto;padding:var(--space-md)}.players-panel-table .table-container .players-cards .player-card-mobile{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-normal);position:relative}.players-panel-table .table-container .players-cards .player-card-mobile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.players-panel-table .table-container .players-cards .player-card-mobile.used-player,.players-panel-table .table-container .players-cards .player-card-mobile.locked-player{opacity:.6;cursor:not-allowed}.players-panel-table .table-container .players-cards .player-card-mobile.used-player:hover,.players-panel-table .table-container .players-cards .player-card-mobile.locked-player:hover{transform:none;box-shadow:none;background:#ef44441a}.players-panel-table .table-container .players-cards .player-card-mobile .player-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.players-panel-table .table-container .players-cards .player-card-mobile .player-header .player-main{display:flex;align-items:center;gap:var(--space-sm);flex:1}.players-panel-table .table-container .players-cards .player-card-mobile .player-header .player-main .team-logo{width:20px;height:20px;border-radius:var(--radius-sm);flex-shrink:0;object-fit:contain}.players-panel-table .table-container .players-cards .player-card-mobile .player-header .player-main .player-info{flex:1;min-width:0}.players-panel-table .table-container .players-cards .player-card-mobile .player-header .player-main .player-info .player-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.players-panel-table .table-container .players-cards .player-card-mobile .player-header .player-main .player-info .player-team-pos{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-xs)}.players-panel-table .table-container .players-cards .player-card-mobile .player-header .player-main .player-info .player-team-pos .used-badge{display:inline-block;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;border:1px solid white;box-shadow:0 1px 3px #0000004d}.players-panel-table .table-container .players-cards .player-card-mobile .player-header .projected-points{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary)}.players-panel-table .table-container .players-cards .player-card-mobile .player-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:var(--font-size-sm)}.players-panel-table .table-container .players-cards .player-card-mobile .player-stats .stat-item{text-align:center}.players-panel-table .table-container .players-cards .player-card-mobile .player-stats .stat-item .stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:2px;text-transform:uppercase;letter-spacing:.05em}.players-panel-table .table-container .players-cards .player-card-mobile .player-stats .stat-item .stat-value{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.players-panel-table .table-container .players-cards .player-card-mobile .player-game-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.players-panel-table .table-container .players-cards .player-card-mobile .player-game-info .game-opponent{font-weight:var(--font-weight-medium)}.players-panel-table .table-container .players-cards .player-card-mobile .player-game-info .game-date{font-size:var(--font-size-xs)}.players-panel-table .table-container .players-cards .player-card-mobile .player-action{display:flex;justify-content:center}.players-panel-table .table-container .players-cards .player-card-mobile .player-action .btn-add{background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);width:100%}.players-panel-table .table-container .players-cards .player-card-mobile .player-action .btn-add:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.players-panel-table .table-container .players-cards .player-card-mobile .player-action .btn-add.adding{background:#10b981;transform:translateY(-1px);box-shadow:var(--shadow-sm);animation:pulse .6s ease-in-out}.players-panel-table .table-container .players-cards .player-card-mobile .player-action .btn-add-disabled{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:not-allowed;width:100%;opacity:.6}.players-panel-table .table-container .players-cards .player-card-mobile .player-action .btn-remove{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);width:100%}.players-panel-table .table-container .players-cards .player-card-mobile .player-action .btn-remove:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#dc2626,#b91c1c)}}.players-panel-table .mobile-message{display:none;text-align:center;padding:var(--space-xl);color:var(--text-secondary)}@media (max-width: 480px){.players-panel-table .mobile-message{display:block}}.players-panel-table .mobile-message .message-text{font-size:var(--font-size-base);margin-bottom:var(--space-md)}.players-panel-table .mobile-message .rotate-hint{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}.lineup-actions{display:flex;justify-content:center}.lineup-actions .btn-primary{background:var(--primary-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-2xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md),var(--glow-primary)}.lineup-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.lineup-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.lineup-actions .btn-primary.btn-large{padding:var(--space-lg) var(--space-3xl);font-size:var(--font-size-xl)}.lineup-submit-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.lineup-submit-section{padding:.75rem;margin-bottom:1rem;gap:.75rem}}@media (max-width: 640px){.lineup-submit-section{flex-direction:column;align-items:stretch;gap:.75rem}}.lineup-submit-section .lineup-name-label{font-weight:500;color:var(--text-primary);font-size:.875rem;white-space:nowrap}@media (max-width: 640px){.lineup-submit-section .lineup-name-label{white-space:normal}}.lineup-submit-section .lineup-name-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;min-width:0}@media (max-width: 640px){.lineup-submit-section .lineup-name-input{padding:.5rem;font-size:.875rem}}.lineup-submit-section .lineup-name-input:focus{outline:none;border-color:var(--primary-color)}.lineup-submit-section .lineup-name-input::placeholder{color:var(--text-tertiary)}.lineup-submit-section .btn-primary{padding:.75rem 1.5rem;font-size:.875rem;white-space:nowrap}@media (max-width: 640px){.lineup-submit-section .btn-primary{width:100%;padding:.75rem}}.lineup-submit-section .lineup-status{display:flex;align-items:center;gap:.5rem}@media (max-width: 640px){.lineup-submit-section .lineup-status{justify-content:center}}.lineup-submit-section .lineup-status .status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500}.lineup-submit-section .lineup-status .status-indicator.incomplete{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.lineup-submit-section .lineup-status .status-indicator.complete{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.lineup-submit-section .lineup-status .status-indicator .status-icon{font-size:1rem}.lineup-submit-section .lineup-status .status-indicator .status-text{white-space:nowrap}@media (max-width: 640px){.lineup-submit-section .lineup-status .status-indicator .status-text{font-size:.75rem}}.lineup-summary .card{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.lineup-summary .card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--secondary-gradient)}.lineup-summary .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.lineup-summary .summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.lineup-summary .summary-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:0}.lineup-summary .lineup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}@media (max-width: 640px){.lineup-summary .lineup-grid{grid-template-columns:1fr}}.lineup-summary .player-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-light);transition:all var(--transition-normal);position:relative;overflow:hidden}.lineup-summary .player-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.lineup-summary .player-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.lineup-summary .player-card:hover:before{transform:scaleX(1)}.lineup-summary .player-card .position{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.lineup-summary .player-card .player-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.lineup-summary .player-card .team{font-size:var(--font-size-sm);color:var(--text-secondary)}.lineup-summary .lineup-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}@media (max-width: 640px){.lineup-summary .lineup-actions{flex-direction:column}.lineup-summary .lineup-actions .btn{width:100%}}.form-input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6f00ff1a}.form-input::placeholder{color:var(--text-muted)}@media (max-width: 768px){.header h1{font-size:var(--font-size-3xl)}.section-header{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.header h1{font-size:var(--font-size-2xl)}.position-grid{grid-template-columns:1fr}}@media (max-width: 768px){.players-panel-table .table-container .players-table .table-body .table-row{gap:var(--space-sm);padding:var(--space-sm);font-size:var(--font-size-sm)}.players-panel-table .table-container .players-table .table-body .table-row .col-name .player-info .player-details .player-name,.players-panel-table .table-container .players-table .table-body .table-row .col-name .player-info .player-details .player-position{font-size:var(--font-size-xs)}}@media (max-width: 640px){.players-panel-table .table-container .players-table .table-body .table-row{gap:var(--space-xs);padding:var(--space-xs);font-size:var(--font-size-xs)}.players-panel-table .table-container .players-table .table-body .table-row .col-name .player-info{gap:var(--space-xs)}.players-panel-table .table-container .players-table .table-body .table-row .col-name .player-info .player-details .player-name{font-size:var(--font-size-xs);margin-bottom:var(--space-xs)}.players-panel-table .table-container .players-table .table-body .table-row .col-name .player-info .player-details .player-position{font-size:var(--font-size-xs)}}.group-selection-section{display:flex;flex-direction:column;gap:.75rem}.group-selection-section .group-selection-label{font-weight:500;color:var(--text-primary);font-size:.875rem}.group-selection-section .group-checkboxes{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;padding:.75rem;background:var(--bg-primary)}.group-selection-section .group-checkboxes .group-selection-header{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm);text-align:center}.group-selection-section .group-checkboxes .loading-groups{color:var(--text-secondary);font-size:.875rem;text-align:center;padding:.5rem}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox{display:flex;flex-direction:column;gap:var(--space-sm);cursor:pointer;padding:var(--space-md);border-radius:var(--radius-lg);transition:all var(--transition-normal);border:2px solid transparent;background:var(--bg-secondary);position:relative;overflow:hidden;min-height:80px;box-sizing:border-box}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-normal);z-index:0}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox:hover:not(.incompatible){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary);background:var(--bg-primary)}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox:hover:not(.incompatible):before{opacity:.05}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.incompatible{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);border-color:var(--border-light)}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.incompatible:hover{transform:none;box-shadow:none;background:var(--bg-secondary)}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.incompatible input[type=checkbox]{cursor:not-allowed}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-checkbox-main{display:flex;align-items:center;gap:var(--space-md);position:relative;z-index:1}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-checkbox-notes{display:flex;gap:var(--space-sm);position:relative;z-index:1;min-height:20px;align-items:center}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox input[type=checkbox]{margin:0;cursor:pointer;width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--border-medium);background:var(--bg-primary);transition:all var(--transition-normal);position:relative;z-index:1;flex-shrink:0}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary);box-shadow:var(--glow-primary)}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-name{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-semibold);flex:1;position:relative;z-index:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-settings{display:flex;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);position:relative;z-index:1;flex-shrink:0;min-width:150px;max-width:300px}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-settings span{background:var(--bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-light);white-space:nowrap;min-width:35px;text-align:center;font-size:var(--font-size-xs)}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .lineup-count{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);position:relative;z-index:1;flex-shrink:0;min-width:80px;text-align:center;background:var(--bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .incompatible-note,.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .max-lineups-note{font-size:var(--font-size-xs);color:var(--error);font-style:italic;font-weight:var(--font-weight-medium);position:relative;z-index:1;flex-shrink:0;min-width:120px;text-align:left}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.at-max-lineups{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);border-color:var(--border-light)}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.at-max-lineups:hover{transform:none;box-shadow:none;background:var(--bg-secondary)}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.at-max-lineups input[type=checkbox]{cursor:not-allowed}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.at-max-lineups .lineup-count{background:#ef44441a;border-color:var(--error);color:var(--error)}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .submitted-note{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic;font-weight:var(--font-weight-medium);position:relative;z-index:1;flex-shrink:0;min-width:120px;text-align:left}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.submitted{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);border-color:var(--border-light)}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.submitted:hover{transform:none;box-shadow:none;background:var(--bg-secondary)}.group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.submitted input[type=checkbox]{cursor:not-allowed}.group-selection-step{max-width:800px;margin:0 auto}@media (max-width: 768px){.group-selection-step{max-width:100%}}@media (max-width: 640px){.group-selection-step{max-width:100%}}.group-selection-step .group-selection-section{display:flex;flex-direction:column;gap:var(--space-lg)}@media (max-width: 768px){.group-selection-step .group-selection-section{gap:var(--space-md)}}@media (max-width: 640px){.group-selection-step .group-selection-section{gap:var(--space-sm)}}.group-selection-step .group-selection-section .group-selection-label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-sm);height:28px}.group-selection-step .group-selection-section .group-checkboxes{display:flex;flex-direction:column;gap:var(--space-md);max-height:400px;overflow-y:auto;border:2px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-lg);background:var(--bg-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.group-selection-step .group-selection-section .group-checkboxes{padding:var(--space-md);gap:var(--space-sm)}}@media (max-width: 640px){.group-selection-step .group-selection-section .group-checkboxes{padding:var(--space-sm);gap:var(--space-xs)}}@media (max-width: 480px){.group-selection-step .group-selection-section .group-checkboxes{padding:var(--space-xs);gap:var(--space-xs)}}.group-selection-step .group-selection-section .group-checkboxes .loading-groups{color:var(--text-secondary);font-size:var(--font-size-base);text-align:center;padding:var(--space-xl);font-style:italic;height:60px;display:flex;align-items:center;justify-content:center}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox{display:flex;flex-direction:column;gap:var(--space-sm);cursor:pointer;padding:var(--space-md);border-radius:var(--radius-lg);transition:all var(--transition-normal);border:2px solid transparent;background:var(--bg-secondary);position:relative;overflow:hidden;min-height:80px;box-sizing:border-box}@media (max-width: 768px){.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox{padding:var(--space-sm);min-height:70px}}@media (max-width: 640px){.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox{padding:var(--space-sm);min-height:60px}}@media (max-width: 480px){.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox{padding:var(--space-xs);min-height:50px}}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-normal);z-index:0}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox:hover:not(.incompatible){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary);background:var(--bg-primary)}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox:hover:not(.incompatible):before{opacity:.05}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.incompatible{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);border-color:var(--border-light)}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.incompatible:hover{transform:none;box-shadow:none;background:var(--bg-secondary)}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.incompatible input[type=checkbox]{cursor:not-allowed}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-checkbox-main{display:flex;align-items:center;gap:var(--space-md);position:relative;z-index:1;width:100%}@media (max-width: 768px){.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-checkbox-main{gap:var(--space-sm)}}@media (max-width: 640px){.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-checkbox-main{gap:var(--space-xs)}}@media (max-width: 480px){.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-checkbox-main{gap:var(--space-xs);flex-wrap:wrap}}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-checkbox-notes{display:flex;gap:var(--space-sm);position:relative;z-index:1;min-height:20px;align-items:center}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox input[type=checkbox]{margin:0;cursor:pointer;width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--border-medium);background:var(--bg-primary);transition:all var(--transition-normal);position:relative;z-index:1;flex-shrink:0}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary);box-shadow:var(--glow-primary)}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-name{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-semibold);flex:1;position:relative;z-index:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-name{font-size:var(--font-size-sm)}}@media (max-width: 640px){.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-name{font-size:var(--font-size-sm);white-space:normal;line-height:1.2;max-width:none;flex:1}}@media (max-width: 480px){.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-name{font-size:var(--font-size-sm);white-space:normal;line-height:1.2;max-width:none;flex:1}}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-settings{display:flex;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);position:relative;z-index:1;flex-shrink:0;min-width:150px;max-width:200px}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-settings span{background:var(--bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-light);white-space:nowrap;min-width:35px;text-align:center;font-size:var(--font-size-xs)}@media (max-width: 768px){.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-settings{min-width:120px;max-width:150px;gap:var(--space-xs)}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-settings span{min-width:30px;padding:var(--space-xs);font-size:var(--font-size-xs)}}@media (max-width: 640px){.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-settings{min-width:80px;max-width:120px;gap:var(--space-xs)}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-settings span{min-width:25px;padding:var(--space-xs);font-size:var(--font-size-xs)}}@media (max-width: 480px){.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-settings{flex-direction:column;min-width:60px;max-width:80px;gap:var(--space-xs)}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .group-settings span{min-width:20px;padding:var(--space-xs);font-size:var(--font-size-xs);text-align:center}}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .lineup-count{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);position:relative;z-index:1;flex-shrink:0;min-width:80px;text-align:center;background:var(--bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .incompatible-note{font-size:var(--font-size-xs);color:var(--error);font-style:italic;font-weight:var(--font-weight-medium);position:relative;z-index:1;flex-shrink:0;min-width:120px;text-align:left}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .submitted-note{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic;font-weight:var(--font-weight-medium);position:relative;z-index:1;flex-shrink:0;min-width:120px;text-align:left}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.submitted{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);border-color:var(--border-light)}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.submitted:hover{transform:none;box-shadow:none;background:var(--bg-secondary)}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.submitted input[type=checkbox]{cursor:not-allowed}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox .max-lineups-note{font-size:var(--font-size-xs);color:var(--error);font-style:italic;font-weight:var(--font-weight-medium);position:relative;z-index:1;flex-shrink:0;min-width:120px;text-align:left}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.at-max-lineups{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);border-color:var(--border-light)}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.at-max-lineups:hover{transform:none;box-shadow:none;background:var(--bg-secondary)}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.at-max-lineups input[type=checkbox]{cursor:not-allowed}.group-selection-step .group-selection-section .group-checkboxes .group-checkbox-item .group-checkbox.at-max-lineups .lineup-count{background:#ef44441a;border-color:var(--error);color:var(--error)}.group-selection-step .step-actions{display:flex;justify-content:center;margin-top:var(--space-xl);height:60px}.group-selection-step .step-actions .btn-primary{display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);min-width:200px;text-align:center}.group-selection-step .step-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.group-selection-step .step-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.error-message{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);padding:var(--space-md);margin-top:var(--space-md);color:var(--error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:50px;display:flex;align-items:center;justify-content:center}.used-badge{display:inline-block!important;background:#ef4444!important;color:#fff!important;font-size:10px!important;font-weight:700!important;padding:2px 6px!important;border-radius:4px!important;margin-left:8px!important;text-transform:uppercase!important;letter-spacing:.05em!important;white-space:nowrap!important;z-index:10!important;position:relative!important;min-width:fit-content!important;border:1px solid white!important;box-shadow:0 1px 3px #0000004d!important}.modern-toggle-switch{position:relative;display:inline-block}.modern-toggle-switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.modern-toggle-switch .modern-toggle-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none;transition:all var(--transition-normal)}.modern-toggle-switch .modern-toggle-label:hover{color:var(--text-primary)}.modern-toggle-switch .modern-toggle-label .modern-toggle-slider{position:relative;width:44px;height:24px;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:24px;transition:all var(--transition-normal);flex-shrink:0}.modern-toggle-switch .modern-toggle-label .modern-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--text-muted);border-radius:50%;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.modern-toggle-switch .modern-toggle-label .modern-toggle-text{white-space:nowrap;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.modern-toggle-switch input[type=checkbox]:checked+.modern-toggle-label .modern-toggle-slider{background:var(--primary);border-color:var(--primary);box-shadow:var(--glow-primary)}.modern-toggle-switch input[type=checkbox]:checked+.modern-toggle-label .modern-toggle-slider:before{transform:translate(20px);background:#fff;box-shadow:var(--shadow-md)}.modern-toggle-switch input[type=checkbox]:focus+.modern-toggle-label .modern-toggle-slider{box-shadow:0 0 0 3px #6f00ff33}.players-panel-table .panel-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.players-panel-table .panel-header h2{font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-bold)!important;color:var(--text-primary)!important;margin:0!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important}.players-panel-table .panel-header .panel-controls{display:flex!important;flex-direction:row!important;gap:var(--space-md)!important;align-items:center!important;justify-content:space-between!important;width:100%}.players-panel-table .panel-header .panel-controls .position-tabs{display:flex!important;gap:var(--space-xs)!important;flex-wrap:wrap!important;justify-content:flex-start!important}.players-panel-table .panel-header .panel-controls .position-tabs .position-tab{padding:var(--space-sm) var(--space-md)!important;border:2px solid var(--border-light)!important;border-radius:var(--radius-lg)!important;background:transparent!important;color:var(--text-secondary)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;cursor:pointer!important;transition:all var(--transition-normal)!important}.players-panel-table .panel-header .panel-controls .position-tabs .position-tab:hover{background:var(--bg-primary)!important;border-color:var(--primary)!important;color:var(--primary)!important}.players-panel-table .panel-header .panel-controls .position-tabs .position-tab.active{background:var(--primary-gradient)!important;border-color:var(--primary)!important;color:var(--text-inverse)!important}@media (max-width: 768px){.players-panel-table .panel-header{flex-direction:column!important;align-items:stretch!important;gap:var(--space-md)!important}.players-panel-table .panel-header .panel-controls{align-items:stretch!important}.players-panel-table .panel-header .panel-controls .filter-controls{align-self:flex-start!important}.players-panel-table .panel-header .panel-controls .position-tabs{justify-content:center!important}}.tippy-box{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;max-width:300px}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:var(--bg-card)}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:var(--bg-card)}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:var(--bg-card)}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:var(--bg-card)}.tippy-box .tippy-arrow:before{border-color:var(--border-light)}.tippy-box .tippy-content{padding:var(--space-md)}.used-player-tooltip .tippy-box{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);color:#fff;border-color:#dc2626}.used-player-tooltip .tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:#ef4444f2}.used-player-tooltip .tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#ef4444f2}.used-player-tooltip .tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:#ef4444f2}.used-player-tooltip .tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:#ef4444f2}.injury-badge{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-block;margin-left:8px}.injury-badge.questionable{background:#fbbf24;color:#92400e}.injury-badge.doubtful{background:#f87171;color:#991b1b}.injury-badge.out{background:#ef4444;color:#fff}.injury-badge.ir{background:#6b7280;color:#fff}.injury-badge.pup{background:#8b5cf6;color:#fff}.injury-badge.suspended{background:#dc2626;color:#fff}.injury-badge.covid{background:#059669;color:#fff}.injury-badge.personal{background:#7c3aed;color:#fff}.search-and-filters{display:flex;flex-direction:row;align-items:center;gap:var(--space-md);min-width:300px}@media (max-width: 768px){.search-and-filters{flex-direction:column;align-items:stretch;gap:var(--space-sm);min-width:auto}}@media (max-width: 640px){.search-and-filters{gap:var(--space-xs)}}.clear-search{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);border:1.5px solid var(--border-light);color:var(--text-muted);font-size:1.2em;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .1s;position:absolute;right:var(--space-xs);top:50%;transform:translateY(-50%);z-index:2}.clear-search:hover{background:var(--primary);color:var(--text-inverse);border-color:var(--primary);transform:translateY(-50%) scale(1.08)}.clear-search:active{background:var(--primary-dark);color:var(--text-inverse);border-color:var(--primary-dark);transform:translateY(-50%) scale(.96)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.lineup-manager{padding:var(--space-xl);max-width:var(--max-width);margin:0 auto}.lineup-manager.loading,.lineup-manager.error{text-align:center;padding:var(--space-2xl);color:var(--text-secondary);font-size:var(--font-size-lg)}.lineup-manager .lineup-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-lg)}.lineup-manager .lineup-manager-header .lineup-manager-title{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.lineup-manager .lineup-manager-header .lineup-manager-title h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lineup-manager .lineup-manager-header .lineup-manager-title .week-selector .week-dropdown{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);min-width:120px}.lineup-manager .lineup-manager-header .lineup-manager-title .week-selector .week-dropdown:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.lineup-manager .lineup-manager-header .lineup-manager-title .week-selector .week-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha)}.lineup-manager .lineup-manager-header .lineup-manager-title .week-selector .week-dropdown option{background:var(--bg-card);color:var(--text-primary);padding:var(--space-sm)}.lineup-manager .lineup-manager-header .lineup-manager-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.lineup-manager .upgrade-notice{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-xl);border:1px solid var(--border-light);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lineup-manager .upgrade-notice p{margin:0 0 var(--space-md) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.lineup-manager .upgrade-notice .btn-secondary{background:var(--secondary-gradient);color:var(--text-inverse);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.lineup-manager .upgrade-notice .btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.lineup-manager .lineup-manager-empty{text-align:center;padding:var(--space-3xl);background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lineup-manager .lineup-manager-empty p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-xl)}.lineup-manager .lineup-manager-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-lg)}@media (max-width: 768px){.lineup-manager .lineup-manager-content{grid-template-columns:1fr}}.lineup-manager .lineup-card{background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--border-light);overflow:hidden;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.lineup-manager .lineup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.lineup-manager .lineup-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.lineup-manager .lineup-card:hover:before{transform:scaleX(1)}@media (max-width: 480px){.lineup-manager .lineup-card .lineup-header{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.lineup-manager .lineup-card .lineup-header .lineup-info{margin-right:0}.lineup-manager .lineup-card .lineup-header .lineup-actions{margin-left:0;justify-content:flex-end;gap:var(--space-sm)}.lineup-manager .lineup-card .lineup-header .lineup-actions .btn-icon{width:40px;height:40px}.lineup-manager .lineup-card .lineup-header .lineup-actions .btn-icon .material-icons{font-size:20px}}.lineup-manager .lineup-card .lineup-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);gap:var(--space-md)}.lineup-manager .lineup-card .lineup-header .lineup-info{flex:1;min-width:0;margin-right:var(--space-sm)}.lineup-manager .lineup-card .lineup-header .lineup-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm) 0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.lineup-manager .lineup-card .lineup-header .lineup-info .lineup-groups{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.lineup-manager .lineup-card .lineup-header .lineup-info .lineup-groups .group-tag{background:var(--primary);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);white-space:nowrap}.lineup-manager .lineup-card .lineup-header .lineup-actions{display:flex;gap:var(--space-xs);flex-shrink:0;margin-left:var(--space-md)}.lineup-manager .lineup-card .lineup-header .lineup-actions .btn-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm)}.lineup-manager .lineup-card .lineup-header .lineup-actions .btn-icon .material-icons{font-size:18px}.lineup-manager .lineup-card .lineup-header .lineup-actions .btn-icon.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-light)}.lineup-manager .lineup-card .lineup-header .lineup-actions .btn-icon.btn-secondary:hover{background:var(--primary);color:var(--text-inverse);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.lineup-manager .lineup-card .lineup-players{padding:var(--space-lg)}.lineup-manager .lineup-card .lineup-players .player-slot{display:grid;grid-template-columns:60px 1fr 80px;align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-xs);transition:all var(--transition-normal);border:1px solid var(--border-light)}.lineup-manager .lineup-card .lineup-players .player-slot:last-child{margin-bottom:0}.lineup-manager .lineup-card .lineup-players .player-slot:hover{transform:translate(2px);box-shadow:var(--shadow-sm)}.lineup-manager .lineup-card .lineup-players .player-slot .player-position{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.lineup-manager .lineup-card .lineup-players .player-slot .player-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.lineup-manager .lineup-card .lineup-players .player-slot .player-info .team-logo{width:20px;height:20px;object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-card);padding:2px;box-shadow:var(--shadow-sm);flex-shrink:0}.lineup-manager .lineup-card .lineup-players .player-slot .player-info .player-details{flex:1;min-width:0}.lineup-manager .lineup-card .lineup-players .player-slot .player-info .player-details .player-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-xs)}.lineup-manager .lineup-card .lineup-players .player-slot .player-info .player-details .player-team{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-xs)}.lineup-manager .lineup-card .lineup-players .player-slot .player-info .player-details .player-points{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.lineup-manager .lineup-card .lineup-players .player-slot .player-info .player-details .player-points .actual-points{color:var(--success)}.lineup-manager .lineup-card .lineup-players .player-slot .player-info .player-details .player-points .projected-points{color:var(--text-secondary)}.lineup-manager .lineup-card .lineup-footer{padding:var(--space-lg);background:var(--bg-secondary);border-top:1px solid var(--border-light)}.lineup-manager .lineup-card .lineup-footer .lineup-totals{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.lineup-manager .lineup-card .lineup-footer .lineup-totals .total-projected,.lineup-manager .lineup-card .lineup-footer .lineup-totals .total-actual{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.lineup-manager .lineup-card .lineup-footer .lineup-totals .total-actual{color:var(--success)}.lineup-manager .lineup-card .lineup-footer .lineup-date{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:right}.btn-primary{background:var(--primary-gradient);color:var(--text-inverse);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm)}.btn-secondary:hover{background:var(--primary);color:var(--text-inverse);border-color:var(--primary);box-shadow:var(--shadow-md)}.btn-danger{background:var(--error);color:var(--text-inverse);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.double-down-badge{display:inline-block;margin-left:6px;background:#fbbf24;color:#92400e;font-size:.85em;font-weight:700;border-radius:4px;padding:2px 6px;vertical-align:middle;letter-spacing:.03em}@media (max-width: 768px){.lineup-manager{padding:var(--space-lg)}.lineup-manager .lineup-manager-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.lineup-manager .lineup-manager-header h1{font-size:var(--font-size-2xl)}.lineup-manager .lineup-manager-content{grid-template-columns:1fr}.lineup-manager .lineup-card .lineup-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.lineup-manager .lineup-card .lineup-header .lineup-actions{width:100%;justify-content:flex-end}.lineup-manager .lineup-card .lineup-players .player-slot{grid-template-columns:50px 1fr 70px;gap:var(--space-sm)}.lineup-manager .lineup-card .lineup-players .player-slot .player-info{gap:var(--space-xs)}.lineup-manager .lineup-card .lineup-players .player-slot .player-info .team-logo{width:18px;height:18px}}@media (max-width: 640px){.lineup-manager{padding:var(--space-md)}.lineup-manager .lineup-card .lineup-players .player-slot{grid-template-columns:40px 1fr 60px;gap:var(--space-xs)}.lineup-manager .lineup-card .lineup-players .player-slot .player-info{gap:var(--space-xs)}.lineup-manager .lineup-card .lineup-players .player-slot .player-info .team-logo{width:16px;height:16px}}.rename-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rename-modal .modal-content{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-xl);max-width:400px;width:100%;box-shadow:var(--shadow-xl);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:scaleIn .3s ease-out}.rename-modal .modal-content h3{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.rename-modal .modal-content .form-group{margin-bottom:var(--space-lg)}.rename-modal .modal-content .form-group label{display:block;margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.rename-modal .modal-content .form-group input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rename-modal .modal-content .form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6f00ff1a}.rename-modal .modal-content .form-group input::placeholder{color:var(--text-muted)}.rename-modal .modal-content .modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.rename-modal .modal-content .modal-actions .btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);cursor:pointer}.rename-modal .modal-content .modal-actions .btn.btn-primary{background:var(--primary-gradient);color:var(--text-inverse);border:none;box-shadow:var(--shadow-md),var(--glow-primary)}.rename-modal .modal-content .modal-actions .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.rename-modal .modal-content .modal-actions .btn.btn-secondary{background:transparent;color:var(--text-secondary);border:2px solid var(--border-light)}.rename-modal .modal-content .modal-actions .btn.btn-secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}.lineup-group-manager{max-width:800px;margin:0 auto;padding:var(--space-md)}.lineup-group-manager .error-message{background:var(--error-bg);color:var(--error-text);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:1px solid var(--error-border)}.lineup-group-manager .success-message{background:var(--success-bg);color:var(--success-text);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:1px solid var(--success-border)}.lineup-group-manager .lineup-info{background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:1px solid var(--border-color)}.lineup-group-manager .lineup-info h4{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.lineup-group-manager .lineup-info .position-counts{color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-mono)}.lineup-group-manager .groups-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-lg)}@media (max-width: 768px){.lineup-group-manager .groups-sections{grid-template-columns:1fr;gap:var(--space-lg)}}.lineup-group-manager .groups-sections .current-groups-section h4,.lineup-group-manager .groups-sections .available-groups-section h4{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-color)}.lineup-group-manager .groups-sections .current-groups-section .no-groups,.lineup-group-manager .groups-sections .available-groups-section .no-groups{color:var(--text-secondary);font-style:italic;text-align:center;padding:var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px dashed var(--border-color)}.lineup-group-manager .groups-sections .current-groups-section .loading,.lineup-group-manager .groups-sections .available-groups-section .loading{color:var(--text-secondary);text-align:center;padding:var(--space-xl);font-style:italic}.lineup-group-manager .groups-sections .current-groups-section .groups-list,.lineup-group-manager .groups-sections .available-groups-section .groups-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:300px;overflow-y:auto;margin-bottom:var(--space-md)}.lineup-group-manager .groups-sections .current-groups-section .groups-list .group-item,.lineup-group-manager .groups-sections .available-groups-section .groups-list .group-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal)}.lineup-group-manager .groups-sections .current-groups-section .groups-list .group-item:hover,.lineup-group-manager .groups-sections .available-groups-section .groups-list .group-item:hover{border-color:var(--primary);background:var(--bg-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.lineup-group-manager .groups-sections .current-groups-section .groups-list .group-item .group-info,.lineup-group-manager .groups-sections .available-groups-section .groups-list .group-item .group-info{flex:1;min-width:0}.lineup-group-manager .groups-sections .current-groups-section .groups-list .group-item .group-info .group-name,.lineup-group-manager .groups-sections .available-groups-section .groups-list .group-item .group-info .group-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);font-size:var(--font-size-base)}.lineup-group-manager .groups-sections .current-groups-section .groups-list .group-item .group-info .group-settings,.lineup-group-manager .groups-sections .available-groups-section .groups-list .group-item .group-info .group-settings{color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-mono);margin-bottom:var(--space-xs)}.lineup-group-manager .groups-sections .current-groups-section .groups-list .group-item .group-info .group-participants,.lineup-group-manager .groups-sections .available-groups-section .groups-list .group-item .group-info .group-participants{color:var(--text-secondary);font-size:var(--font-size-sm)}.lineup-group-manager .groups-sections .current-groups-section .groups-list .group-item .group-actions,.lineup-group-manager .groups-sections .available-groups-section .groups-list .group-item .group-actions{margin-left:var(--space-md)}.lineup-group-manager .groups-sections .current-groups-section .groups-list .group-item .group-actions .checkbox-label,.lineup-group-manager .groups-sections .available-groups-section .groups-list .group-item .group-actions .checkbox-label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary)}.lineup-group-manager .groups-sections .current-groups-section .groups-list .group-item .group-actions .checkbox-label input[type=checkbox],.lineup-group-manager .groups-sections .available-groups-section .groups-list .group-item .group-actions .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.lineup-group-manager .groups-sections .current-groups-section .groups-list .group-item .group-actions .checkbox-label span,.lineup-group-manager .groups-sections .available-groups-section .groups-list .group-item .group-actions .checkbox-label span{font-weight:var(--font-weight-medium)}.lineup-group-manager .groups-sections .current-groups-section button,.lineup-group-manager .groups-sections .available-groups-section button{width:100%;padding:var(--space-md);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-base)}.lineup-group-manager .groups-sections .current-groups-section button:disabled,.lineup-group-manager .groups-sections .available-groups-section button:disabled{opacity:.6;cursor:not-allowed}.lineup-group-manager .groups-sections .current-groups-section button.btn-primary,.lineup-group-manager .groups-sections .available-groups-section button.btn-primary{background:var(--primary);color:#fff}.lineup-group-manager .groups-sections .current-groups-section button.btn-primary:hover:not(:disabled),.lineup-group-manager .groups-sections .available-groups-section button.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.lineup-group-manager .groups-sections .current-groups-section button.btn-danger,.lineup-group-manager .groups-sections .available-groups-section button.btn-danger{background:var(--error);color:#fff}.lineup-group-manager .groups-sections .current-groups-section button.btn-danger:hover:not(:disabled),.lineup-group-manager .groups-sections .available-groups-section button.btn-danger:hover:not(:disabled){background:var(--error-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.lineup-group-manager .modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.lineup-group-manager .modal-actions .btn-secondary{padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.lineup-group-manager .modal-actions .btn-secondary:hover{background:var(--bg-primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media (prefers-color-scheme: dark){.lineup-group-manager .group-item{background:var(--bg-card);border-color:var(--border-light)}.lineup-group-manager .group-item:hover{background:var(--bg-primary);border-color:var(--primary)}.lineup-group-manager .lineup-info,.lineup-group-manager .no-groups{background:var(--bg-card);border-color:var(--border-light)}}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out}.profile-modal{background:var(--bg-card);border-radius:var(--radius-2xl);max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-elevated);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .3s ease-out;position:relative}.profile-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(1)}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--border-light)}.profile-modal-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.profile-modal-header .profile-modal-close{width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--text-secondary);transition:all var(--transition-normal)}.profile-modal-header .profile-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.profile-message{margin:0 var(--space-xl);padding:var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.profile-message.success{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);color:var(--success);border:1px solid rgba(34,197,94,.2)}.profile-message.error{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--error);border:1px solid rgba(239,68,68,.2)}.profile-message.info{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:var(--primary);border:1px solid rgba(59,130,246,.2)}.profile-modal-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.profile-modal-tabs .profile-tab{flex:1;padding:var(--space-md) var(--space-lg);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);position:relative}.profile-modal-tabs .profile-tab:hover{color:var(--text-primary);background:var(--bg-card)}.profile-modal-tabs .profile-tab.active{color:var(--primary);background:var(--bg-card)}.profile-modal-tabs .profile-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-gradient)}.profile-modal-content{padding:var(--space-xl);max-height:60vh;overflow-y:auto}.profile-modal-content::-webkit-scrollbar{width:8px}.profile-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-md)}.profile-modal-content::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-md);transition:background var(--transition-normal)}.profile-modal-content::-webkit-scrollbar-thumb:hover{background:var(--primary)}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-secondary)}.profile-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}.profile-loading p{margin:0;font-size:var(--font-size-sm)}.profile-tab-content .form-group{margin-bottom:var(--space-lg)}.profile-tab-content .form-input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-normal)}.profile-tab-content .form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.profile-tab-content .form-input.error{border-color:var(--error)}.profile-tab-content .form-input.success{border-color:var(--success)}.profile-tab-content .input-wrapper{position:relative;display:flex;align-items:center}.profile-tab-content .availability-indicator{position:absolute;right:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-normal)}.profile-tab-content .availability-indicator.checking{color:var(--text-secondary)}.profile-tab-content .availability-indicator.available{color:var(--success)}.profile-tab-content .availability-indicator.unavailable{color:var(--error)}.profile-tab-content .availability-indicator .loading-spinner.small{width:12px;height:12px;border:2px solid var(--border-light);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.profile-tab-content .form-error{color:var(--error);font-size:var(--font-size-sm);margin-top:var(--space-xs);display:block}.profile-tab-content .form-help{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs);display:block}.profile-tab-content .btn-group{margin-top:var(--space-xl)}.subscription-info .subscription-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-lg);border:1px solid var(--border-light)}.subscription-info .subscription-card .subscription-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.subscription-info .subscription-card .subscription-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.subscription-info .subscription-card .subscription-header .subscription-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.subscription-info .subscription-card .subscription-header .subscription-status.success{background:var(--success);color:var(--text-inverse)}.subscription-info .subscription-card .subscription-header .subscription-status.warning{background:var(--warning);color:var(--text-inverse)}.subscription-info .subscription-card .subscription-header .subscription-status.error{background:var(--error);color:var(--text-inverse)}.subscription-info .subscription-card .subscription-header .subscription-status.secondary{background:var(--text-secondary);color:var(--text-inverse)}.subscription-info .subscription-card .subscription-details{margin-bottom:var(--space-lg)}.subscription-info .subscription-card .subscription-details p{margin:0 0 var(--space-xs) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.subscription-info .subscription-card .subscription-details p strong{color:var(--text-primary)}.subscription-info .subscription-card .subscription-actions{display:flex;gap:var(--space-md)}@media (max-width: 640px){.subscription-info .subscription-card .subscription-actions{flex-direction:column}}.no-subscription{text-align:center;padding:var(--space-2xl)}.no-subscription p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.notifications-header{margin-bottom:var(--space-xl)}.notifications-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.notifications-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.5}.notification-settings{display:flex;flex-direction:column;gap:var(--space-lg)}.notification-setting{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-light);transition:all var(--transition-normal)}.notification-setting:hover{border-color:var(--primary);box-shadow:0 4px 12px #667eea1a}.notification-setting .setting-info{flex:1;margin-right:var(--space-lg)}.notification-setting .setting-info .setting-label{display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);cursor:pointer}.notification-setting .setting-info .setting-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.notification-setting .toggle-switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.notification-setting .toggle-switch input{opacity:0;width:0;height:0}.notification-setting .toggle-switch input:checked+.toggle-slider{background:var(--primary-gradient)}.notification-setting .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.notification-setting .toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary)}.notification-setting .toggle-switch .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border-medium);transition:all var(--transition-normal);border-radius:24px}.notification-setting .toggle-switch .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:var(--text-inverse);transition:all var(--transition-normal);border-radius:50%;box-shadow:0 2px 4px #0003}.upgrade-prompt{text-align:center;padding:var(--space-xl) 0}.upgrade-prompt .upgrade-header{margin-bottom:var(--space-xl)}.upgrade-prompt .upgrade-header h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-md) 0}.upgrade-prompt .upgrade-header p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0;line-height:1.5}.upgrade-prompt .upgrade-features{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.upgrade-prompt .upgrade-features .feature-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-light);text-align:left}.upgrade-prompt .upgrade-features .feature-item .feature-icon{font-size:var(--font-size-2xl);flex-shrink:0;margin-top:var(--space-xs)}.upgrade-prompt .upgrade-features .feature-item .feature-content{flex:1}.upgrade-prompt .upgrade-features .feature-item .feature-content h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.upgrade-prompt .upgrade-features .feature-item .feature-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.5}.upgrade-prompt .upgrade-cta p{color:var(--text-secondary);font-size:var(--font-size-md);margin-bottom:var(--space-lg);line-height:1.5}.upgrade-prompt .upgrade-cta .btn{font-size:var(--font-size-md);padding:var(--space-md) var(--space-xl)}.security-actions{margin-top:var(--space-xl)}.security-actions hr{border:none;height:1px;background:var(--border-light);margin:var(--space-lg) 0}.security-actions .btn-ghost{color:var(--error)}.security-actions .btn-ghost:hover{background:#ef44441a;color:var(--error)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.profile-modal-overlay{padding:var(--space-md)}.profile-modal{max-width:100%}.profile-modal .profile-modal-header{padding:var(--space-lg)}.profile-modal .profile-modal-header h2{font-size:var(--font-size-xl)}.profile-modal .profile-modal-content{padding:var(--space-lg)}.profile-modal .profile-modal-tabs .profile-tab{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}}.lineup-transactions{min-height:100vh;background:linear-gradient(135deg,var(--primary-gradient));padding:var(--space-xl) 0}.lineup-transactions .container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.lineup-transactions .transactions-header{margin-bottom:var(--space-2xl)}.lineup-transactions .transactions-header h1{color:#fff;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);text-align:center}.lineup-transactions .transaction-summary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);border:1px solid rgba(255,255,255,.2)}.lineup-transactions .transaction-summary .summary-stats{display:flex;gap:var(--space-xl);margin-bottom:var(--space-lg);flex-wrap:wrap}.lineup-transactions .transaction-summary .summary-stats .stat{display:flex;flex-direction:column;align-items:center;text-align:center}.lineup-transactions .transaction-summary .summary-stats .stat .label{color:#fffc;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.lineup-transactions .transaction-summary .summary-stats .stat .value{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.lineup-transactions .transaction-summary .action-breakdown h3{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.lineup-transactions .transaction-summary .action-breakdown .action-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.lineup-transactions .transaction-summary .action-breakdown .action-stats .action-stat{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.lineup-transactions .transaction-summary .action-breakdown .action-stats .action-stat.success{border-color:var(--success);background:#10b9811a}.lineup-transactions .transaction-summary .action-breakdown .action-stats .action-stat.error{border-color:var(--error);background:#ef44441a}.lineup-transactions .transaction-summary .action-breakdown .action-stats .action-stat.warning{border-color:var(--warning);background:#f59e0b1a}.lineup-transactions .transaction-summary .action-breakdown .action-stats .action-stat.info{border-color:var(--info);background:#3b82f61a}.lineup-transactions .transaction-summary .action-breakdown .action-stats .action-stat .icon{font-size:var(--font-size-lg)}.lineup-transactions .transaction-summary .action-breakdown .action-stats .action-stat .label{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex:1}.lineup-transactions .transaction-summary .action-breakdown .action-stats .action-stat .count{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);background:#fff3;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);min-width:30px;text-align:center}.lineup-transactions .transactions-list .no-transactions{text-align:center;padding:var(--space-3xl);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2)}.lineup-transactions .transactions-list .no-transactions p{color:#fffc;font-size:var(--font-size-lg)}.lineup-transactions .transactions-list .transaction-item{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.lineup-transactions .transactions-list .transaction-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.lineup-transactions .transactions-list .transaction-item.success{border-left:4px solid var(--success)}.lineup-transactions .transactions-list .transaction-item.error{border-left:4px solid var(--error)}.lineup-transactions .transactions-list .transaction-item.warning{border-left:4px solid var(--warning)}.lineup-transactions .transactions-list .transaction-item.info{border-left:4px solid var(--info)}.lineup-transactions .transactions-list .transaction-item .transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.lineup-transactions .transactions-list .transaction-item .transaction-header .action-info{display:flex;align-items:center;gap:var(--space-sm)}.lineup-transactions .transactions-list .transaction-item .transaction-header .action-info .icon{font-size:var(--font-size-lg)}.lineup-transactions .transactions-list .transaction-item .transaction-header .action-info .action-label{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.lineup-transactions .transactions-list .transaction-item .transaction-header .timestamp{color:#ffffffb3;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.lineup-transactions .transactions-list .transaction-item .transaction-details .description{color:#ffffffe6;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.lineup-transactions .transactions-list .transaction-item .transaction-details .transaction-data details summary{color:#fffc;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--space-sm);background:#ffffff0d;border-radius:var(--radius-sm);transition:background .2s ease}.lineup-transactions .transactions-list .transaction-item .transaction-details .transaction-data details summary:hover{background:#ffffff1a}.lineup-transactions .transactions-list .transaction-item .transaction-details .transaction-data details pre{background:#0000004d;color:#ffffffe6;padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family-mono);overflow-x:auto;margin-top:var(--space-sm);border:1px solid rgba(255,255,255,.1)}.lineup-transactions .loading{text-align:center;padding:var(--space-3xl);color:#fff;font-size:var(--font-size-lg)}.lineup-transactions .error-message{text-align:center;padding:var(--space-3xl);background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-lg)}.lineup-transactions .error-message h2{color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.lineup-transactions .error-message p{color:#ffffffe6;font-size:var(--font-size-base);margin-bottom:var(--space-lg)}.lineup-transactions .error-message .btn-retry{background:var(--error);color:#fff;border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.lineup-transactions .error-message .btn-retry:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width: 768px){.lineup-transactions{padding:var(--space-lg) 0}.lineup-transactions .container{padding:0 var(--space-md)}.lineup-transactions .transactions-header h1{font-size:var(--font-size-3xl)}.lineup-transactions .transaction-summary{padding:var(--space-lg)}.lineup-transactions .transaction-summary .summary-stats{flex-direction:column;gap:var(--space-lg)}.lineup-transactions .transaction-summary .summary-stats .stat{flex-direction:row;justify-content:space-between}.lineup-transactions .transaction-summary .action-stats{grid-template-columns:1fr}.lineup-transactions .transaction-item .transaction-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.lineup-transactions .transaction-item .transaction-header .timestamp{align-self:flex-end}}.scoreboard{background:var(--bg-color, #0f0f0f);color:var(--text-color, #ffffff);min-height:100vh;padding:20px}.scoreboard .scoreboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #2a2a2a)}.scoreboard .scoreboard-header .scoreboard-title{display:flex;align-items:center;gap:20px}.scoreboard .scoreboard-header .scoreboard-title h1{margin:0;font-size:1.8rem}.scoreboard .scoreboard-header .scoreboard-title .week-selector .week-dropdown{padding:8px 12px;border:1px solid var(--border-color, #2a2a2a);border-radius:6px;background:var(--card-bg, #1a1a1a);color:var(--text-color, #ffffff);font-size:.9rem;cursor:pointer}.scoreboard .scoreboard-header .scoreboard-title .week-selector .week-dropdown:focus{outline:none;border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.scoreboard .scoreboard-header .scoreboard-title .week-selector .week-dropdown option{background:var(--card-bg, #1a1a1a);color:var(--text-color, #ffffff)}.scoreboard .scoreboard-header .live-indicator .live-status{display:flex;align-items:center;gap:6px;color:#10b981;font-weight:600;font-size:.9rem}.scoreboard .scoreboard-header .live-indicator .live-status:before{content:"";width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.scoreboard .scoreboard-header .live-indicator .offline-status{display:flex;align-items:center;gap:6px;color:#ef4444;font-weight:600;font-size:.9rem}.scoreboard .scoreboard-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #6b7280);font-size:1.1rem}.scoreboard .scoreboard-empty .empty-content .empty-icon{font-size:3rem;margin-bottom:16px}.scoreboard .scoreboard-empty .empty-content h2{font-size:1.5rem;margin:0 0 12px}.scoreboard .scoreboard-empty .empty-content p{color:var(--text-muted, #6b7280);font-size:1rem;margin:0}.scoreboard .games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px;max-width:1200px;margin:0 auto}.scoreboard .games-grid .game-card{background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:8px;overflow:hidden;transition:all .2s ease}.scoreboard .games-grid .game-card:hover{border-color:var(--accent-color, #3b82f6);box-shadow:0 4px 12px #0000004d}.scoreboard .games-grid .game-card.live{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b}.scoreboard .games-grid .game-card.final{opacity:.7}.scoreboard .games-grid .game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--away-team-primary, #666) 0%,var(--away-team-secondary, #999) 25%,var(--home-team-secondary, #999) 75%,var(--home-team-primary, #666) 100%);z-index:1;box-shadow:0 2px 8px #0000004d}.scoreboard .games-grid .game-card .game-header{padding:16px;background:var(--card-bg-secondary, #222222);border-bottom:1px solid var(--border-color, #2a2a2a)}.scoreboard .games-grid .game-card .game-header .game-status{text-align:center;margin-bottom:12px;font-weight:600;font-size:.85rem;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px}.scoreboard .games-grid .game-card .game-header .game-teams{display:flex;align-items:center;justify-content:space-between;gap:12px}.scoreboard .games-grid .game-card .game-header .game-teams .team{display:flex;align-items:center;gap:8px;flex:1;padding:8px 12px;border-radius:6px;transition:all .2s ease}.scoreboard .games-grid .game-card .game-header .game-teams .team.away-team{justify-content:flex-end;background:linear-gradient(135deg,rgba(var(--away-team-primary-rgb, 102, 102, 102),.15),rgba(var(--away-team-secondary-rgb, 102, 102, 102),.08),rgba(var(--away-team-primary-rgb, 102, 102, 102),.12));border:1px solid rgba(var(--away-team-primary-rgb, 102, 102, 102),.3);position:relative;overflow:hidden}.scoreboard .games-grid .game-card .game-header .game-teams .team.away-team:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(var(--away-team-primary-rgb, 102, 102, 102),.05) 50%,transparent 100%);z-index:0}.scoreboard .games-grid .game-card .game-header .game-teams .team.away-team .team-logo{width:24px;height:24px;object-fit:contain;z-index:1;position:relative}.scoreboard .games-grid .game-card .game-header .game-teams .team.away-team .team-name{font-weight:600;font-size:.9rem;z-index:1;position:relative}.scoreboard .games-grid .game-card .game-header .game-teams .team.away-team .team-score{font-weight:700;font-size:1.1rem;color:var(--text-color, #ffffff);z-index:1;position:relative}.scoreboard .games-grid .game-card .game-header .game-teams .team.home-team{justify-content:flex-start;background:linear-gradient(135deg,rgba(var(--home-team-primary-rgb, 102, 102, 102),.15),rgba(var(--home-team-secondary-rgb, 102, 102, 102),.08),rgba(var(--home-team-primary-rgb, 102, 102, 102),.12));border:1px solid rgba(var(--home-team-primary-rgb, 102, 102, 102),.3);position:relative;overflow:hidden}.scoreboard .games-grid .game-card .game-header .game-teams .team.home-team:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(var(--home-team-primary-rgb, 102, 102, 102),.05) 50%,transparent 100%);z-index:0}.scoreboard .games-grid .game-card .game-header .game-teams .team.home-team .team-logo{width:24px;height:24px;object-fit:contain;z-index:1;position:relative}.scoreboard .games-grid .game-card .game-header .game-teams .team.home-team .team-name{font-weight:600;font-size:.9rem;z-index:1;position:relative}.scoreboard .games-grid .game-card .game-header .game-teams .team.home-team .team-score{font-weight:700;font-size:1.1rem;color:var(--text-color, #ffffff);z-index:1;position:relative}.scoreboard .games-grid .game-card .game-header .game-teams .game-vs{font-weight:600;color:var(--text-muted, #6b7280);font-size:.9rem;padding:0 8px}.scoreboard .games-grid .game-card .my-players-section{padding:16px}.scoreboard .games-grid .game-card .my-players-section h3{margin:0 0 12px;font-size:1rem;color:var(--text-color, #ffffff);font-weight:600}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color, #2a2a2a)}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row:last-child{border-bottom:none}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row.my-player{background:#3b82f61a;border-radius:4px;padding:8px 12px;margin:0 -12px}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row .player-info{display:flex;align-items:center;gap:8px;flex:1}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row .player-info .player-name{font-weight:600;font-size:.9rem;color:var(--text-color, #ffffff)}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row .player-info .player-position{font-size:.8rem;color:var(--text-muted, #6b7280);background:var(--card-bg-secondary, #222222);padding:2px 6px;border-radius:3px}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row .player-info .player-team{font-size:.8rem;color:var(--text-muted, #6b7280);font-weight:500}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row .player-points{display:flex;align-items:center;gap:8px}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row .player-points .actual-points{font-weight:700;color:#10b981;font-size:.9rem}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row .player-points .projected-points{font-weight:600;color:var(--text-muted, #6b7280);font-size:.85rem}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row .lineup-name{font-size:.8rem;color:var(--accent-color, #3b82f6);font-weight:500;margin-left:8px}.scoreboard .games-grid .game-card .my-players-section .no-players{text-align:center;padding:20px;color:var(--text-muted, #6b7280)}.scoreboard .games-grid .game-card .my-players-section .no-players p{margin:0;font-size:.9rem}.scoreboard.loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.scoreboard.loading .loading-content{text-align:center;color:var(--text-muted, #6b7280)}.scoreboard.loading .loading-content .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #2a2a2a);border-top:3px solid var(--accent-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.scoreboard.loading .loading-content h2{font-size:1.5rem;margin:0 0 8px;color:var(--text-color, #ffffff)}.scoreboard.loading .loading-content p{font-size:1rem;margin:0}.scoreboard.error{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#ef4444;font-size:1.1rem;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.scoreboard{padding:16px}.scoreboard .scoreboard-header{flex-direction:column;gap:16px;align-items:flex-start}.scoreboard .scoreboard-header .scoreboard-title h1{font-size:1.5rem}.scoreboard .games-grid{grid-template-columns:1fr;gap:12px}.scoreboard .games-grid .game-card .game-header .game-teams{flex-direction:column;gap:8px}.scoreboard .games-grid .game-card .game-header .game-teams .team{justify-content:center!important;width:100%}.scoreboard .games-grid .game-card .game-header .game-teams .game-vs{display:none}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row{flex-direction:column;align-items:flex-start;gap:8px}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row .player-info{width:100%;justify-content:space-between}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row .player-points{align-self:flex-end}.scoreboard .games-grid .game-card .my-players-section .my-players-list .player-row .lineup-name{align-self:flex-end;margin-left:0}}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.join-link{min-height:100vh;background:var(--bg-primary);position:relative;display:flex;justify-content:center;align-items:center;padding:var(--space-xl)}.join-link:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(111,0,255,.08) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(0,102,255,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,212,255,.04) 0%,transparent 50%);pointer-events:none;z-index:-1}.join-link .join-link-content{max-width:500px;width:100%;text-align:center;padding:var(--space-3xl) var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--border-light);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;animation:slideUp .6s ease-out}.join-link .join-link-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.join-link .join-link-content:hover:before{transform:scaleX(1)}.join-link .join-link-content h2{margin:0 0 var(--space-lg) 0;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.join-link .join-link-content p{margin:0 0 var(--space-md) 0;color:var(--text-secondary);line-height:1.6;font-size:var(--font-size-base)}.join-link .join-link-content p:last-of-type{margin-bottom:var(--space-lg)}.join-link .join-link-content .loading-spinner{width:48px;height:48px;border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-lg) auto}.join-link .join-link-content .success-icon{width:80px;height:80px;background:var(--success);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 auto var(--space-lg) auto;box-shadow:0 0 20px #22c55e4d;animation:scaleIn .6s ease-out}.join-link .join-link-content .error-icon{width:80px;height:80px;background:var(--error);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 auto var(--space-lg) auto;box-shadow:0 0 20px #ef44444d;animation:scaleIn .6s ease-out}.join-link .join-link-content .error-message{color:var(--error);font-weight:var(--font-weight-medium);background:linear-gradient(135deg,#ef44441a,#ef44440d);padding:var(--space-lg);border-radius:var(--radius-lg);margin:var(--space-lg) 0;border:1px solid rgba(239,68,68,.2);font-size:var(--font-size-base)}.join-link .join-link-content .btn-primary{margin-top:var(--space-lg);padding:var(--space-md) var(--space-2xl);background:var(--primary-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md),var(--glow-primary);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.join-link .join-link-content .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.join-link .join-link-content.success{border-color:var(--success)}.join-link .join-link-content.success:before{background:var(--success);transform:scaleX(1)}.join-link .join-link-content.error{border-color:var(--error)}.join-link .join-link-content.error:before{background:var(--error);transform:scaleX(1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width: 640px){.join-link{padding:var(--space-lg)}.join-link .join-link-content{padding:var(--space-2xl) var(--space-lg)}.join-link .join-link-content h2{font-size:var(--font-size-xl)}.join-link .join-link-content .success-icon,.join-link .join-link-content .error-icon{width:60px;height:60px;font-size:var(--font-size-2xl)}}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.invitation{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.invitation .invitation-content{background:var(--bg-card);border-radius:16px;padding:3rem;max-width:600px;width:100%;box-shadow:var(--shadow-elevated);border:1px solid var(--border-light);text-align:center;position:relative;overflow:hidden}.invitation .invitation-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.invitation .invitation-content .loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.invitation .invitation-content h1{margin:0 0 1rem;color:var(--text-primary);font-size:2rem;font-weight:700}.invitation .invitation-content h2{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.invitation .invitation-content h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.invitation .invitation-content p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.6}.invitation .invitation-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.invitation .invitation-header .invitation-status{margin-top:1rem}.invitation .invitation-header .invitation-status .status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.invitation .invitation-header .invitation-status .status-badge.pending{background:linear-gradient(135deg,var(--warning),#fbbf24);color:var(--text-inverse)}.invitation .invitation-header .invitation-status .status-badge.accepted{background:linear-gradient(135deg,var(--success),#34d399);color:var(--text-inverse)}.invitation .invitation-header .invitation-status .status-badge.declined{background:linear-gradient(135deg,var(--error),#f87171);color:var(--text-inverse)}.invitation .invitation-header .invitation-status .status-badge.expired{background:var(--text-muted);color:var(--text-inverse)}.invitation .invitation-details{text-align:left;margin-bottom:2rem}.invitation .invitation-details .group-info{margin-bottom:2rem;padding:1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light)}.invitation .invitation-details .group-info .group-description{color:var(--text-secondary);font-style:italic;margin-bottom:1rem}.invitation .invitation-details .group-info .group-stats .stat{display:block;color:var(--text-secondary);font-size:.9rem}.invitation .invitation-details .group-info .group-stats .stat strong{color:var(--text-primary)}.invitation .invitation-details .inviter-info{margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border-radius:8px;border-left:4px solid var(--primary)}.invitation .invitation-details .inviter-info .inviter-name{color:var(--primary);font-weight:600;margin:0}.invitation .invitation-details .invitation-message{margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border-radius:8px;border-left:4px solid var(--secondary)}.invitation .invitation-details .invitation-message p{margin:0;font-style:italic;color:var(--text-secondary)}.invitation .invitation-details .invitation-meta{padding:1rem;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-light)}.invitation .invitation-details .invitation-meta p{margin:0 0 .5rem;font-size:.9rem}.invitation .invitation-details .invitation-meta p:last-child{margin-bottom:0}.invitation .invitation-details .invitation-meta .expired-warning{color:var(--error);font-weight:600;margin-top:.5rem}.invitation .invitation-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.invitation .invitation-actions button{min-width:140px;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;text-align:center;transition:all .2s ease;border:none;cursor:pointer;position:relative;overflow:hidden}.invitation .invitation-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.invitation .invitation-actions button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.invitation .invitation-actions button:not(:disabled):active{transform:translateY(0)}.invitation .invitation-actions .btn-primary{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-md),var(--glow-primary);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.invitation .invitation-actions .btn-primary:hover:not(:disabled){background:var(--primary-gradient);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.invitation .invitation-actions .btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md),var(--glow-primary)}.invitation .invitation-actions .btn-secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-light);box-shadow:var(--shadow-md);font-weight:600}.invitation .invitation-actions .btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.invitation .invitation-actions .btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.invitation.error .invitation-content{border-color:var(--error)}.invitation.error .error-icon{font-size:3rem;color:var(--error);margin-bottom:1rem}.invitation.error .error-message{color:var(--error);background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.2);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.invitation.success .invitation-content{border-color:var(--success)}.invitation.success .success-icon{font-size:3rem;color:var(--success);margin-bottom:1rem}@media (max-width: 768px){.invitation{padding:1rem}.invitation .invitation-content{padding:2rem 1.5rem}.invitation .invitation-content h1{font-size:1.75rem}.invitation .invitation-content h2{font-size:1.25rem}.invitation .invitation-actions{flex-direction:column}.invitation .invitation-actions button{width:100%;min-width:auto}}@media (max-width: 480px){.invitation .invitation-content{padding:1.5rem 1rem}.invitation .invitation-content h1{font-size:1.5rem}.invitation .invitation-details .group-info,.invitation .invitation-details .inviter-info,.invitation .invitation-details .invitation-message,.invitation .invitation-details .invitation-meta{padding:1rem}}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.unsubscribe-page{min-height:100vh;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);position:relative}.unsubscribe-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(111,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,102,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,212,255,.05) 0%,transparent 50%);pointer-events:none}.unsubscribe-page .container{max-width:600px;width:100%;position:relative;z-index:1}.unsubscribe-page .unsubscribe-content{background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeIn .6s ease-out}.unsubscribe-page .header{background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-2xl) var(--space-xl);text-align:center;position:relative}.unsubscribe-page .header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.unsubscribe-page .header h1{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);position:relative;z-index:1}.unsubscribe-page .header .tagline{margin:0;font-size:var(--font-size-lg);opacity:.9;position:relative;z-index:1}.unsubscribe-page .status-card{padding:var(--space-2xl) var(--space-xl);text-align:center}.unsubscribe-page .status-card.success .status-icon{color:var(--success)}.unsubscribe-page .status-card.error .status-icon{color:var(--error)}.unsubscribe-page .status-card.not-found .status-icon{color:var(--warning)}.unsubscribe-page .status-card .status-icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-lg)}.unsubscribe-page .status-card h2{margin:0 0 var(--space-md) 0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.unsubscribe-page .status-card p{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.unsubscribe-page .status-card .email-display{background:var(--bg-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-primary);margin:var(--space-lg) 0;border:1px solid var(--border-light)}.unsubscribe-page .status-card .actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-top:var(--space-xl)}.unsubscribe-page .status-card .actions .btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-base);font-family:var(--font-family)}.unsubscribe-page .status-card .actions .btn.btn-primary{background:var(--primary);color:var(--text-inverse)}.unsubscribe-page .status-card .actions .btn.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.unsubscribe-page .status-card .actions .btn.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-medium)}.unsubscribe-page .status-card .actions .btn.btn-secondary:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.unsubscribe-page .loading{padding:var(--space-3xl) var(--space-xl);text-align:center}.unsubscribe-page .loading h2{margin:0 0 var(--space-md) 0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.unsubscribe-page .loading p{margin:0;font-size:var(--font-size-lg);color:var(--text-secondary)}.unsubscribe-page .info-section{background:var(--bg-secondary);padding:var(--space-xl);border-top:1px solid var(--border-light)}.unsubscribe-page .info-section h3{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.unsubscribe-page .info-section ul{margin:0;padding-left:var(--space-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.unsubscribe-page .info-section ul li{margin-bottom:var(--space-sm)}.unsubscribe-page .footer{background:var(--bg-tertiary);padding:var(--space-lg) var(--space-xl);text-align:center;border-top:1px solid var(--border-light)}.unsubscribe-page .footer p{margin:0 0 var(--space-md) 0;color:var(--text-muted);font-size:var(--font-size-sm)}.unsubscribe-page .footer .home-link{color:var(--primary);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:color var(--transition-normal)}.unsubscribe-page .footer .home-link:hover{color:var(--primary-light);text-decoration:underline}@media (max-width: 768px){.unsubscribe-page{padding:var(--space-sm)}.unsubscribe-page .header{padding:var(--space-xl) var(--space-lg)}.unsubscribe-page .header h1{font-size:var(--font-size-3xl)}.unsubscribe-page .status-card{padding:var(--space-xl) var(--space-lg)}.unsubscribe-page .status-card .actions{flex-direction:column;align-items:center}.unsubscribe-page .status-card .actions .btn{width:100%;max-width:250px}.unsubscribe-page .info-section{padding:var(--space-lg)}.unsubscribe-page .footer{padding:var(--space-md) var(--space-lg)}}.preferences-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.pwa-install-banner{position:fixed;top:var(--space-md);left:var(--space-md);right:var(--space-md);z-index:var(--z-modal);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pwa-install-banner .pwa-banner-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.pwa-install-banner .pwa-banner-text{flex:1}.pwa-install-banner .pwa-banner-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.pwa-install-banner .pwa-banner-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-xs) 0 0 0;line-height:var(--line-height-normal)}.pwa-install-banner .pwa-banner-description p{margin:0}.pwa-install-banner .pwa-banner-actions{display:flex;gap:var(--space-sm);margin-left:var(--space-md)}.pwa-install-banner .pwa-banner-actions .btn{min-width:80px;height:32px;font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.pwa-install-banner .font-mono{font-family:var(--font-family-mono)}.ios-share-icon{font-size:1.3em;vertical-align:middle;background:#fff;color:#007aff;border-radius:50%;box-shadow:0 1px 4px #00000014;padding:.18em .18em .12em;margin:0 .3em;border:1px solid #e0e0e0;display:inline-flex;align-items:center;justify-content:center}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.not-found{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;position:relative}.not-found:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(111,0,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,102,255,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}.container{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-xl)}@media (max-width: 768px){.container{padding:var(--space-lg)}}@media (max-width: 640px){.container{padding:var(--space-md)}}.not-found-content{text-align:center;background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-3xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;margin:0 auto}.not-found-content .error-code{font-size:8rem;font-weight:var(--font-weight-black);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-lg)}@media (max-width: 768px){.not-found-content .error-code{font-size:6rem}}@media (max-width: 640px){.not-found-content .error-code{font-size:4rem}}.not-found-content h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-md)}@media (max-width: 768px){.not-found-content h1{font-size:var(--font-size-xl)}}.not-found-content p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.6}@media (max-width: 768px){.not-found-content p{font-size:var(--font-size-base)}}.not-found-content .actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}@media (max-width: 640px){.not-found-content .actions{flex-direction:column;align-items:center}}.not-found-content .actions .btn-primary{background:var(--primary-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-block;box-shadow:var(--shadow-md),var(--glow-primary)}.not-found-content .actions .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.not-found-content .actions .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-block}.not-found-content .actions .btn-secondary:hover{background:var(--bg-primary);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.feedback-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-md)}.feedback-modal{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:0 20px 40px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feedback-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-light)}.feedback-modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.feedback-modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-normal)}.feedback-modal-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.feedback-modal-body{padding:var(--space-lg)}.feedback-type-selector{margin-bottom:var(--space-xl)}.feedback-type-selector .form-label{margin-bottom:var(--space-md);font-weight:var(--font-weight-medium)}.feedback-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.feedback-type-option{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;transition:all var(--transition-normal);text-align:left;width:100%}.feedback-type-option:hover{border-color:var(--primary);background:var(--bg-secondary);transform:translateY(-2px)}.feedback-type-option.selected{border-color:var(--primary);background:linear-gradient(135deg,#6f00ff1a,#6f00ff0d);box-shadow:0 4px 12px #6f00ff33}.feedback-type-icon{font-size:var(--font-size-2xl);flex-shrink:0;margin-top:2px}.feedback-type-content{flex:1}.feedback-type-label{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);font-size:var(--font-size-base)}.feedback-type-description{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.4}.feedback-form .form-group{margin-bottom:var(--space-lg)}.feedback-form .form-label{display:block;margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.feedback-form .form-label .required{color:var(--error)}.feedback-form .form-input,.feedback-form .form-textarea{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-family);transition:all var(--transition-normal)}.feedback-form .form-input:focus,.feedback-form .form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6f00ff1a}.feedback-form .form-input::placeholder,.feedback-form .form-textarea::placeholder{color:var(--text-muted)}.feedback-form .form-textarea{min-height:120px;resize:vertical;line-height:1.6}.feedback-form .form-help{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-xs)}.feedback-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-light)}.feedback-actions .btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);cursor:pointer;border:none;font-size:var(--font-size-base)}.feedback-actions .btn:disabled{opacity:.6;cursor:not-allowed}.feedback-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-light)}.feedback-actions .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-medium)}.feedback-actions .btn-primary{background:var(--primary-gradient);color:var(--text-inverse)}.feedback-actions .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6f00ff4d}@media (max-width: 768px){.feedback-modal{margin:var(--space-md);max-height:calc(100vh - 2 * var(--space-md))}.feedback-type-grid{grid-template-columns:1fr}.feedback-actions{flex-direction:column-reverse}.feedback-actions .btn{width:100%}}@media (max-width: 480px){.feedback-modal-header,.feedback-modal-body{padding:var(--space-md)}.feedback-type-option{padding:var(--space-sm);gap:var(--space-sm)}.feedback-type-icon{font-size:var(--font-size-xl)}}.websocket-status{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;transition:all .2s ease;cursor:default}.websocket-status .status-dot{width:8px;height:8px;border-radius:50%;transition:all .2s ease}.websocket-status .status-dot.connected{background-color:#10b981;box-shadow:0 0 0 2px #10b98133;animation:pulse 2s infinite}.websocket-status .status-dot.connecting{background-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33;animation:pulse 1s infinite}.websocket-status .status-dot.disconnected{background-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.websocket-status .status-text{color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.websocket-status.connected{background-color:#10b9811a;border:1px solid rgba(16,185,129,.2)}.websocket-status.connected .status-text{color:#10b981}.websocket-status.connecting{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.websocket-status.connecting .status-text{color:#f59e0b}.websocket-status.disconnected{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2)}.websocket-status.disconnected .status-text{color:#ef4444}.websocket-status:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@media (prefers-color-scheme: dark){.websocket-status .status-text{color:#9ca3af}.websocket-status.connected{background-color:#10b98126;border-color:#10b9814d}.websocket-status.connected .status-text{color:#34d399}.websocket-status.connecting{background-color:#f59e0b26;border-color:#f59e0b4d}.websocket-status.connecting .status-text{color:#fbbf24}.websocket-status.disconnected{background-color:#ef444426;border-color:#ef44444d}.websocket-status.disconnected .status-text{color:#f87171}}:root{--primary: #6f00ff;--primary-light: #8a2be2;--primary-dark: #4a0080;--primary-gradient: linear-gradient(135deg, #6f00ff 0%, #8a2be2 100%);--secondary: #0066ff;--secondary-light: #1a75ff;--secondary-dark: #0052cc;--secondary-gradient: linear-gradient(135deg, #0066ff 0%, #1a75ff 100%);--accent: #00d4ff;--accent-light: #33ddff;--accent-dark: #00a3cc;--accent-gradient: linear-gradient(135deg, #00d4ff 0%, #33ddff 100%);--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: #1e1e1e;--bg-overlay: rgba(0, 0, 0, .8);--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--text-inverse: #ffffff;--border-light: #333333;--border-medium: #444444;--border-dark: #555555;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--font-family-mono: JetBrains Mono, Fira Code, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-elevated: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3);--glow-primary: 0 0 20px rgba(111, 0, 255, .3);--glow-secondary: 0 0 20px rgba(0, 102, 255, .3);--glow-accent: 0 0 20px rgba(0, 212, 255, .3);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--header-height: 4rem;--navbar-height: 4rem;--container-max-width: 1200px;--sidebar-width: 280px;--max-width: 1200px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-navbar: 1000;--z-mobile-menu: 999}@media (prefers-color-scheme: dark){:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #111111;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #0f172a;--text-muted: #64748b;--border-light: #1e293b;--border-medium: #334155;--border-dark: #475569;--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-elevated: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #111111;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #0f172a;--text-muted: #64748b;--border-light: #1e293b;--border-medium: #334155;--border-dark: #475569;--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-elevated: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md);line-height:var(--line-height-relaxed)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--primary-light)}*:focus{outline:2px solid var(--primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary);color:var(--text-inverse)}::-moz-selection{background:var(--primary);color:var(--text-inverse)}.App{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);position:relative}.App:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(111,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,102,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,212,255,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.main-content{flex:1;display:flex;flex-direction:column;padding-top:var(--header-height);position:relative}.page-container{flex:1;margin:0 auto;width:100%;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);height:40px;min-width:100px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-md),var(--glow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.btn-secondary{background:var(--secondary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-md),var(--glow-secondary)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-secondary)}.btn-accent{background:var(--accent-gradient);color:var(--text-inverse);box-shadow:var(--shadow-md),var(--glow-accent)}.btn-accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-accent)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:var(--primary);color:var(--text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glow-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:var(--text-inverse);box-shadow:var(--shadow-md),0 0 20px #dc26264d}.btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #dc262666}.btn-link{background:transparent;color:var(--primary);text-decoration:underline;text-underline-offset:2px;min-width:auto;padding:var(--space-xs) var(--space-sm);box-shadow:none;height:auto}.btn-link:hover{color:var(--primary-dark);text-decoration-thickness:2px;transform:none}.btn-link:active{transform:none}.btn-link.danger{color:#dc2626;text-decoration-color:#dc2626}.btn-link.danger:hover{color:#b91c1c}.btn-link.primary{color:var(--primary);text-decoration-color:var(--primary)}.btn-link.small{font-size:var(--font-size-xs);padding:var(--space-xs)}.btn-retry{background:var(--accent-gradient);color:var(--text-inverse);box-shadow:var(--shadow-md),var(--glow-accent)}.btn-retry:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-accent)}.btn-manage{background:var(--secondary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-md),var(--glow-secondary)}.btn-manage:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-secondary)}.btn-current{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-md),var(--glow-primary);cursor:default}.btn-current:hover{transform:none;box-shadow:var(--shadow-md),var(--glow-primary)}.btn-subscribe{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-md),var(--glow-primary)}.btn-subscribe:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.btn-downgrade{background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-light);cursor:not-allowed}.btn-downgrade:hover{transform:none;box-shadow:none}.btn-login{background:transparent;color:var(--text-primary);border:2px solid var(--border-light)}.btn-login:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-signup{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-md),var(--glow-primary)}.btn-signup:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.btn-sm{height:32px;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);min-width:80px}.btn-lg,.btn-large{height:48px;padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);min-width:120px}.btn:disabled,.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none!important;pointer-events:none}.btn-loading{cursor:wait;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.btn-icon{display:inline-flex;align-items:center;gap:var(--space-xs)}.btn-icon-left{flex-direction:row}.btn-icon-right{flex-direction:row-reverse}.btn-full{width:100%;min-width:auto}.btn-group-stacked{display:flex;flex-direction:column;gap:var(--space-sm)}.btn-group-stacked .btn{margin-left:0}@media (max-width: 640px){.btn-lg,.btn-large{height:44px;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);min-width:100px}.btn-full{min-width:auto}.btn-group{flex-direction:column;gap:var(--space-sm)}.btn-group .btn{margin-left:0}}.custom-toast-container{z-index:var(--z-tooltip)}.custom-toast{background:var(--bg-card)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;color:var(--text-primary)!important;font-family:var(--font-family)!important;font-size:var(--font-size-sm)!important;padding:var(--space-md)!important;min-height:auto!important;margin-bottom:var(--space-sm)!important}.custom-toast.Toastify__toast--success{border-left:4px solid var(--success)!important;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(34,197,94,.1) 100%)!important}.custom-toast.Toastify__toast--success .Toastify__progress-bar{background:var(--success)!important}.custom-toast.Toastify__toast--error{border-left:4px solid #dc2626!important;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(220,38,38,.1) 100%)!important}.custom-toast.Toastify__toast--error .Toastify__progress-bar{background:#dc2626!important}.custom-toast.Toastify__toast--warning{border-left:4px solid var(--warning)!important;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(245,158,11,.1) 100%)!important}.custom-toast.Toastify__toast--warning .Toastify__progress-bar{background:var(--warning)!important}.custom-toast.Toastify__toast--info{border-left:4px solid var(--info)!important;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(59,130,246,.1) 100%)!important}.custom-toast.Toastify__toast--info .Toastify__progress-bar{background:var(--info)!important}.custom-toast .Toastify__toast-body{padding:0!important;margin:0!important;font-family:var(--font-family)!important;font-size:var(--font-size-sm)!important;line-height:var(--line-height-normal)!important;color:var(--text-primary)!important}.custom-toast .Toastify__toast-icon{margin-right:var(--space-sm)!important;font-size:var(--font-size-lg)!important}.custom-toast .Toastify__close-button{color:var(--text-secondary)!important;opacity:.7!important;transition:opacity var(--transition-normal)!important}.custom-toast .Toastify__close-button:hover{opacity:1!important;color:var(--text-primary)!important}.custom-toast .Toastify__progress-bar{height:3px!important;border-radius:0 0 var(--radius-lg) var(--radius-lg)!important}.custom-toast.Toastify__toast--enter{transform:translate(100%)!important}.custom-toast.Toastify__toast--enter-active{transform:translate(0)!important;transition:transform .3s ease-out!important}.custom-toast.Toastify__toast--exit{transform:translate(0)!important}.custom-toast.Toastify__toast--exit-active{transform:translate(100%)!important;transition:transform .3s ease-in!important}@media (max-width: 640px){.custom-toast-container{width:100%!important;padding:var(--space-sm)!important}.custom-toast{margin-bottom:var(--space-xs)!important;font-size:var(--font-size-xs)!important;padding:var(--space-sm)!important}}.btn+.btn{margin-left:var(--space-md)}.btn-group{display:flex;gap:var(--space-md);align-items:center}.btn-group.btn-group-vertical{flex-direction:column;align-items:stretch}.btn-group.btn-group-vertical .btn{margin-left:0}.btn-group.btn-group-compact{gap:var(--space-sm)}.btn-group.btn-group-spaced{gap:var(--space-lg)}.card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);overflow:hidden;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-normal)}.card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-4px);border-color:var(--border-medium)}.card:hover:before{opacity:1}.card-header{padding:var(--space-lg);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.card-header h3,.card-header h4,.card-header h5,.card-header h6{margin-bottom:0;color:var(--text-primary)}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-lg);border-top:1px solid var(--border-light);background:var(--bg-secondary)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6f00ff1a}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{min-height:120px;resize:vertical;line-height:1.6;padding:var(--space-md)}.form-textarea::-webkit-scrollbar{width:8px}.form-textarea::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-md)}.form-textarea::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-md);transition:background var(--transition-normal)}.form-textarea::-webkit-scrollbar-thumb:hover{background:var(--primary)}.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6f00ff1a;background:var(--bg-secondary)}.form-textarea.auto-resize{overflow:hidden;resize:none}.form-textarea-sm{min-height:80px;font-size:var(--font-size-sm)}.form-textarea-lg{min-height:160px;font-size:var(--font-size-lg)}.form-textarea-xl{min-height:200px;font-size:var(--font-size-lg)}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-xl)}.form-input.is-valid,.is-valid.form-select,.form-textarea.is-valid{border-color:var(--success)}.form-input.is-valid:focus,.is-valid.form-select:focus,.form-textarea.is-valid:focus{box-shadow:0 0 0 3px #22c55e1a}.form-input.is-invalid,.is-invalid.form-select,.form-textarea.is-invalid{border-color:var(--error)}.form-input.is-invalid:focus,.is-invalid.form-select:focus,.form-textarea.is-invalid:focus{box-shadow:0 0 0 3px #ef44441a}.form-feedback{font-size:var(--font-size-sm);margin-top:var(--space-xs)}.form-feedback.form-feedback-valid{color:var(--success)}.form-feedback.form-feedback-invalid{color:var(--error)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--primary-gradient);color:var(--text-inverse)}.badge-secondary{background:var(--secondary-gradient);color:var(--text-inverse)}.badge-success{background:linear-gradient(135deg,var(--success),#34d399);color:var(--text-inverse)}.badge-warning{background:linear-gradient(135deg,var(--warning),#fbbf24);color:var(--text-inverse)}.badge-error{background:linear-gradient(135deg,var(--error),#f87171);color:var(--text-inverse)}.loading,.loading-legacy{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl);color:var(--text-secondary);text-align:center}.loading .loading-spinner,.loading-legacy .loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}.loading p,.loading-legacy p{margin:0;font-size:var(--font-size-lg);color:var(--text-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--error);border:1px solid rgba(239,68,68,.2);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);text-align:center;font-weight:var(--font-weight-medium)}.error-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl);background:var(--bg-primary);position:relative}.error-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(111,0,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,102,255,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}.error-page .error-content{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-3xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;width:100%;text-align:center;animation:slideUp .6s ease-out}.error-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-2xl);text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.no-data,.empty-legacy{text-align:center;padding:var(--space-3xl);color:var(--text-secondary);font-size:var(--font-size-lg)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-xl)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-muted{color:var(--text-muted)}.bg-primary{background:var(--primary)}.bg-secondary{background:var(--secondary)}.bg-accent{background:var(--accent)}.bg-card{background:var(--bg-card)}.gradient-primary{background:var(--primary-gradient)}.gradient-secondary{background:var(--secondary-gradient)}.gradient-accent{background:var(--accent-gradient)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.m-0{margin:0}.m-1{margin:var(--space-xs)}.m-2{margin:var(--space-sm)}.m-3{margin:var(--space-md)}.m-4{margin:var(--space-lg)}.m-5{margin:var(--space-xl)}.p-0{padding:0}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:var(--space-xs)}.gap-2{gap:var(--space-sm)}.gap-3{gap:var(--space-md)}.gap-4{gap:var(--space-lg)}.gap-5{gap:var(--space-xl)}@media (max-width: 640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}}@media (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}}@media (max-width: 1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}}.fade-in{animation:fadeIn .5s ease-in-out}.slide-up{animation:slideUp .3s ease-out}.scale-in{animation:scaleIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .glass{background:#0003;border:1px solid rgba(255,255,255,.1)}.hover-lift{transition:transform var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:var(--glow-primary)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #6f00ff4d}@media (max-width: 768px){.container{padding:0 var(--space-lg)}.btn-primary.btn-large,.btn-secondary.btn-large{padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-base)}}.navbar{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-navbar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);z-index:var(--z-fixed);transition:all var(--transition-normal)}[data-theme=dark] .navbar{background:#0a0a0acc;border-bottom-color:var(--border-light)}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(111,0,255,.05) 50%,transparent 100%);pointer-events:none}.navbar-container{max-width:var(--container-max-width);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);position:relative}@media (max-width: 768px){.navbar-container{padding:0 var(--space-lg)}}@media (max-width: 640px){.navbar-container{padding:0 var(--space-md)}}.navbar-brand{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-decoration:none;position:relative;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--transition-normal)}.navbar-brand:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(111,0,255,.3))}.navbar-brand:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.navbar-brand:hover:after{transform:scaleX(1)}.navbar-brand .navbar-logo{width:32px;height:32px;margin-right:var(--space-sm);background:transparent}.navbar.scrolled .navbar-brand{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;color:#fff}.navbar.scrolled .navbar-brand:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.navbar.scrolled .navbar-brand:after{background:#fff}.navbar-menu{display:flex;align-items:center;gap:var(--space-lg)}@media (max-width: 768px){.navbar-menu{gap:var(--space-md)}}@media (max-width: 640px){.navbar-menu{display:none}}.navbar-link{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.navbar-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-gradient);opacity:0;transition:all var(--transition-normal);z-index:-1}.navbar-link:hover{color:var(--text-inverse);transform:translateY(-1px)}.navbar-link:hover:before{left:0;opacity:1}.navbar-link.active{color:#fff;background:#6f00ff1a}.navbar-link.active:before{left:0;opacity:1}.navbar-user,.nav-auth-links{display:flex;align-items:center;gap:var(--space-md)}@media (max-width: 640px){.nav-auth-links{gap:var(--space-sm)}}.nav-auth-links .btn-login,.nav-auth-links .btn-signup{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);height:40px;min-width:80px;position:relative;overflow:hidden}.nav-auth-links .btn-login{background:transparent;color:var(--text-secondary);border:2px solid var(--border-light)}.nav-auth-links .btn-login:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-2px)}.nav-auth-links .btn-signup{background:var(--primary-gradient);color:var(--text-inverse);border:none;box-shadow:var(--shadow-md),var(--glow-primary)}.nav-auth-links .btn-signup:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.btn-logout{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border:2px solid var(--primary);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);height:36px;min-width:80px;position:relative;overflow:hidden;background:transparent;color:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-logout:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left var(--transition-slow)}.btn-logout:hover:before{left:100%}.btn-logout:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-logout:active{transform:translateY(1px)}.btn-logout:hover{background:var(--error);border-color:var(--error);color:var(--text-inverse);box-shadow:0 0 20px #ef44444d}.navbar-mobile-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md)}@media (max-width: 640px){.navbar-mobile-toggle{display:flex}}.navbar-mobile-toggle span{width:24px;height:2px;background:var(--text-primary);transition:all var(--transition-normal);border-radius:var(--radius-full)}.navbar-mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.navbar-mobile-toggle.active span:nth-child(2){opacity:0}.navbar-mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navbar-mobile-menu{position:fixed;top:var(--header-height);left:0;right:0;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);padding:var(--space-lg);transform:translateY(-100%);opacity:0;transition:all var(--transition-normal);z-index:var(--z-dropdown)}.navbar-mobile-menu.active{transform:translateY(0);opacity:1}.navbar-mobile-menu .navbar-link{display:block;padding:var(--space-md);margin-bottom:var(--space-sm);border-radius:var(--radius-lg);text-align:center}.navbar-mobile-menu .navbar-link:last-child{margin-bottom:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);color:var(--text-secondary)}.theme-toggle:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.theme-toggle svg{width:20px;height:20px}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border:2px solid var(--border-light);transition:all var(--transition-normal)}.user-avatar:hover{transform:scale(1.1);box-shadow:var(--glow-primary)}.notification-badge{position:relative}.notification-badge:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--error);border-radius:var(--radius-full);border:2px solid var(--bg-card)}@media (max-width: 768px){.navbar .navbar-container .navbar-menu{display:none}}.profile-dropdown,.profile-dropdown .profile-trigger{position:relative}.profile-dropdown .profile-trigger:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary-gradient);transition:width var(--transition-normal)}.profile-dropdown .profile-trigger:hover:after{width:20px}.profile-dropdown .profile-dropdown-menu{position:absolute;top:calc(100% + var(--space-sm));right:0;min-width:280px;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:var(--z-dropdown);animation:slideDown .2s ease-out;overflow:hidden}.profile-dropdown .profile-dropdown-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient)}.profile-dropdown .profile-dropdown-header{padding:var(--space-lg);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.profile-dropdown .profile-dropdown-header .profile-info .profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.profile-dropdown .profile-dropdown-header .profile-info .profile-email{font-size:var(--font-size-xs);color:var(--text-secondary)}.profile-dropdown .profile-dropdown-actions{padding:var(--space-sm)}.profile-dropdown .profile-dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-normal);text-align:left}.profile-dropdown .profile-dropdown-item .material-icons{font-size:18px;width:18px;height:18px;flex-shrink:0}.profile-dropdown .profile-dropdown-item:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translate(4px)}.profile-dropdown .profile-dropdown-item.profile-dropdown-item-danger{color:var(--error)}.profile-dropdown .profile-dropdown-item.profile-dropdown-item-danger:hover{background:#ef44441a;color:var(--error)}.profile-dropdown .profile-dropdown-divider{margin:var(--space-sm) 0;border:none;height:1px;background:var(--border-light)}.dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:calc(var(--z-dropdown) - 1)}.navbar-mobile-menu{position:fixed;top:var(--navbar-height);left:0;right:0;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-elevated);z-index:var(--z-mobile-menu);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.navbar-mobile-menu.active{transform:translateY(0);opacity:1;visibility:visible}.navbar-mobile-menu .navbar-link{display:block;padding:var(--space-lg);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-bottom:1px solid var(--border-light);transition:all var(--transition-normal)}.navbar-mobile-menu .navbar-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.navbar-mobile-menu .navbar-link:last-child{border-bottom:none}.navbar-mobile-menu .mobile-menu-divider{margin:0;border:none;height:1px;background:var(--border-light)}.navbar-mobile-menu .mobile-menu-item{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-bottom:1px solid var(--border-light);transition:all var(--transition-normal);text-align:left}.navbar-mobile-menu .mobile-menu-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.navbar-mobile-menu .mobile-menu-item.mobile-menu-item-danger{color:var(--error)}.navbar-mobile-menu .mobile-menu-item.mobile-menu-item-danger:hover{background:#ef44441a;color:var(--error)}.nav-auth-links{display:flex;align-items:center;gap:var(--space-md)}.nav-auth-links .btn-login{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.nav-auth-links .btn-login:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-auth-links .btn-signup{background:var(--primary-gradient);color:var(--text-inverse);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.nav-auth-links .btn-signup:hover{transform:translateY(-1px);box-shadow:var(--shadow-elevated)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.navbar .navbar-container{padding:0 var(--space-md)}.navbar .navbar-brand{font-size:var(--font-size-lg)}.profile-dropdown .profile-dropdown-menu{right:-10px;min-width:260px}.nav-auth-links{gap:var(--space-sm)}.nav-auth-links .btn-signup{padding:var(--space-sm) var(--space-md)}}