@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root,[data-theme=light]{--color-primary:#1a73e8;--color-primary-hover:#1557b0;--color-primary-light:#63a4ff;--color-primary-bg:#1a73e814;--color-accent:#0ea5e9;--color-accent-hover:#0284c7;--color-accent-bg:#0ea5e914;--color-success:#10b981;--color-success-bg:#10b9811a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-error:#ef4444;--color-error-bg:#ef44441a;--color-info:#0ea5e9;--color-info-bg:#0ea5e91a;--bg-primary:#eef4fd;--bg-secondary:#fff;--bg-tertiary:#dbeafe;--bg-card:#fff;--bg-elevated:#fff;--bg-overlay:#0f172a8c;--text-primary:#0f172a;--text-secondary:#1e3a5f;--text-tertiary:#4a7ab5;--text-inverse:#fff;--border-primary:#bfdbfe;--border-secondary:#93c5fd;--border-focus:var(--color-primary);--shadow-sm:0 1px 3px #1a73e814;--shadow-md:0 4px 12px #1a73e81f;--shadow-lg:0 10px 24px #1a73e829;--shadow-xl:0 20px 40px #1a73e833;--navbar-bg:linear-gradient(135deg,#1a73e8,#0d47a1);--navbar-text:#fff;--gradient-primary:linear-gradient(135deg,#1a73e8,#0ea5e9);--gradient-secondary:linear-gradient(135deg,#1557b0,#0284c7);--gradient-hero:linear-gradient(135deg,#1a73e8,#0d47a1 60%,#0ea5e9);--primary:var(--color-primary);--primary-dark:var(--color-primary-hover);--primary-alpha:var(--color-primary-bg);--card-bg:var(--bg-card);--danger:var(--color-error)}[data-theme=dark]{--color-primary:#60a5fa;--color-primary-hover:#93c5fd;--color-primary-light:#3b82f6;--color-primary-bg:#60a5fa2e;--color-accent:#38bdf8;--color-accent-hover:#7dd3fc;--color-accent-bg:#38bdf824;--color-success:#4ade80;--color-success-bg:#4ade8026;--color-warning:#fbbf24;--color-warning-bg:#fbbf2426;--color-error:#f87171;--color-error-bg:#f8717126;--color-info:#38bdf8;--color-info-bg:#38bdf826;--bg-primary:#080f1e;--bg-secondary:#0e1929;--bg-tertiary:#162236;--bg-card:#111d30;--bg-elevated:#162236;--bg-overlay:#000c;--text-primary:#e8f1ff;--text-secondary:#93c5fd;--text-tertiary:#60a5fa;--text-inverse:#080f1e;--border-primary:#1a3356;--border-secondary:#2563eb;--border-focus:var(--color-primary);--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0000008c;--shadow-lg:0 10px 24px #0009;--shadow-xl:0 20px 40px #000000a6;--navbar-bg:linear-gradient(135deg,#162236,#080f1e);--navbar-text:#e8f1ff;--gradient-primary:linear-gradient(135deg,#2563eb,#0ea5e9);--gradient-secondary:linear-gradient(135deg,#1d4ed8,#0284c7);--gradient-hero:linear-gradient(135deg,#1a3a6e,#080f1e 60%,#0c2340);--primary:var(--color-primary);--primary-dark:var(--color-primary-hover);--primary-alpha:var(--color-primary-bg);--card-bg:var(--bg-card);--danger:var(--color-error)}:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600;--z-toast:700}body,html{overflow-x:hidden;width:100%}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef4fd;background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-slow),color var(--transition-slow)}body,h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:8px;margin-bottom:var(--space-sm)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{color:#1e3a5f;color:var(--text-secondary);margin-bottom:16px;margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}a{color:#1a73e8;color:var(--color-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#1557b0;color:var(--color-primary-hover)}small{color:#4a7ab5;color:var(--text-tertiary);font-size:.85rem}.form-group{margin-bottom:24px;margin-bottom:var(--space-lg)}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-sm)}input,label,select,textarea{color:#0f172a;color:var(--text-primary)}input,select,textarea{background:#fff;background:var(--bg-card);border:2px solid #bfdbfe;border:2px solid var(--border-primary);border-radius:10px;border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all .15s ease;transition:all var(--transition-fast);width:100%}input:hover,select:hover,textarea:hover{border-color:#93c5fd;border-color:var(--border-secondary)}input:focus,select:focus,textarea:focus{border-color:#1a73e8;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e814;box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}input::placeholder,textarea::placeholder{color:#4a7ab5;color:var(--text-tertiary)}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;cursor:pointer;padding-right:44px}textarea{min-height:100px;resize:vertical}.btn{align-items:center;border-radius:10px;border-radius:var(--radius-md);display:inline-flex;font-family:inherit;gap:8px;gap:var(--space-sm);justify-content:center;line-height:1;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5}.btn-primary{background:linear-gradient(135deg,#1a73e8,#0ea5e9);box-shadow:0 2px 8px #1a73e859}.btn-primary:hover{background:linear-gradient(135deg,#1557b0,#0284c7);background:var(--gradient-secondary);box-shadow:0 4px 16px #1a73e880}.btn-secondary{background:#dbeafe;border:1px solid #bfdbfe;border:1px solid var(--border-primary);color:#0f172a}.btn-secondary:hover{background:#93c5fd;background:var(--border-secondary);border-color:#1a73e8;border-color:var(--color-primary)}.btn-success{background:#10b981;background:var(--color-success);box-shadow:0 2px 8px #10b9814d}.btn-success:hover{box-shadow:0 4px 12px #10b98166}.btn-danger{background:#ef4444;background:var(--color-error);box-shadow:0 2px 8px #ef44444d}.btn-danger:hover{box-shadow:0 4px 12px #ef444466}.btn-ghost{color:#1e3a5f}.btn-ghost:hover{background:#fff;background:var(--bg-secondary);color:#0f172a;color:var(--text-primary)}.btn-large{font-size:1rem;padding:14px 28px}.card{background:#fff;background:var(--bg-card);border:1px solid #bfdbfe;border:1px solid var(--border-primary);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #1a73e814;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-lg);transition:all .2s ease;transition:all var(--transition-base)}.card:hover{border-color:#93c5fd;border-color:var(--border-secondary);box-shadow:0 4px 12px #1a73e81f;box-shadow:var(--shadow-md)}.page-hero{background:linear-gradient(135deg,#1a73e8,#0d47a1 60%,#0ea5e9);background:var(--gradient-hero);overflow:hidden;padding:48px 24px 40px;position:relative;text-align:center}.page-hero:before{background:#ffffff0f;border-radius:50%;content:"";height:240px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:240px}.page-hero h1{color:#fff!important;font-size:2.4rem;margin-bottom:10px}.page-hero p{color:#ffffffe0!important;font-size:1.1rem;margin-bottom:24px}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.badge-primary{background:#1a73e814;background:var(--color-primary-bg);color:#1a73e8;color:var(--color-primary)}.badge-success{background:#10b9811a;background:var(--color-success-bg);color:#10b981;color:var(--color-success)}.badge-warning{background:#f59e0b1a;background:var(--color-warning-bg);color:#f59e0b;color:var(--color-warning)}.badge-error{background:#ef44441a;background:var(--color-error-bg);color:#ef4444;color:var(--color-error)}.error-message{background:#ef44441a;border-left:3px solid #ef4444;border-left:3px solid var(--color-error);color:#ef4444}.error-message,.success-message{border-radius:10px;border-radius:var(--radius-md);margin-bottom:16px;margin-bottom:var(--space-md);padding:12px 16px}.success-message{background:#10b9811a;background:var(--color-success-bg);border-left:3px solid #10b981;border-left:3px solid var(--color-success);color:#10b981;color:var(--color-success);font-size:.9rem;font-weight:500}.modal-overlay{animation:fadeIn .2s ease;background:#0f172a8c;padding:24px;padding:var(--space-lg);z-index:400}.modal-content{animation:slideUp .3s ease;background:var(--bg-card);border:1px solid #bfdbfe;border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:0 20px 40px #1a73e833;box-shadow:var(--shadow-xl);max-width:480px;padding:32px;padding:var(--space-xl);width:100%}.progress-bar{background:#dbeafe;border-radius:9999px;height:6px}.progress-fill{background:linear-gradient(135deg,#1a73e8,#0ea5e9);border-radius:9999px}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#4a7ab5;color:var(--text-tertiary);font-family:inherit;font-weight:500;padding:10px 20px;transition:all .15s ease;transition:all var(--transition-fast)}.tab:hover{color:#0f172a}.tab.active{border-bottom-color:#1a73e8;border-bottom-color:var(--color-primary);color:#1a73e8;color:var(--color-primary)}.loading{align-items:center;color:#1e3a5f;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:48px;padding:var(--space-2xl)}.loading-spinner{border:3px solid #bfdbfe;border-top-color:#1a73e8}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#fff;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#63a4ff;background:var(--color-primary-light);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#1a73e8;background:var(--color-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:#4a7ab5;color:var(--text-tertiary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px;gap:var(--space-sm)}.gap-md{gap:16px;gap:var(--space-md)}.gap-lg{gap:24px;gap:var(--space-lg)}.w-full{width:100%}.h-full{height:100%}.form-row{grid-gap:16px;gap:16px}.form-actions{gap:16px;margin-top:24px}@media (max-width:768px){h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.15rem}.btn{padding:10px 20px}.btn-large{padding:12px 24px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.goog-te-banner-frame{display:none!important}body{top:0!important}.language-selector{position:relative}.language-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 12px;transition:all .2s}.language-btn:hover{background:var(--bg-secondary);border-color:var(--primary)}.lang-flag{font-size:1.2rem}.lang-code{font-size:.8rem;font-weight:600}.language-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.language-dropdown{animation:dropdownSlide .2s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.language-option:hover{background:var(--bg-tertiary)}.language-option.active{background:var(--primary-alpha);color:var(--primary)}.language-option .lang-flag{font-size:1.3rem}.language-option .lang-name{flex:1 1;font-weight:500}.language-option .lang-check{color:var(--primary);font-weight:700}.landing-page{background:var(--bg-primary);min-height:100vh}.hero-section{background:var(--gradient-primary);color:#fff;padding:80px 20px 60px;position:relative;text-align:center}.landing-language-selector{position:absolute;right:20px;top:16px}.hero-content{margin:0 auto;max-width:700px}.hero-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:var(--radius-full);display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:24px;padding:8px 20px}.hero-section h1{color:#fff;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:20px}.hero-highlight{background:#fff3;border-radius:var(--radius-md);padding:0 12px}.hero-description{color:#ffffffe6;font-size:1.15rem;line-height:1.7;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:550px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:48px}.hero-actions .btn-primary{background:#fff;color:#3b82f6;color:var(--color-primary,#3b82f6);font-size:1.05rem;font-weight:700;padding:16px 32px}.hero-actions .btn-primary:hover{background:#ffffffe6;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.hero-actions .btn-ghost{border:2px solid #ffffff80;color:#fff;font-size:1.05rem;padding:16px 32px}.hero-actions .btn-ghost:hover{background:#ffffff26;border-color:#fff}.hero-stats{display:flex;gap:48px;justify-content:center}.stat-item{gap:4px}.stat-number{font-size:2rem}.stat-label{color:#fffc;font-size:.9rem;font-weight:500}.features-section{margin:0 auto;max-width:1100px;padding:80px 20px;text-align:center}.features-section h2{font-size:2rem;margin-bottom:12px}.section-subtitle{color:var(--text-secondary);font-size:1.05rem;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:600px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{padding:32px 24px;text-align:center}.feature-icon{display:block;font-size:2.5rem;margin-bottom:16px}.feature-card h3{font-size:1.15rem;margin-bottom:8px}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.how-it-works-section{background:var(--bg-secondary);padding:80px 20px;text-align:center}.how-it-works-section h2{font-size:2rem;margin-bottom:48px}.steps-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto;max-width:900px}.step-card{flex:1 1;max-width:260px;min-width:200px;text-align:center}.step-number{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff;font-size:1.5rem;font-weight:800;height:56px;margin:0 auto 16px;width:56px}.step-card h3{margin-bottom:8px}.step-card p{color:var(--text-secondary);font-size:.95rem}.cta-section{background:var(--gradient-primary);color:#fff;padding:80px 20px;text-align:center}.cta-section h2{color:#fff;font-size:2rem;margin-bottom:12px}.cta-section p{color:#ffffffe6;font-size:1.1rem;margin-bottom:32px}.cta-section .btn-primary{background:#fff;color:#3b82f6;color:var(--color-primary,#3b82f6);font-size:1.05rem;font-weight:700;padding:16px 32px}.cta-section .btn-primary:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.landing-footer{border-top:1px solid var(--border-primary);padding:32px 20px;text-align:center}.landing-footer p{color:var(--text-tertiary);font-size:.9rem;margin-bottom:4px}.landing-footer a{color:var(--color-primary)}@media (max-width:768px){.hero-section{padding:60px 20px 40px}.hero-section h1{font-size:2rem}.hero-description{font-size:1rem}.hero-stats{gap:24px}.cta-section,.features-section,.how-it-works-section{padding:48px 20px}.cta-section h2,.features-section h2,.how-it-works-section h2{font-size:1.5rem}.steps-grid{gap:24px}}.toast{align-items:center;animation:slideIn .3s ease-out;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-xl);display:flex;gap:12px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:2000}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-info{border-left:4px solid var(--color-info)}.toast-icon{font-size:1.5rem;font-weight:700}.toast-success .toast-icon{color:var(--color-success)}.toast-error .toast-icon{color:var(--color-error)}.toast-info .toast-icon{color:var(--color-info)}.toast-message{color:var(--text-primary);flex:1 1;font-weight:500}.toast-close{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;width:24px}.toast-close:hover{color:var(--text-primary)}.auth-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .5s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:450px;padding:40px;width:100%}.auth-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:8px;text-align:center}.auth-card h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:32px;text-align:center}.auth-card .form-group{margin-bottom:20px}.auth-card label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.auth-card input,.auth-card select{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;padding:14px 16px;transition:all .2s;width:100%}.auth-card input:focus,.auth-card select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.auth-card input::placeholder{color:var(--text-tertiary)}.auth-card .btn{font-size:1rem;margin-top:8px;padding:14px 24px;width:100%}.auth-link{color:var(--text-secondary);font-size:.95rem;margin-top:24px;text-align:center}.auth-link a{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.auth-link a:hover{color:var(--primary-dark);text-decoration:underline}.code-input-container{display:flex;gap:12px;justify-content:center;margin:32px 0}.code-digit{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1.75rem;font-weight:700;height:64px;text-align:center;transition:all .2s;width:52px}.code-digit:focus{background:var(--bg-primary);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.error-message{background:var(--color-error-bg);border-left:4px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);font-size:.9rem;font-weight:500;margin-bottom:20px;padding:14px 16px;text-align:left}.support-info{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:20px;padding:15px;text-align:center}.support-info p{color:var(--text-secondary);font-size:.85rem;margin:0}.support-info a{color:var(--primary);font-weight:600}.password-strength{margin-top:8px}.strength-bar{background:#e2e8f0;background:var(--border-primary,#e2e8f0);border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:all .3s}@media (max-width:480px){.auth-card{padding:28px 20px}.auth-title{font-size:1.75rem}.code-digit{font-size:1.5rem;height:56px;width:44px}.code-input-container{gap:8px}}.auth-container{flex-direction:column}.auth-info{box-sizing:border-box;max-width:450px;width:100%}@media (max-width:480px){.auth-container{justify-content:flex-start;padding:24px 16px 16px}.auth-info{padding:16px!important}.auth-info div{flex-direction:column!important;gap:4px!important}}.notification-bell-container{position:relative}.notification-bell-button{align-items:center;background:linear-gradient(135deg,#81c784,#66bb6a);border:3px solid var(--bg-card);border-radius:50%;box-shadow:0 4px 12px #81c7844d;cursor:pointer;display:flex;font-size:1.5rem;height:45px;justify-content:center;position:relative;transition:all .3s;width:45px}.notification-bell-button:hover{box-shadow:0 6px 20px #81c78480;transform:scale(1.1)}.notification-badge{animation:pulse 2s infinite;background:var(--color-error);border-radius:10px;box-shadow:0 2px 8px #f4433680;color:#fff;font-size:.7rem;font-weight:800;min-width:20px;padding:3px 6px;position:absolute;right:-5px;text-align:center;top:-5px}.notification-dropdown{animation:slideDown .3s ease-out;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:15px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:600px;position:absolute;right:0;top:calc(100% + 10px);width:380px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-header{align-items:center;border-bottom:2px solid var(--border-primary);display:flex;justify-content:space-between;padding:20px}.notification-header h3{color:var(--text-primary);font-size:1.3rem;margin:0}.mark-all-read-btn{background:none;border:none;color:#66bb6a;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s}.mark-all-read-btn:hover{color:#2e7d32;text-decoration:underline}.notification-list{flex:1 1;max-height:450px;overflow-y:auto}.no-notifications,.notification-loading{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner-small{animation:spin 1s linear infinite;border-top:4px solid var(--border-primary);border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:15px;width:40px}.no-notifications .empty-icon{font-size:3rem;margin-bottom:15px}.notification-item{border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;gap:12px;padding:15px 20px;position:relative;transition:all .3s}.notification-item:hover{background:var(--bg-tertiary)}.notification-item.unread{background:linear-gradient(90deg,#81c7841a,#0000)}.notification-icon{align-items:center;background:linear-gradient(135deg,#c8e6c9,#81c784);border-radius:50%;display:flex;flex-shrink:0;font-size:1.3rem;height:40px;justify-content:center;width:40px}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-size:.95rem;font-weight:700;margin-bottom:4px}.notification-message{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin-bottom:4px}.notification-time{color:var(--text-tertiary);font-size:.75rem}.notification-unread-dot{background:#66bb6a;border-radius:50%;flex-shrink:0;height:10px;margin-top:5px;width:10px}.notification-delete-btn{align-items:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:none;font-size:1rem;height:24px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s;width:24px}.notification-item:hover .notification-delete-btn{display:flex}.notification-delete-btn:hover{background:var(--color-error);color:#fff}.notification-footer{border-top:2px solid var(--border-primary);padding:15px;text-align:center}.view-all-btn{background:linear-gradient(135deg,#81c784,#66bb6a);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:all .3s;width:100%}.view-all-btn:hover{box-shadow:0 4px 12px #81c78466;transform:translateY(-2px)}@media (max-width:480px){.notification-dropdown{right:-10px;width:calc(100vw - 40px)}}.navbar{background:var(--card-bg);border-bottom:1px solid var(--border-primary);box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}[data-theme=light] .navbar{background:linear-gradient(135deg,#1a73e8,#0d47a1);border-bottom:none;box-shadow:0 2px 12px #1a73e84d}[data-theme=light] .navbar-brand{color:#fff}[data-theme=light] .nav-link{color:#ffffffe6}[data-theme=light] .nav-link:hover{background:#fff3;color:#fff}[data-theme=light] .nav-icon{background:#ffffff26;border-color:#ffffff4d}[data-theme=light] .nav-link:hover .nav-icon{background:#ffffff4d;border-color:#fff}[data-theme=light] .theme-toggle{color:#fff}[data-theme=light] .theme-toggle:hover{background:#fff3}[data-theme=light] .user-name{color:#fff}[data-theme=light] .user-avatar{border-color:#ffffff80}[data-theme=light] .menu-toggle{color:#fff}.navbar-container{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;height:auto;justify-content:space-between;margin:0 auto;max-width:1600px;min-height:60px;padding:8px 12px}.navbar-brand{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;gap:6px;transition:opacity .2s}.navbar-brand:hover{opacity:.8}.navbar-brand span{display:none}@media (min-width:1100px){.navbar-brand span{display:inline}}.navbar-menu{display:flex;flex:1 1;flex-wrap:wrap;gap:2px;justify-content:center}.nav-link{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.78rem;font-weight:500;gap:4px;padding:5px 8px;transition:all var(--transition-fast);white-space:nowrap}.nav-link:hover{background:var(--bg-secondary);box-shadow:var(--shadow-sm);color:var(--color-primary);transform:translateY(-1px)}.nav-icon{align-items:center;background:var(--color-primary-bg);border:1px solid var(--border-primary);border-radius:50%;display:inline-flex;flex-shrink:0;font-size:1rem;height:26px;justify-content:center;transition:all var(--transition-fast);width:26px}.nav-link:hover .nav-icon{background:var(--color-primary-hover);border-color:var(--color-primary);color:#fff}@media (max-width:1280px){.nav-link{font-size:0;gap:0;padding:5px}.nav-icon{font-size:1.1rem;height:34px;width:34px}}@media (min-width:1281px){.nav-link{font-size:.82rem;gap:5px;padding:5px 10px 5px 5px}}.admin-link,.admin-link:hover{color:var(--danger)}.admin-link:hover{background:#ef44441a}.navbar-user{flex-shrink:0;gap:8px}.navbar-user,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.3rem;justify-content:center;padding:6px;transition:background .2s}.theme-toggle:hover{background:var(--bg-secondary)}.user-avatar{align-items:center;background:var(--primary);border:2px solid var(--border-primary);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:transform .2s;width:36px}.user-avatar:hover{transform:scale(1.05)}.user-name{color:var(--text-primary);cursor:pointer;display:none;font-size:.9rem;font-weight:500;transition:color .2s}@media (min-width:1400px){.user-name{display:block}}.user-name:hover{color:var(--primary)}.btn-logout{background:var(--danger);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:opacity .2s;white-space:nowrap}.btn-logout:hover{opacity:.9}.menu-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;padding:8px}.logout-modal-overlay{align-items:center;animation:fadeIn .2s;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.logout-modal{animation:slideUp .3s;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 24px #0003;max-width:400px;padding:var(--space-xl);width:90%}.logout-modal h3{color:var(--text-primary);margin-bottom:var(--space-md)}.logout-modal p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.logout-modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.mobile-menu-extras{display:none}.mobile-menu-divider{background:var(--border-primary);height:1px;margin:8px 0}.logout-link{color:var(--color-error);color:var(--danger,var(--color-error))}.menu-overlay{display:none}@media (max-width:768px){.navbar-container{flex-wrap:nowrap;height:60px;padding:0 12px}.menu-toggle{display:block}.navbar-brand span{display:inline}.menu-overlay{background:#0006;bottom:0;display:block;pointer-events:auto;z-index:998}.menu-overlay,.navbar-menu{left:0;position:fixed;right:0;top:60px}.navbar-menu{-webkit-overflow-scrolling:touch;background:var(--card-bg);border-bottom:1px solid var(--border-primary);box-shadow:0 4px 12px #00000026;flex-direction:column;flex-wrap:nowrap;height:calc(100vh - 60px);opacity:0;overflow-x:hidden;overflow-y:scroll;padding:8px 12px 32px;pointer-events:none;transform:translateY(-110%);transition:transform .3s ease,opacity .3s ease;z-index:999}.navbar-menu.show{opacity:1;pointer-events:all;transform:translateY(0)}[data-theme=light] .navbar-menu{background:#fff}[data-theme=light] .navbar-menu .nav-link{color:var(--text-primary)}[data-theme=light] .navbar-menu .nav-link:hover{background:var(--bg-secondary);color:var(--color-primary)}[data-theme=light] .navbar-menu .nav-icon{background:var(--color-primary-bg);border-color:var(--border-primary)}.nav-link{border-radius:var(--radius-sm);font-size:.95rem!important;gap:12px!important;justify-content:flex-start;padding:12px 16px 12px 10px!important;width:100%}.nav-link:hover{transform:none}.nav-icon{flex-shrink:0!important;font-size:1.1rem!important;height:36px!important;width:36px!important}.navbar-user .btn-logout{display:none}.navbar-user .user-name{display:none!important}.navbar-user .theme-toggle,.navbar-user .user-avatar{display:none}.mobile-menu-extras{display:flex!important;flex-direction:column;gap:4px;margin-top:8px;padding-bottom:20px}}.admin-page{background:linear-gradient(135deg,#1e1b4b,#312e81);min-height:100vh}.admin-container{margin:0 auto;max-width:1400px;padding:30px 20px}.admin-header{color:#fff;margin-bottom:30px;text-align:center}.admin-header h1{font-size:2.5rem;margin:0 0 10px}.admin-header p{color:#a5b4fc;font-size:1.1rem}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.admin-tab{background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s}.admin-tab:hover{background:#fff3}.admin-tab.active{background:#fff;border-color:#fff;color:#4f46e5}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;display:flex;gap:20px;padding:25px;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-card.highlight{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.stat-card.highlight .stat-info p{color:#fffc}.stat-icon{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:15px;display:flex;font-size:3rem;height:70px;justify-content:center;width:70px}.stat-card.highlight .stat-icon{background:#fff3}.stat-info h3{color:#1e293b;font-size:2rem;margin:0}.stat-card.highlight .stat-info h3{color:#fff}.stat-info p{color:#64748b;font-weight:500;margin:5px 0 0}.admin-support-section{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;grid-column:1/-1;padding:30px;text-align:center}.admin-support-section h3{color:#1e293b;margin:0 0 10px}.admin-support-section p{color:#64748b;margin-bottom:15px}.support-email{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:10px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;padding:15px 30px;text-decoration:none;transition:all .3s}.support-email:hover{box-shadow:0 10px 25px #4f46e566;transform:translateY(-3px)}.admin-section{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;padding:25px}.section-header{margin-bottom:20px}.search-input{border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;max-width:400px;padding:12px 20px;transition:all .3s;width:100%}.search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.admin-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;min-width:800px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e2e8f0;padding:15px;text-align:left}.admin-table th{color:#1e293b;font-weight:700}.admin-table th,.admin-table tr:hover{background:#f8fafc}.user-avatar-small{font-size:1.5rem}.user-fullname{color:#64748b;display:block;font-size:.85rem}.badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:4px 12px}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.action-buttons{display:flex;gap:8px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .3s;width:35px}.btn-verify{background:#dcfce7;color:#166534}.btn-verify:hover{background:#166534;color:#fff}.btn-password{background:#dbeafe;color:#1e40af}.btn-password:hover{background:#1e40af;color:#fff}.btn-delete{background:#fee2e2;color:#dc2626}.btn-delete:hover{background:#dc2626;color:#fff}.status-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 12px}.status-select:focus{border-color:#4f46e5;outline:none}.pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:20px;justify-content:center;margin-top:20px;padding-top:20px}.pagination button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.pagination button:hover:not(:disabled){background:#4338ca}.pagination button:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.pagination span{color:#64748b;font-weight:500}.modal-content{background:#fff;padding:30px}.modal-content h3{color:#1e293b;margin:0 0 15px}.modal-content p{color:#64748b;margin-bottom:10px}.warning-text{color:#dc2626!important;font-weight:600}.modal-input{border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;margin:15px 0;padding:12px 15px;width:100%}.modal-input:focus{border-color:#4f46e5;outline:none}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.loading{color:#fff;font-size:1.3rem;padding:60px}@media (max-width:768px){.admin-header h1{font-size:1.8rem}.admin-tabs{align-items:stretch;flex-direction:column}.admin-tab{text-align:center}.stat-card{padding:20px}.stat-icon{font-size:2rem;height:50px;width:50px}.stat-info h3{font-size:1.5rem}.admin-section{padding:15px}}.sport-rating-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.sport-rating-modal{animation:modalSlideUp .3s ease-out;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:560px;overflow-y:auto;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sport-rating-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:32px 32px 24px;text-align:center}.sport-rating-header .sport-icon{display:block;font-size:4rem;margin-bottom:16px}.sport-rating-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 8px}.sport-rating-header p{color:var(--text-secondary);font-size:.95rem;margin:0}.sport-rating-simple{flex:1 1;padding:24px 32px}.skill-level-options{gap:10px;margin-bottom:20px}.skill-level-btn{border:3px solid var(--border-primary);border-radius:var(--radius-lg);min-width:60px;padding:12px 8px}.skill-level-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.skill-level-btn.selected{box-shadow:0 4px 16px #0003;transform:scale(1.05)}.skill-level-btn .level-number{font-size:1.2rem}.skill-level-btn .level-label{letter-spacing:.03em}.selected-level-description{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:16px;text-align:center}.selected-level-description p{color:var(--text-secondary);font-size:.95rem;margin:0}.sport-rating-actions{background:var(--bg-secondary);border-top:1px solid var(--border-primary);bottom:0;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 32px;position:-webkit-sticky;position:sticky}.sport-rating-actions .btn{font-size:1rem;padding:12px 28px}@media (max-width:600px){.sport-rating-modal{max-height:95vh}.sport-rating-header{padding:24px 20px 20px}.sport-rating-header .sport-icon{font-size:3rem}.sport-rating-header h2{font-size:1.3rem}.sport-rating-simple{padding:20px}.skill-level-btn{min-width:50px;padding:10px 6px}.sport-rating-actions{flex-direction:column;padding:16px 20px}.sport-rating-actions .btn{width:100%}}.sport-select-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:300px;overflow-y:auto}.sport-select-btn{align-items:center;background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 6px;transition:all .2s}.sport-select-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary);transform:translateY(-2px)}.team-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.team-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.team-card:hover:before{transform:scaleX(1)}.team-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.team-card-header{flex-wrap:wrap;gap:10px;margin-bottom:16px}.team-card h3{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin:0 0 4px}.team-sport{background:var(--gradient-primary);box-shadow:0 2px 8px var(--primary-alpha);font-size:.85rem;font-weight:600}.team-full-badge,.team-sport{border-radius:var(--radius-full);color:#fff;padding:6px 14px}.team-full-badge{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.team-badges{display:flex;flex-wrap:wrap;gap:8px}.team-waitlist-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--radius-full);box-shadow:0 2px 8px #f59e0b59;color:#fff;font-size:.8rem;font-weight:700;padding:6px 14px;text-transform:uppercase}.team-skill-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf659}.team-amateur-badge,.team-skill-badge{border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-weight:700;padding:6px 14px}.team-amateur-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #22c55e59}.team-info{margin-bottom:16px}.team-info p{color:var(--text-secondary);margin:10px 0}.team-date,.team-info p,.team-location,.team-time{align-items:center;display:flex;font-size:.95rem;gap:8px}.team-description{background:var(--bg-tertiary);border-left:4px solid var(--primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.9rem;font-style:italic;line-height:1.5;margin:16px 0;padding:14px}.team-players{margin:20px 0}.players-count{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:10px}.progress-bar{height:10px}.progress-fill{transition:width .5s ease}.waitlist-info{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #f59e0b;border-radius:var(--radius-lg);color:#92400e;font-size:.9rem;font-weight:600;margin:16px 0;padding:14px 16px;text-align:center}[data-theme=dark] .waitlist-info{background:linear-gradient(135deg,#f59e0b33,#d9770633);color:#fbbf24}.team-creator{border-top:1px solid var(--border-primary);color:var(--text-tertiary);font-size:.85rem;font-style:italic;margin-top:16px;padding-top:16px}.team-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.team-actions .btn{flex:1 1;font-size:.95rem;min-width:120px;padding:12px 16px}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d;color:#fff}.btn-danger:hover{box-shadow:0 6px 20px #ef444466}.btn-disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.7}.btn-disabled:hover{box-shadow:none;transform:none}.btn-member{background:var(--color-success-bg);border:1.5px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-success);cursor:default;font-size:.9rem;font-weight:600;padding:8px 16px}.team-members-section{border-top:1px solid var(--border-primary);margin-top:16px;padding-top:16px}.team-members-section.creator-view{background:var(--bg-tertiary);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:2px solid var(--primary);margin:16px -24px -24px;padding:20px 24px}.members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.members-header h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.team-members-section .btn-small{font-size:.85rem;padding:8px 16px}.team-members-list{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-top:16px;padding:16px}.team-members-list ul{list-style:none;margin:0;padding:0}.member-item{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.member-item:last-child{margin-bottom:0}.member-item:hover{background:var(--bg-primary)}.member-avatar{align-items:center;background:var(--bg-secondary);border-radius:50%;display:flex;height:45px;justify-content:center;width:45px}.member-details{display:flex;flex:1 1;flex-direction:column}.member-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.member-location{color:var(--text-tertiary);font-size:.8rem;margin-top:2px}.member-position{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-weight:600;padding:6px 12px}.empty-members{padding:24px;text-align:center}.empty-members .empty-icon{display:block;font-size:3rem;margin-bottom:12px}.empty-members p{color:var(--text-secondary);font-weight:500;margin:0}.empty-members small{color:var(--text-tertiary);display:block;font-size:.85rem;margin-top:6px}.empty-text,.loading-text{color:var(--text-tertiary);font-style:italic;margin:0;text-align:center}.user-rating-preview{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #3b82f6;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:20px;padding:14px 16px}[data-theme=dark] .user-rating-preview{background:linear-gradient(135deg,#22c55e26,#22c55e1a)}.user-rating-preview .rating-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.user-rating-preview .rating-value{color:#3b82f6;font-size:1.5rem;font-weight:700}.join-modal{animation:slideUp .3s ease-out;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:32px;width:90%}.join-modal h3{color:var(--text-primary);font-size:1.4rem;margin:0 0 8px}.join-modal p{color:var(--text-secondary);font-size:.95rem;margin:0 0 20px}.join-modal .form-group{margin-bottom:20px}.join-modal .form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.join-modal .form-group input{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:all .2s;width:100%}.join-modal .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}@media (max-width:480px){.team-card{padding:20px}.team-card-header{align-items:flex-start}.team-actions,.team-card-header{flex-direction:column}.team-actions .btn{width:100%}.join-modal{padding:24px}.modal-actions{flex-direction:column}}.dashboard-page{background:var(--bg-primary);min-height:100vh}.dashboard-container{margin:0 auto;max-width:1400px;overflow-x:hidden;padding:0 24px 48px}.dashboard-header{animation:fadeInDown .6s ease-out;background:linear-gradient(135deg,#1a73e8,#0d47a1 60%,#0ea5e9);margin-bottom:36px;overflow:hidden;padding:52px 24px 44px;position:relative;text-align:center}.dashboard-header:before{background:#ffffff0f;height:260px;right:-70px;top:-70px;width:260px}.dashboard-header:after,.dashboard-header:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.dashboard-header:after{background:#ffffff0a;bottom:-50px;height:200px;left:-50px;width:200px}.dashboard-header h1{-webkit-text-fill-color:#fff!important;background:none!important;color:#fff!important;font-size:2.6rem;font-weight:800;margin-bottom:12px;text-shadow:0 2px 12px #0003}.dashboard-header p{color:#ffffffe0!important;font-size:1.1rem;margin-bottom:28px}.dashboard-header .btn-large{background:#fff;border:none;border-radius:50px;box-shadow:0 8px 24px #0000002e;color:#1a73e8;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 36px;transition:all .3s}.dashboard-header .btn-large:hover{background:#f0f7ff;box-shadow:0 12px 32px #00000040;transform:translateY(-3px)}.filters-section{animation:fadeIn .6s ease-out .15s both;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:28px;padding:24px}.filters-section h3{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 18px}.filters-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-group label{color:var(--text-primary);font-size:.88rem;font-weight:600;margin-bottom:6px}.filter-group input,.filter-group select{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.92rem;padding:11px 14px;transition:all .2s}.filter-group input:focus,.filter-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.teams-grid{grid-gap:22px;animation:fadeIn .6s ease-out .3s both;gap:22px;overflow:hidden}.session-type-badge{padding:3px 10px}.signed-up-badge{font-size:.88rem}.loading-spinner{color:var(--text-secondary);font-size:1.1rem;padding:80px 20px;text-align:center}.no-teams{max-width:480px}.no-teams .empty-icon{margin-bottom:18px;opacity:.6}.no-teams h2{font-size:1.6rem;margin-bottom:10px}.no-teams p{font-size:1rem;margin-bottom:22px}.city-search-wrapper{position:relative}.city-dropdown{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;margin-top:4px;max-height:260px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.city-item{align-items:center;border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;justify-content:space-between;padding:11px 16px;transition:background .15s}.city-item:last-child{border-bottom:none}.city-item:hover{background:var(--bg-tertiary)}.city-name{color:var(--text-primary);font-size:.92rem;font-weight:600}.city-country{color:var(--text-tertiary);font-size:.82rem}@media (max-width:768px){.dashboard-header{padding:36px 16px 32px}.dashboard-header h1{font-size:2rem}.dashboard-header p{font-size:.95rem}.dashboard-container{padding:0 14px 36px}.filters-section{padding:16px}.filters-grid,.teams-grid{grid-template-columns:1fr}.teams-grid{width:100%}}.create-team-page{background:var(--bg-primary);min-height:100vh}.create-team-container{margin:0 auto;max-width:800px;padding:40px 20px}.create-team-card{animation:slideIn .5s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:40px}.create-team-card h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.2rem;font-weight:800;margin-bottom:10px}.subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.form-group small{color:var(--text-tertiary);display:block;font-size:.85rem;margin-top:5px}.filter-section{border:2px solid var(--border-primary);margin:30px 0;padding:25px}.filter-section h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 10px}.filter-description{color:var(--text-secondary);font-size:.95rem;margin:0 0 20px}.filter-section .form-group label{align-items:center;display:flex;gap:8px}.filter-section .form-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.filter-section .form-group small{margin-left:26px}.gender-filter-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.gender-option{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.gender-option:hover{border-color:var(--primary);color:var(--primary)}.gender-option.active{background:var(--gradient-primary);border-color:#0000;color:#fff}.skill-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.skill-option{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.skill-option:hover{border-color:var(--primary);color:var(--primary)}.skill-option.active{background:var(--gradient-primary);border-color:#0000;color:#fff}.join-as-player-option{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);margin:25px 0;padding:20px}.join-as-player-option .checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:12px}.join-as-player-option input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:20px;width:20px}.join-as-player-option .checkbox-text{font-size:1rem}.join-as-player-option small{color:var(--text-tertiary);display:block;margin-left:32px;margin-top:8px}.position-select{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-top:15px;padding:15px}.position-select label{color:var(--text-primary);font-weight:600}.position-select input{margin-top:8px}.position-select small{margin-left:0}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.filter-section{padding:20px}.create-team-card{padding:24px}.gender-filter-options,.skill-options{flex-direction:column}.gender-option,.skill-option{text-align:center}}.modal-overlay{animation:fadeIn .2s ease-out;background:#000000b3;z-index:var(--z-modal-backdrop)}.modal-content{animation:slideUp .3s ease-out;background:var(--bg-primary);border-radius:20px;box-shadow:0 20px 60px #0006;max-height:85vh;max-width:450px;overflow-y:auto;padding:40px;width:90%;z-index:var(--z-modal)}.modal-content h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 15px}.modal-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 30px}.modal-actions{gap:15px}.modal-actions .btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s}.btn-cancel{background:var(--bg-tertiary);color:var(--text-primary)}.btn-cancel:hover{background:var(--border-primary)}.btn-confirm{background:var(--color-primary);color:#fff}.btn-confirm:hover{background:var(--color-primary-hover);box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.my-teams-page{background:var(--bg-primary);min-height:100vh}.my-teams-container{margin:0 auto;max-width:1400px;padding:40px 20px}.my-teams-header{animation:fadeInDown .6s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:40px;padding:40px 24px;text-align:center}.my-teams-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:12px}.my-teams-header p{color:var(--text-secondary);font-size:1.15rem;margin-bottom:var(--space-lg)}.teams-section{margin-bottom:var(--space-xl)}.section-title{color:var(--text-primary);font-size:1.5rem}.teams-count{animation:fadeIn .8s ease-out .2s both;color:var(--text-primary);font-size:1.2rem;margin-bottom:20px}.teams-count strong{color:var(--primary);font-size:1.4rem}.teams-grid{grid-gap:25px;animation:fadeIn .8s ease-out .4s both;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.loading-state{color:var(--primary);padding:80px 20px;text-align:center}.spinner{border:5px solid var(--border-primary);height:60px;margin:0 auto 20px;width:60px}.loading-state p{color:var(--text-secondary);font-size:1.2rem}.no-teams{animation:fadeIn .8s ease-out;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:40px auto;max-width:550px;padding:60px 40px}.no-teams .empty-icon{display:block;font-size:4rem;margin-bottom:20px}.no-teams h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:15px}.no-teams p{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin-bottom:30px}.empty-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.loading-container p{color:var(--primary);font-size:1.2rem;font-weight:700}@media (max-width:768px){.my-teams-header h1{font-size:2rem}.my-teams-header p{font-size:1rem}.teams-grid{grid-template-columns:1fr}.empty-actions{flex-direction:column}.no-teams{padding:40px 20px}}.signup-person{gap:6px;padding:4px 0}.signup-name{font-size:.85rem}.profile-page{background:var(--bg-primary);min-height:100vh}.profile-container{margin:0 auto;max-width:1100px;padding:0 20px 60px}.profile-back-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:6px;left:16px;padding:9px 18px;position:fixed;top:76px;transition:all .2s;z-index:100}.profile-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateX(-3px)}.profile-cover{background:linear-gradient(135deg,#1a73e8,#0d47a1 55%,#0ea5e9);height:220px;overflow:hidden;position:relative}.profile-cover:before{background:#ffffff14;height:260px;right:-60px;top:-60px;width:260px}.profile-cover:after,.profile-cover:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.profile-cover:after{background:#ffffff0d;bottom:-40px;height:180px;left:-40px;width:180px}.btn-edit-cover{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:var(--radius-full);bottom:16px;color:#1a73e8;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 18px;position:absolute;right:16px;transition:all .25s}.btn-edit-cover:hover{background:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-header{animation:slideUp .5s ease-out;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:0 0 24px;overflow:visible;position:relative;z-index:1}.profile-avatar-section{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;padding:20px 28px 28px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#1a73e8,#0ea5e9);border:4px solid var(--bg-card);border-radius:50%;box-shadow:0 4px 20px #1a73e84d;display:flex;flex-shrink:0;font-size:4.5rem;height:120px;justify-content:center;margin-top:0;position:relative;transition:transform .25s;width:120px}.profile-avatar-large:hover{transform:scale(1.04)}.avatar-edit-overlay{align-items:center;background:#1a73e8;border:3px solid var(--bg-card);border-radius:50%;bottom:2px;cursor:pointer;display:flex;font-size:1rem;height:34px;justify-content:center;position:absolute;right:2px;transition:background .2s,transform .2s;width:34px}.avatar-edit-overlay:hover{background:#0d47a1;transform:scale(1.1)}.profile-header-info{flex:1 1;min-width:220px;padding-top:6px}.profile-header-info h1{color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1.2;margin-bottom:2px}.profile-username{color:var(--color-primary);font-size:.95rem;font-weight:600;margin-bottom:8px}.profile-bio{color:var(--text-secondary);font-size:.92rem;line-height:1.5;margin-bottom:12px;max-width:480px}.profile-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.profile-meta span{align-items:center;background:var(--color-primary-bg);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;padding:4px 10px}.profile-stats-mini{display:flex;gap:24px}.stat-mini{display:flex;flex-direction:column;gap:2px}.stat-mini strong{color:var(--color-primary);font-size:1.5rem;font-weight:800;line-height:1}.stat-mini span{color:var(--text-tertiary);font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-actions-header{align-items:flex-end;display:flex;flex-direction:column;gap:10px;margin-left:auto;padding-top:8px}.profile-tabs{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:4px;margin-bottom:24px;padding:5px}.profile-tabs .tab{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;min-width:110px;padding:10px 14px;text-align:center;transition:all .2s;white-space:nowrap}.profile-tabs .tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.profile-tabs .tab.active{background:linear-gradient(135deg,#1a73e8,#0ea5e9);box-shadow:0 2px 8px #1a73e84d;color:#fff}.profile-content{animation:fadeIn .35s ease-out}.about-info,.activity-tab,.edit-profile-form,.settings-tab,.stats-tab{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:28px 32px}.about-info h2,.activity-tab h2,.edit-profile-form h2,.settings-tab h2,.stats-tab h2{align-items:center;border-bottom:2px solid var(--color-primary);color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:800;gap:8px;margin-bottom:20px;padding-bottom:12px}.edit-form-header{align-items:center;border-bottom:2px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.edit-form-header h2{border:none;margin:0;padding:0}.edit-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.edit-section-title{color:var(--color-primary);font-size:.82rem;font-weight:700;letter-spacing:.8px;margin-bottom:14px;text-transform:uppercase}.edit-grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:12px}.form-group label{color:var(--text-secondary);font-size:.82rem;letter-spacing:.4px;margin-bottom:5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:var(--bg-card);border:1.5px solid var(--border-primary);font-family:inherit;font-size:.92rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s}input[type=range]{accent-color:var(--color-primary);height:6px;margin-top:4px;padding:0}input[type=range],input[type=range]:focus{border:none;box-shadow:none}.edit-save-row{border-top:1px solid var(--border-primary);display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:18px}.info-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.info-item{align-items:center;border-radius:var(--radius-md);gap:12px;justify-content:space-between;padding:12px 16px}.info-item:hover{background:var(--color-primary-bg)}.info-label{color:var(--text-secondary);font-weight:600;letter-spacing:.4px;white-space:nowrap}.info-value{font-size:.9rem;text-align:right}.social-links{display:flex;flex-wrap:wrap;gap:8px}.social-links a{background:linear-gradient(135deg,#1a73e8,#0ea5e9);border-radius:var(--radius-full);color:#fff;font-size:.84rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .25s}.social-links a:hover{box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-2px)}.settings-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:16px;padding:16px 18px}.settings-section h3{color:var(--text-primary);font-size:.88rem;font-weight:700;letter-spacing:.4px;margin-bottom:12px;text-transform:uppercase}.settings-section select{background:var(--bg-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.92rem;padding:10px 12px;transition:border-color .2s;width:100%}.settings-section select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.checkbox-label{align-items:center;background:var(--bg-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s}.checkbox-label:hover{background:var(--color-primary-bg);border-color:var(--color-primary)}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:17px;width:17px}.checkbox-label span{color:var(--text-primary);font-size:.9rem;font-weight:600}.support-section{border-top:none}.support-email-link{align-items:center;background:linear-gradient(135deg,#1a73e8,#0ea5e9);border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:.88rem;font-weight:700;gap:8px;padding:10px 20px;text-decoration:none;transition:all .25s}.support-email-link:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-overlay{background:#0009;inset:0}.avatar-modal,.password-modal{animation:slideUp .3s ease-out;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:28px 32px;width:95%}.password-modal{max-width:440px}.avatar-modal{max-width:540px}.avatar-modal h2,.password-modal h2{border:none;color:var(--text-primary);font-size:1.3rem;font-weight:800;margin-bottom:20px;padding:0;text-align:center}.modal-actions{gap:10px;margin-top:20px}.avatar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));margin-bottom:16px}.avatar-option{align-items:center;background:var(--bg-tertiary);border:3px solid #0000;border-radius:50%;cursor:pointer;display:flex;font-size:2.4rem;height:64px;justify-content:center;transition:all .2s;width:64px}.avatar-option:hover{background:var(--color-primary-bg);border-color:var(--color-primary);transform:scale(1.12)}.avatar-option.selected{background:linear-gradient(135deg,#1a73e8,#0ea5e9);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:scale(1.08)}.avatar-upload-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:14px;text-align:center}.avatar-upload-section p{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:10px}.avatar-upload-section small{color:var(--text-tertiary);display:block;font-size:.78rem;margin-top:8px}.avatar-divider{align-items:center;display:flex;margin:14px 0}.avatar-divider:after,.avatar-divider:before{background:var(--border-primary);content:"";flex:1 1;height:1px}.avatar-divider span{color:var(--text-tertiary);font-size:.78rem;font-weight:600;padding:0 12px;text-transform:uppercase}.upload-btn{cursor:pointer}@media (max-width:900px){.profile-avatar-section{align-items:center;flex-direction:column;text-align:center}.profile-avatar-large{margin-top:-46px}.profile-header-info{align-items:center;display:flex;flex-direction:column}.profile-meta,.profile-stats-mini{justify-content:center}.profile-actions-header{align-items:center;flex-direction:row;justify-content:center;margin-left:0}}@media (max-width:640px){.profile-cover{height:160px}.profile-avatar-large{font-size:3.5rem;height:96px;margin-top:-38px;width:96px}.profile-header-info h1{font-size:1.5rem}.profile-container{padding:0 12px 40px}.edit-grid-2{grid-template-columns:1fr}.about-info,.activity-tab,.edit-profile-form,.settings-tab,.stats-tab{padding:18px 14px}.profile-tabs .tab{font-size:.78rem;min-width:80px;padding:8px}.profile-back-btn{font-size:.8rem;left:8px;padding:7px 12px;top:68px}.info-grid{grid-template-columns:1fr}.profile-header{margin:-50px 0 20px}}.activity-feed-page{background:var(--bg-primary);min-height:100vh}.activity-feed-container{margin:0 auto;max-width:1000px;padding:40px 20px}.activity-feed-header{animation:fadeInDown .6s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:40px;padding:40px 24px;text-align:center}.activity-feed-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:15px}.activity-feed-header p{color:var(--text-secondary);font-size:1.15rem}.activity-filters{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:20px}.filter-btn{background:var(--bg-primary);border-radius:var(--radius-full);color:var(--text-secondary);padding:10px 20px;transition:all .3s}.filter-btn:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--text-primary)}.filter-btn.active{background:var(--gradient-primary);border-color:#0000}.no-activities{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:80px 20px;text-align:center}.no-activities .empty-icon{display:block;font-size:5rem;margin-bottom:20px}.no-activities h3{color:var(--text-primary);margin-bottom:10px}.no-activities p{color:var(--text-secondary)}.activities-list{display:flex;flex-direction:column;gap:15px}.activity-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:15px;padding:20px;transition:all .3s}.activity-item:hover{box-shadow:var(--shadow-xl);transform:translateX(5px)}.activity-icon{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-md);display:flex;flex-shrink:0;font-size:1.8rem;height:50px;justify-content:center;width:50px}.activity-content{align-items:flex-start;display:flex;flex:1 1;gap:15px}.activity-avatar{align-items:center;background:var(--bg-tertiary);border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.activity-text{flex:1 1}.activity-text p{color:var(--text-primary);font-size:1.05rem;line-height:1.5;margin:0 0 8px}.activity-text .highlight{color:var(--primary);font-weight:700}.activity-time{color:var(--text-tertiary);font-size:.85rem}.load-more-container{margin:30px 0;text-align:center}.loading-container{gap:20px}.loading-container p{color:var(--text-secondary)}.loading-spinner{animation:spin 1s linear infinite;border-top:6px solid var(--border-primary);border:6px solid var(--border-primary);border-top-color:var(--primary);height:60px;width:60px}@media (max-width:768px){.activity-feed-header h1{font-size:2rem}.activity-filters{flex-direction:column}.filter-btn{text-align:center}.activity-content,.activity-item{flex-direction:column;gap:10px}}.tournaments-page{background:var(--bg-primary);min-height:100vh}.tournaments-container{margin:0 auto;max-width:1400px;padding:40px 20px}.tournaments-header{animation:fadeInDown .6s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:40px;padding:40px 24px;text-align:center}.tournaments-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:15px}.tournaments-header p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:25px}.tournaments-tabs{animation:fadeIn .8s ease-out .2s both;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.tournaments-grid{grid-gap:24px;animation:fadeIn .8s ease-out .4s both;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tournament-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);min-width:0;overflow:hidden;padding:24px;position:relative;transition:all .3s ease;word-break:break-word}.tournament-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.tournament-card:hover:before{transform:scaleX(1)}.tournament-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.tournament-header-card{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.tournament-sport{color:var(--primary);font-size:1.5rem;font-weight:700}.tournament-status{border-radius:var(--radius-full);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;white-space:nowrap}.tournament-card h3{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin:0 0 16px}.tournament-info p{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:8px;margin:10px 0}.tournament-description{background:var(--bg-tertiary);border-left:4px solid var(--primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-style:italic;margin:16px 0;padding:14px}.tournament-progress{margin:20px 0}.tournament-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tournament-actions .btn{flex:1 1;font-size:.88rem;min-width:0;text-align:center;white-space:nowrap}.tournament-creator{border-top:1px solid var(--border-primary);color:var(--text-tertiary);font-size:.85rem;font-style:italic;margin-top:16px;padding-top:16px}.empty-tournaments{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);grid-column:1/-1;padding:80px 40px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-tournaments h2{color:var(--text-primary);margin-bottom:12px}.empty-tournaments p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:24px}.create-tournament-modal{animation:slideUp .4s ease-out;background:var(--bg-secondary);border-radius:var(--radius-xl);max-height:85vh;max-width:700px;overflow-y:auto;padding:32px;width:95%;z-index:var(--z-modal)}.create-tournament-modal h2{color:var(--text-primary);font-size:1.75rem;margin:0 0 24px}.modal-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.modal-actions{gap:12px;margin-top:28px}.filter-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin:20px 0;padding:20px}.filter-section h4{color:var(--text-primary);font-size:1.05rem;margin:0 0 16px}.tournament-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.gender-badge{border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.gender-badge.male{background:linear-gradient(135deg,#3b82f6,#2563eb)}.gender-badge.female{background:linear-gradient(135deg,#ec4899,#db2777)}.gender-badge.mix{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.waitlist-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--radius-full);box-shadow:0 2px 8px #f59e0b59;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px}.registered-teams-preview{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin:16px 0;padding:14px}.registered-teams-preview p{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin:0 0 10px}.teams-chips{display:flex;flex-wrap:wrap;gap:8px}.team-chip{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;font-size:.8rem;font-weight:500;padding:6px 14px}.team-chip.more{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.team-chip.more:hover{background:var(--border-primary);color:var(--text-primary)}.player-input-row{display:flex;gap:12px;margin-bottom:12px}.player-name-input{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);flex:2 1;font-size:.95rem;padding:12px 16px;transition:all .2s}.player-name-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.player-position-select{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.9rem;padding:12px 14px;transition:all .2s}.player-position-select:focus{border-color:var(--primary);outline:none}.teams-modal{animation:slideUp .4s ease-out;background:var(--bg-secondary);border-radius:var(--radius-xl);max-height:85vh;max-width:600px;overflow-y:auto;padding:32px;width:95%;z-index:var(--z-modal)}.teams-modal h2{color:var(--text-primary);font-size:1.6rem;margin:0 0 24px}.no-teams{color:var(--text-tertiary);font-size:1.05rem;padding:40px 20px;text-align:center}.teams-list{display:flex;flex-direction:column;gap:16px}.team-card-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:20px;transition:all .2s}.team-card-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.team-card-item.waitlist{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #f59e0b}[data-theme=dark] .team-card-item.waitlist{background:linear-gradient(135deg,#f59e0b26,#d9770626)}.team-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.team-card-header h4{color:var(--text-primary);font-size:1.15rem;margin:0}.waitlist-tag{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--radius-full);box-shadow:0 2px 6px #f59e0b4d;color:#fff;font-size:.75rem;font-weight:700;padding:5px 12px;text-transform:uppercase}.team-players{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.player-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);display:flex;font-size:.85rem;gap:8px;padding:8px 14px}.player-name{color:var(--text-primary);font-weight:500}.player-position-tag{background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;font-size:.7rem;font-weight:700;padding:3px 10px}.team-meta{color:var(--text-tertiary);font-size:.8rem;font-style:italic}.progress-bar{background:var(--bg-tertiary);height:8px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:var(--gradient-primary);height:100%;transition:width .4s ease}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s}.btn-warning:hover{box-shadow:0 8px 20px #f59e0b59;transform:translateY(-2px)}@media (max-width:768px){.tournaments-container{overflow-x:hidden;padding:16px 12px 48px}.tournaments-header h1{font-size:2rem}.tournaments-tabs{align-items:stretch;flex-direction:column}.tab{text-align:center}.tournaments-grid{grid-template-columns:1fr}.tournament-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.tournament-actions .btn:last-child{grid-column:1/-1}.tournament-actions .btn{flex:none;font-size:.82rem;padding:10px 8px}.modal-form .form-row{grid-template-columns:1fr}.player-input-row{flex-direction:column}.player-name-input,.player-position-select{width:100%}.tournament-badges{flex-wrap:wrap}.teams-modal{padding:24px}.team-players{flex-direction:column}.player-item{justify-content:space-between;width:100%}}.tournament-detail-page{background:var(--bg-primary);min-height:100vh}.tournament-detail-container{margin:0 auto;max-width:1200px;padding:40px 20px 60px}.tournament-hero{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#1a73e8,#0d47a1 60%,#0ea5e9);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin-bottom:28px;overflow:hidden;padding:50px 40px;position:relative;text-align:center}.tournament-hero:before{background:#ffffff0f;border-radius:50%;content:"";height:240px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:240px}.hero-badge{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:18px}.hero-sport{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;font-size:1.3rem}.hero-sport,.hero-status{border-radius:var(--radius-xl);color:#fff;font-weight:700;padding:8px 20px}.hero-status{font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.tournament-hero h1{color:#fff;font-size:2.4rem;font-weight:800;margin:16px 0 14px}.hero-dates,.hero-location{align-items:center;color:#ffffffe0;display:flex;font-size:1.1rem;gap:8px;justify-content:center;margin:8px 0}.tournament-tabs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.tab{background:var(--bg-card);font-size:.88rem;overflow:hidden;padding:12px 10px;text-align:center;text-overflow:ellipsis;transition:all .25s;white-space:nowrap}.tab:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.tab.active{background:linear-gradient(135deg,#1a73e8,#0ea5e9)}.tournament-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.bracket-tab,.matches-tab,.teams-list-tab,.tournament-info-tab{padding:32px}.matches-tab h2,.teams-list-tab h2,.tournament-info-tab h2{border-bottom:2px solid var(--color-primary);color:var(--text-primary);font-size:1.4rem;font-weight:800;margin-bottom:24px;padding-bottom:14px}.info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.info-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:6px;padding:16px 18px;transition:all .2s}.info-item:hover{border-color:var(--color-primary);transform:translateX(3px)}.info-label{color:var(--color-primary);font-size:.82rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.tournament-full-description{background:var(--bg-tertiary);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);margin-bottom:24px;padding:20px}.tournament-full-description p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.tournament-register-section{background:linear-gradient(135deg,#1a73e8,#0d47a1 60%,#0ea5e9);border-radius:var(--radius-xl);color:#fff;margin-top:24px;padding:32px;text-align:center}.register-info{color:#ffffffeb;font-size:1.1rem;font-weight:500;margin-bottom:20px}.btn-large{padding:16px 36px}.user-registered-section{align-items:center;display:flex;flex-direction:column;gap:16px}.registered-badge{align-items:center;background:#ffffff26;border-radius:var(--radius-full);display:flex;gap:12px;padding:14px 28px}.registered-badge p{color:#fff;font-size:1.05rem;font-weight:700;margin:0}.check-icon{font-size:1.5rem}.register-full{flex-direction:column;gap:14px}.full-icon,.register-full{align-items:center;display:flex}.full-icon{background:#fff3;border-radius:50%;font-size:3rem;height:70px;justify-content:center;width:70px}.registered-teams-list{grid-gap:16px;display:grid;gap:16px}.registered-team-item{align-items:flex-start;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;gap:18px;padding:20px;transition:all .2s}.registered-team-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateX(6px)}.team-number{align-items:center;background:linear-gradient(135deg,#1a73e8,#0ea5e9);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:800;height:46px;justify-content:center;min-width:46px;width:46px}.team-details h4{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 8px}.team-details p{color:var(--text-secondary);font-size:.88rem;margin:4px 0}.team-registered-date{color:var(--text-tertiary)!important;font-size:.8rem!important}.team-players-list{color:var(--text-secondary);font-size:.88rem;margin-top:10px}.team-players-list ul{color:var(--text-secondary);margin:6px 0 0 18px}.no-teams-registered{color:var(--text-tertiary);font-size:1.1rem;padding:60px 20px;text-align:center}.bracket-controls{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.bracket-generate-box,.bracket-reset-box{align-items:center;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:18px 22px}.bracket-generate-box{background:var(--color-primary-bg);border:2px solid var(--color-primary)}.bracket-reset-box{background:var(--color-error-bg);border:2px solid var(--color-error)}.bracket-generate-box p,.bracket-reset-box p{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0}.no-bracket-container{padding:60px 20px;text-align:center}.no-bracket-icon{font-size:4rem;margin-bottom:16px}.no-bracket{color:var(--text-tertiary);font-size:1.1rem}.matches-list{display:flex;flex-direction:column;gap:14px}.match-item{border-radius:var(--radius-lg)!important;padding:20px}.match-header{margin-bottom:14px}.match-round{background:var(--color-primary-bg);border-radius:var(--radius-full);color:var(--color-primary);font-size:.82rem;font-weight:700;padding:4px 12px}.match-number{color:var(--text-tertiary);font-size:.82rem}.match-teams{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.match-team{border:2px solid var(--border-primary);border-radius:var(--radius-md);flex:1 1;padding:12px 16px;transition:border-color .2s}.match-team.winner{background:var(--color-primary-bg);border-color:var(--color-primary)}.team-name{color:var(--text-primary);font-weight:700}.team-score{font-size:1.4rem;font-weight:800;min-width:32px}.vs{color:var(--text-tertiary);flex-shrink:0;font-size:.9rem;font-weight:800}.match-winner{color:var(--color-primary);font-size:.95rem;margin-top:8px;text-align:center}.match-date{font-size:.82rem;margin-top:4px;text-align:center}.loading{color:var(--color-primary);font-size:1.2rem;font-weight:700;padding:100px 20px;text-align:center}@media (max-width:900px){.tournament-hero{padding:36px 24px}.tournament-hero h1{font-size:1.9rem}.bracket-tab,.matches-tab,.teams-list-tab,.tournament-info-tab{padding:22px 18px}}@media (max-width:640px){.tournament-detail-container{padding:16px 12px 48px}.tournament-tabs{gap:6px;grid-template-columns:repeat(2,1fr)}.tab{font-size:.8rem;padding:10px 8px}.tournament-hero{padding:28px 16px}.tournament-hero h1{font-size:1.6rem}.registered-team-item{flex-direction:column}.bracket-generate-box,.bracket-reset-box{align-items:flex-start;flex-direction:column}.match-teams{flex-direction:column}.match-team{width:100%}.info-grid{grid-template-columns:1fr}}.bracket-generator{width:100%}.bracket-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:16px}.bracket-container{align-items:flex-start;display:flex;gap:32px;min-width:-webkit-max-content;min-width:max-content;padding:16px 8px}.bracket-round{align-items:center;display:flex;flex-direction:column;gap:16px;min-width:200px}.round-title{color:var(--color-primary);font-size:14px;font-weight:700;margin-bottom:8px;text-align:center;white-space:nowrap}.round-matches{gap:24px;width:100%}.bracket-match,.round-matches{display:flex;flex-direction:column}.bracket-match{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 2px 8px #0000000f;gap:6px;min-width:190px;padding:12px}.match-team{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;gap:8px;justify-content:space-between;padding:8px 10px;transition:background .2s}.match-team.winner{background:linear-gradient(135deg,#1a73e8,#0ea5e9);color:#fff;font-weight:700}.match-team.tbd{font-style:italic;opacity:.45}.team-name{flex:1 1;font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-score{font-size:15px;font-weight:700;min-width:22px;text-align:center}.match-vs{color:var(--text-tertiary);font-size:11px;font-weight:600;text-align:center}.match-winner-badge{color:var(--color-primary);font-size:12px;font-weight:700;padding:4px 0 0;text-align:center}.btn-enter-score{background:linear-gradient(135deg,#1a73e8,#0ea5e9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:4px;padding:7px 12px;transition:opacity .2s,transform .2s;width:100%}.btn-enter-score:hover{opacity:.88;transform:translateY(-1px)}.bracket-empty{color:var(--text-tertiary);padding:60px 20px;text-align:center}.bracket-empty-icon{display:block;font-size:3.5rem;margin-bottom:14px}.bracket-empty p{font-size:1.05rem}.score-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.score-modal{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:18px;box-shadow:var(--shadow-xl);max-width:100%;padding:32px 28px;width:360px}.score-modal h3{color:var(--text-primary);font-size:1.3rem;font-weight:800;margin:0 0 6px}.score-match-title{color:var(--text-secondary);font-size:.92rem;font-weight:600;margin-bottom:24px}.score-inputs{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.score-input-group{align-items:center;display:flex;flex-direction:column;gap:6px}.score-input-group label{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.3px;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.score-input-group input{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:1.8rem;font-weight:800;padding:12px;text-align:center;transition:border-color .2s;width:72px}.score-input-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.score-separator{color:var(--text-secondary);font-size:2rem;font-weight:800;margin-top:18px}.score-draw-warning{color:#f59e0b}.score-draw-warning,.score-save-error{font-size:.82rem;font-weight:600;margin-bottom:12px;text-align:center}.score-save-error{color:var(--color-error)}.score-modal-actions{display:flex;gap:12px;margin-top:8px}.score-modal-actions .btn{flex:1 1}.tournament-register-page{background:var(--bg-primary);min-height:100vh}.register-container{margin:0 auto;max-width:900px;padding:40px 20px}.register-card{animation:slideIn .5s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:40px}.register-header{border-bottom:3px solid var(--border-primary);margin-bottom:40px;padding-bottom:30px;text-align:center}.register-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:10px}.register-header h2{color:var(--primary);font-size:1.8rem;margin:15px 0 10px}.register-header p{color:var(--text-secondary);font-size:1.1rem}.form-section{margin-bottom:40px}.form-section h3{border-bottom:2px solid var(--primary);color:var(--text-primary);font-size:1.4rem;margin-bottom:20px;padding-bottom:10px}.player-field{align-items:center;display:flex;gap:10px;margin-bottom:15px}.player-field input{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-size:1rem;padding:14px 16px;transition:all .2s}.player-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.btn-remove{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s;width:40px}.btn-remove:hover{box-shadow:0 4px 12px #ef444466;transform:scale(1.1)}.btn-add-player{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.btn-add-player:hover{box-shadow:0 4px 14px #22c55e66;transform:translateY(-2px)}.fee-notice{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:5px solid #f59e0b;border-radius:var(--radius-lg);margin-bottom:30px;padding:20px}[data-theme=dark] .fee-notice{background:linear-gradient(135deg,#f59e0b26,#d9770626)}.fee-notice p{color:var(--text-primary);font-size:1.1rem;margin:0 0 5px}.fee-notice strong{color:#d97706;font-size:1.3rem}.fee-notice small{color:var(--text-secondary);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border-radius:var(--radius-lg);font-size:1rem;padding:14px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.form-actions{gap:15px;margin-top:30px}.form-actions .btn{flex:1 1}@media (max-width:768px){.register-header h1{font-size:2rem}.register-header h2{font-size:1.4rem}.form-row{grid-template-columns:1fr}.register-card{padding:24px}}.rating-system-page{background:var(--bg-primary);min-height:100vh}.rating-container{margin:0 auto;max-width:900px;padding:30px 20px}.rating-header{color:var(--text-primary);margin-bottom:30px;text-align:center}.rating-header h1{font-size:2.2rem;font-weight:800;margin-bottom:8px}.rating-header p{color:var(--text-secondary);font-size:1rem}.rating-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.rating-tabs .tab{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:25px;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 22px;transition:all .3s}.rating-tabs .tab:hover{background:var(--bg-secondary);transform:translateY(-2px)}.rating-tabs .tab.active{background:linear-gradient(135deg,#81c784,#66bb6a);border-color:#66bb6a;color:#fff}.my-rating-section{animation:fadeIn .4s ease-out}.sport-ratings-list{display:flex;flex-direction:column;gap:12px}.sport-rating-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:16px 20px}.sport-rating-info{align-items:center;display:flex;gap:12px}.sport-name{color:var(--text-primary);font-size:1rem;font-weight:600}.sport-level-badge{border-radius:20px;color:#fff;font-size:.82rem;font-weight:600;padding:4px 12px}.self-rating-section{animation:fadeIn .4s ease-out;margin:0 auto;max-width:640px}.self-rating-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-md);padding:28px}.self-rating-card h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 12px;text-align:center}.sport-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sport-chip{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s}.sport-chip.selected,.sport-chip:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.skill-level-options{display:flex;flex-wrap:nowrap;gap:8px;justify-content:center;margin:16px 0}.skill-level-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;max-width:100px;min-width:0;padding:12px 10px;transition:all .25s ease}.skill-level-btn:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 6px 16px #3b82f633;transform:translateY(-3px)}.skill-level-btn.selected{border-color:var(--color-primary);box-shadow:0 8px 20px #3b82f640;transform:scale(1.04)}.skill-level-btn.selected .level-label,.skill-level-btn.selected .level-number{color:#fff}.skill-level-btn:disabled{cursor:not-allowed;opacity:.7}.skill-level-btn .level-icon{font-size:1.2rem}.skill-level-btn .level-number{color:var(--color-primary);font-size:1.4rem;font-weight:800;line-height:1}.skill-level-btn .level-label{color:var(--text-secondary);font-size:.68rem;font-weight:600;letter-spacing:.3px;text-align:center;text-transform:uppercase}.skill-level-description{background:var(--bg-secondary);border-left:3px solid var(--color-primary);border-radius:10px;margin-bottom:16px;padding:14px 16px;text-align:center}.skill-level-description p{color:var(--text-primary);font-size:.95rem;line-height:1.5;margin:0}.btn-large{border-radius:10px;font-size:1.05rem;margin-top:8px;padding:14px 32px;width:100%}.leaderboard{grid-gap:16px;display:grid;gap:16px;margin-bottom:30px}.player-card{grid-gap:16px;align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;display:grid;gap:16px;grid-template-columns:60px 60px 1fr auto;padding:16px 20px;transition:all .3s}.player-card:hover{box-shadow:0 10px 30px #3b82f626;transform:translateY(-3px)}.player-rank{color:var(--color-primary);font-size:1.8rem;font-weight:800;text-align:center}.player-avatar-large{align-items:center;background:var(--gradient-primary);border-radius:50%;display:flex;font-size:1.8rem;height:52px;justify-content:center;width:52px}.player-info h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 4px}.player-sport{color:var(--text-secondary);font-size:.9rem}.player-stats{display:flex;gap:16px}.stat-item{align-items:center;gap:2px}.stat-value{color:var(--text-primary);font-size:1.4rem}.stat-label{font-size:.75rem}.skill-level{border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 12px;text-align:center;text-transform:uppercase}.rating-filters{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:20px}.filter-section{flex:1 1;min-width:200px}.filter-section label{color:var(--text-primary);display:block;font-size:1rem;font-weight:700;margin-bottom:10px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.filter-btn:hover{transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#81c784,#66bb6a);border-color:#66bb6a;color:#fff}.achievement-list{padding:20px 0}.achievement-list h2{color:var(--text-primary);font-size:1.6rem;margin-bottom:20px;text-align:center}.achievements-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.achievement-item{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s}.achievement-item:hover{box-shadow:0 8px 20px #3b82f626;transform:translateY(-4px)}.ach-icon{font-size:2rem}.achievement-item h4{color:var(--text-primary);font-size:1rem;margin:0 0 4px}.achievement-item p{color:var(--text-secondary);font-size:.85rem;margin:0}.empty-leaderboard{color:var(--text-secondary);padding:60px 30px;text-align:center}@media (max-width:600px){.rating-container{padding:20px 12px}.rating-header h1{font-size:1.7rem}.self-rating-card{padding:20px 16px}.skill-level-options{gap:5px}.skill-level-btn{padding:10px 6px}.skill-level-btn .level-number{font-size:1.2rem}.skill-level-btn .level-icon{font-size:1rem}.skill-level-btn .level-label{font-size:.6rem}.player-card{gap:10px;grid-template-columns:40px 1fr}.player-stats{display:none}.player-avatar-large{font-size:1.4rem;height:40px;width:40px}.player-rank{font-size:1.4rem}.achievements-grid{grid-template-columns:1fr}}.team-chat-page{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-tertiary) 100%)}.chat-container{margin:0 auto;max-width:1000px;padding:var(--space-lg) var(--space-md)}.chat-header{align-items:center;animation:slideIn .5s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border-bottom:1px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-md) var(--space-lg)}[data-theme=dark] .chat-header{background:#1e293bb3}.back-button{align-items:center;background:#0000;border:1.5px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:var(--space-xs);padding:8px 16px;transition:all .25s ease}.back-button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.chat-header-info{flex:1 1}.chat-header-info h2{color:var(--color-primary);font-size:1.4rem;margin:0 0 2px}.chat-header-info p{color:var(--text-tertiary);font-size:.9rem;margin:0}.chat-messages-container{animation:fadeIn .6s ease-out .15s both;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.chat-messages{height:calc(100vh - 220px);padding:var(--space-lg);scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.no-messages{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;padding:var(--space-xl) 0}.no-messages .empty-icon{font-size:3.5rem;opacity:.5}.no-messages p{font-size:1.1rem;margin:0}.no-messages small{font-size:.85rem}.date-separator{margin:var(--space-md) 0;text-align:center}.date-separator span{border-radius:20px;font-size:.8rem;letter-spacing:.02em;padding:5px 16px}.message-wrapper{animation:messageSlide .3s ease-out;gap:10px;margin-bottom:6px}.message-avatar{align-self:flex-end;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));height:36px;width:36px}.message-bubble{word-wrap:break-word;box-shadow:0 1px 3px #0000000f;max-width:65%;padding:10px 16px;transition:box-shadow .2s ease}.message-bubble:hover{box-shadow:0 2px 8px #0000001a}.message-bubble.own{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%)}.message-sender,.message-text{margin-bottom:2px}.message-text{font-size:.95rem;line-height:1.45}.message-time{font-size:.68rem;opacity:.65}.message-location{align-items:center;display:flex;gap:6px}.message-location a{color:inherit;text-decoration:underline}.message-delete-btn{align-items:center;background:#ef4444e6;border:2px solid var(--bg-card);border-radius:50%;cursor:pointer;display:none;font-size:.7rem;height:22px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:transform .2s ease;width:22px}.message-wrapper:hover .message-delete-btn{display:flex}.message-delete-btn:hover{background:#ef4444;transform:scale(1.15)}.typing-indicator{padding:8px 4px}.typing-dots span{animation:typingBounce 1.4s ease-in-out infinite both}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-text{font-style:italic}.chat-input-container{align-items:center;border-top:1px solid var(--border-secondary);padding:var(--space-sm) var(--space-md)}.btn-location{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:42px;justify-content:center;transition:all .25s ease;width:42px}.btn-location:hover{background:var(--color-primary-bg);border-color:var(--color-primary);transform:scale(1.08)}.chat-input{background:var(--bg-secondary);border:1.5px solid var(--border-primary);border-radius:24px;font-size:.95rem;min-width:0;padding:12px 20px;transition:border-color .25s ease,box-shadow .25s ease}.chat-input::placeholder{color:var(--text-tertiary)}.btn-send{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);box-shadow:0 4px 14px #3b82f659;height:48px;transition:all .25s ease;width:48px}.btn-send:hover:not(:disabled){box-shadow:0 6px 20px #3b82f680;transform:scale(1.1)}.btn-send:disabled{box-shadow:none;opacity:.45}.loading-container{color:var(--text-tertiary);height:60vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes messageSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width:768px){.chat-container{padding:var(--space-sm)}.chat-header{gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.chat-header-info h2{font-size:1.15rem}.chat-messages{height:calc(100vh - 240px);padding:var(--space-md) var(--space-sm)}.message-bubble{max-width:82%}.chat-input-container{gap:8px;padding:var(--space-xs) var(--space-sm)}.btn-location{font-size:1rem;height:38px;width:38px}.chat-input{font-size:.9rem;padding:10px 16px}.btn-send{height:42px;width:42px}.back-button{font-size:.82rem;padding:6px 12px}}.field-map-page{background:var(--bg-primary);min-height:100vh}.field-map-container{margin:0 auto;max-width:1600px;padding:40px 20px}.map-header{animation:fadeInDown .6s ease-out;margin-bottom:40px;text-align:center}.map-header h1{color:var(--text-primary);font-size:3rem;font-weight:800;margin-bottom:10px}.map-header p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:25px}.map-layout{grid-gap:25px;animation:fadeIn .8s ease-out .2s both;display:grid;gap:25px;grid-template-columns:420px 1fr}.fields-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-filters{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:25px}.sidebar-filters h3{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 20px}.filter-results{border-top:1px solid var(--border-primary);color:var(--text-secondary);font-size:.9rem;margin-top:20px;padding-top:15px;text-align:center}.fields-list{display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 380px);overflow-y:auto;padding-right:8px}.fields-list::-webkit-scrollbar{width:6px}.fields-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.fields-list::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:10px}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:15px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.no-fields{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:60px 20px;text-align:center}.no-fields .empty-icon{display:block;font-size:4rem;margin-bottom:15px}.no-fields h4{color:var(--text-primary);font-size:1.3rem;margin:0 0 10px}.no-fields p{color:var(--text-secondary);margin-bottom:20px}.field-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;transition:all .3s ease}.field-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.field-card.selected{border:3px solid var(--primary);box-shadow:0 12px 30px #22c55e4d}.field-image{background-position:50%;background-size:cover;height:180px;position:relative}.field-availability{border-radius:var(--radius-full);box-shadow:0 4px 12px #0003;color:#fff;font-size:.8rem;font-weight:700;padding:6px 14px;position:absolute;right:12px;text-transform:uppercase;top:12px}.field-info{padding:20px}.field-header-info{align-items:start;display:flex;justify-content:space-between;margin-bottom:12px}.field-info h4{color:var(--text-primary);font-size:1.15rem;font-weight:700;margin:0}.field-rating{align-items:center;color:#f59e0b;display:flex;font-size:.85rem;font-weight:600;gap:4px;white-space:nowrap}.field-sport{color:var(--primary);font-size:1rem;font-weight:600;margin:8px 0}.field-location,.field-price{color:var(--text-secondary);font-size:.9rem;margin:6px 0}.field-facilities{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.facility-badge{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500}.facility-badge,.facility-more{border-radius:var(--radius-lg);font-size:.75rem;padding:4px 10px}.facility-more{background:var(--gradient-primary);color:#fff;font-weight:600}.map-view{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);min-height:calc(100vh - 250px);overflow:hidden;padding:0}.map-placeholder{align-items:center;background:var(--bg-tertiary);color:var(--text-tertiary);display:flex;flex-direction:column;height:100%;justify-content:center;min-height:500px;padding:60px 40px;text-align:center}.map-icon{font-size:5rem;margin-bottom:20px}.map-placeholder h3{color:var(--text-primary);font-size:1.8rem;margin:0 0 10px}.map-placeholder p{color:var(--text-secondary);font-size:1.1rem;margin:0}.selected-field-details{display:flex;flex-direction:column;height:100%}.selected-field-image{background-position:50%;background-size:cover;height:300px;position:relative}.close-detail-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:45px;justify-content:center;line-height:1;position:absolute;right:20px;top:20px;transition:all .3s;width:45px}.close-detail-btn:hover{background:#000c;transform:scale(1.1)}.selected-field-content{flex:1 1;overflow-y:auto;padding:30px}.selected-field-content h2{color:var(--text-primary);font-size:1.8rem;font-weight:800;margin:0 0 15px}.detail-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.detail-sport{background:var(--gradient-primary)}.detail-rating,.detail-sport{border-radius:var(--radius-full);color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px}.detail-rating{background:#f59e0b}.detail-availability{border-radius:var(--radius-full);color:#fff;font-size:.8rem;font-weight:600;padding:8px 16px;text-transform:uppercase}.detail-description{background:var(--bg-tertiary);border-left:4px solid var(--primary);border-radius:var(--radius-lg);color:var(--text-secondary);line-height:1.6;margin-bottom:25px;padding:15px}.detail-info{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.detail-info-item{align-items:flex-start;background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;gap:15px;padding:15px}.detail-icon{font-size:1.5rem}.detail-info-item strong{color:var(--text-primary);display:block;font-size:.9rem;margin-bottom:4px}.detail-info-item p{color:var(--text-secondary);font-size:.95rem;margin:0}.detail-facilities{margin-bottom:25px}.detail-facilities h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 15px}.facilities-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.facility-item{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:.9rem;gap:8px;padding:12px 15px}.facility-item span{color:var(--color-success);font-weight:700}.detail-actions{display:flex;flex-wrap:wrap;gap:15px}.detail-actions .btn{flex:1 1;min-width:150px}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.add-field-modal{animation:slideUp .4s ease-out;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.modal-header{align-items:center;background:var(--gradient-primary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:25px 30px}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:40px;justify-content:center;line-height:1;transition:all .3s;width:40px}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.form-steps{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);justify-content:center;padding:25px 30px}.form-steps,.step{align-items:center;display:flex;gap:8px}.step{flex-direction:column;opacity:.5;transition:all .3s}.step.active,.step.completed{opacity:1}.step-number{align-items:center;background:var(--border-primary);border-radius:50%;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:700;height:36px;justify-content:center;transition:all .3s;width:36px}.step.active .step-number{background:var(--gradient-primary);box-shadow:0 4px 15px #22c55e66;color:#fff}.step.completed .step-number{background:var(--color-success);color:#fff}.step span{color:var(--text-secondary);font-size:.75rem;font-weight:500;max-width:80px;text-align:center}.step.active span{color:var(--text-primary);font-weight:600}.step-line{background:var(--border-primary);border-radius:2px;height:3px;margin-bottom:20px;width:40px}.form-step-content{flex:1 1;max-height:calc(90vh - 280px);overflow-y:auto;padding:30px}.form-step-content h3{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin:0 0 25px}.form-group{margin-bottom:20px}.form-group label{font-size:.9rem;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;padding:14px 16px;transition:all .3s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-alpha);outline:none}.form-textarea{min-height:100px;resize:vertical}.form-row{grid-gap:20px;gap:20px}.image-upload-zone{border:2px dashed var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s}.image-upload-zone:hover{background:var(--primary-alpha);border-color:var(--primary)}.upload-zone-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.upload-zone-icon{font-size:3rem;margin-bottom:15px}.upload-zone-label p{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 8px}.upload-zone-label small{color:var(--text-tertiary);font-size:.9rem}.image-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-top:20px}.image-preview-item{aspect-ratio:1;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;position:relative}.image-preview-item img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:26px;justify-content:center;line-height:1;position:absolute;right:6px;top:6px;transition:all .2s;width:26px}.remove-image-btn:hover{background:#ef4444;transform:scale(1.1)}.primary-badge{background:var(--primary);border-radius:var(--radius-sm);bottom:6px;color:#fff;font-size:.7rem;font-weight:600;left:6px;padding:4px 8px;position:absolute}.form-step-content .facilities-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.facility-card{align-items:center;background:var(--bg-tertiary);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:20px 15px;text-align:center;transition:all .3s}.facility-card:hover{background:var(--bg-primary);border-color:var(--border-primary)}.facility-card.selected{background:var(--primary-alpha);border-color:var(--primary)}.facility-icon{font-size:1.8rem;margin-bottom:8px}.facility-name{color:var(--text-primary);font-size:.85rem;font-weight:500}.facility-card.selected .facility-name{color:var(--primary);font-weight:600}.review-section{display:flex;flex-direction:column;gap:20px}.review-card{background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:20px}.review-card h4{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 15px;padding-bottom:10px}.review-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.review-row span{color:var(--text-secondary);font-size:.9rem}.review-row strong{color:var(--text-primary);font-size:.95rem}.review-images{display:flex;flex-wrap:wrap;gap:10px}.review-images img{border-radius:var(--radius-md);height:80px;object-fit:cover;width:80px}.review-facilities{display:flex;flex-wrap:wrap;gap:8px}.review-facility-tag{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-primary);font-size:.85rem;padding:8px 14px}.upload-progress{margin-top:25px;text-align:center}.progress-bar-container{background:var(--border-primary);border-radius:var(--radius-sm);height:8px;margin-bottom:10px;overflow:hidden}.progress-bar-fill{background:var(--gradient-primary);border-radius:var(--radius-sm);height:100%;transition:width .3s ease}.upload-progress p{color:var(--text-secondary);font-size:.9rem;margin:0}.modal-actions{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-primary);justify-content:space-between;padding:20px 30px}.modal-actions-right{display:flex;gap:12px}.btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-primary)}.btn-ghost{background:#0000;border:2px solid var(--border-primary);color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.btn-success{background:var(--gradient-secondary);color:#fff}.btn-success:hover{box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.btn-large{font-size:1.1rem;padding:16px 32px}.btn-small{font-size:.85rem;padding:8px 16px}.btn-block{width:100%}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:1200px){.map-layout{grid-template-columns:1fr}.fields-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-height:none}}@media (max-width:768px){.map-header h1{font-size:2.2rem}.fields-list,.form-row{grid-template-columns:1fr}.form-steps{gap:4px;padding:15px}.step span{display:none}.step-line{margin-bottom:0;width:20px}.form-step-content{padding:20px}.form-step-content .facilities-grid{grid-template-columns:repeat(2,1fr)}.image-preview-grid{grid-template-columns:repeat(3,1fr)}.modal-actions{flex-direction:column;gap:15px}.modal-actions-right{justify-content:stretch;width:100%}.modal-actions-right .btn{flex:1 1}.detail-actions{flex-direction:column}.facilities-list{grid-template-columns:1fr}}@media (max-width:480px){.form-step-content .facilities-grid{grid-template-columns:1fr 1fr}.image-preview-grid{grid-template-columns:repeat(2,1fr)}.review-images img{height:60px;width:60px}}.match-tracker-page{background:linear-gradient(135deg,#3b82f6f2,#0ea5e9f2),url(https://images.unsplash.com/photo-1574629810360-7efbbe195018?w=1920&q=80) 50%/cover no-repeat fixed;background-blend-mode:overlay;min-height:100vh}.match-tracker-container{margin:0 auto;max-width:1400px;padding:40px 20px}.match-header{align-items:center;animation:fadeInDown .6s ease-out;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.match-date{color:#fff;font-size:1.1rem;font-weight:600;text-shadow:1px 2px 6px #0000004d;text-transform:capitalize}.match-status-badge{border-radius:25px;box-shadow:0 4px 15px #0000004d;font-size:1rem;font-weight:700;padding:10px 20px;text-transform:uppercase}.match-status-badge[data-status=live]{animation:pulse 2s infinite;background:#3b82f6;color:#fff}.match-status-badge[data-status=finished]{background:#999;color:#fff}.match-status-badge[data-status=scheduled]{background:#f59e0b;color:#fff}.scoreboard{grid-gap:40px;align-items:center;animation:slideIn .5s ease-out .2s both;display:grid;gap:40px;grid-template-columns:1fr auto 1fr;margin-bottom:30px;padding:50px}.team-section{text-align:center}.team-logo{animation:bounce 1s ease-in-out infinite;font-size:6rem;margin-bottom:15px}.team-section h2{color:var(--text-primary);font-size:2rem;font-weight:800;margin:0 0 20px}.team-score{color:var(--color-primary);font-size:5rem;font-weight:900;line-height:1}.scoreboard-center{flex-direction:column;gap:15px}.scoreboard-center,.vs-divider{align-items:center;display:flex}.vs-divider{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:50%;color:#999;font-size:2.5rem;font-weight:900;height:100px;justify-content:center;padding:20px 30px;width:100px}.match-sport{color:#666;font-size:1.5rem}.match-controls{animation:fadeIn .8s ease-out .4s both;display:flex;gap:20px;justify-content:center;margin-bottom:30px;padding:25px}.match-finished-notice{align-items:center;color:#999;display:flex;flex-direction:column;gap:10px}.finish-icon{font-size:3rem}.match-content{grid-gap:30px;animation:fadeIn .8s ease-out .6s both;display:grid;gap:30px;grid-template-columns:1fr 1fr}.match-statistics h3,.match-timeline h3{border-bottom:3px solid var(--color-primary);color:var(--text-primary);font-size:1.5rem;margin:0 0 25px;padding-bottom:15px}.no-events{color:#999;padding:60px 20px;text-align:center}.timeline-events{display:flex;flex-direction:column;gap:20px}.timeline-event{grid-gap:15px;align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;display:grid;gap:15px;grid-template-columns:60px 50px 1fr;padding:15px;transition:all .3s}.timeline-event:hover{box-shadow:0 8px 20px #3b82f633;transform:translateX(10px)}.home-event{border-left:5px solid var(--color-primary)}.away-event{border-left:5px solid var(--color-accent)}.event-minute{color:var(--color-primary);font-size:1.3rem;font-weight:800;text-align:center}.event-icon{font-size:2rem}.event-details{display:flex;flex-direction:column;gap:5px}.event-header{align-items:center;display:flex;gap:10px}.event-type{color:var(--text-primary);font-weight:700}.event-player{color:var(--color-primary);font-weight:600}.event-description{color:#666;font-size:.9rem;margin:0}.stat-bars{gap:25px}.stat-bars,.stat-item{display:flex;flex-direction:column}.stat-item{gap:10px}.stat-label{color:var(--text-primary);font-size:1rem;font-weight:600;text-align:center}.stat-bar-container{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:50px 1fr 50px}.stat-value{font-size:1.2rem;text-align:center}.stat-value.home{color:var(--color-primary)}.stat-value.away{color:var(--color-accent)}.stat-bar{background:var(--bg-tertiary);border-radius:15px;box-shadow:inset 0 2px 4px #0000001a;display:flex;height:30px;overflow:hidden}.stat-fill{height:100%;transition:width .5s ease}.home-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.away-fill{background:linear-gradient(90deg,var(--color-accent),#f093fb)}.add-event-modal{animation:slideUp .4s ease-out;background:#fff;border-radius:25px;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;width:95%}.add-event-modal h2{color:var(--text-primary);font-size:2rem;margin:0 0 30px}@media (max-width:1024px){.match-content{grid-template-columns:1fr}}@media (max-width:768px){.scoreboard{gap:30px;grid-template-columns:1fr;padding:30px 20px}.scoreboard-center{order:-1}.team-logo{font-size:4rem}.team-score{font-size:3.5rem}.vs-divider{font-size:2rem;height:80px;width:80px}.match-controls{flex-direction:column}.timeline-event{gap:10px;grid-template-columns:50px 40px 1fr}.stat-bar-container{gap:10px;grid-template-columns:40px 1fr 40px}}.friends-page{background:var(--bg-primary);min-height:100vh}.friends-container{margin:0 auto;max-width:1400px;padding:40px 20px}.friends-header{animation:fadeInDown .6s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:40px;padding:40px 24px;text-align:center}.friends-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:15px}.friends-header p{color:var(--text-secondary);font-size:1.15rem}.search-section{animation:slideIn .5s ease-out .2s both;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:30px;padding:30px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-section h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 20px}.search-bar{display:flex;gap:15px}.search-bar input{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-size:1rem;padding:14px 20px;transition:all .2s}.search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.friends-tabs{animation:fadeIn .8s ease-out .4s both;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 28px;transition:all .3s}.tab:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.tab.active{background:var(--gradient-primary);border-color:#0000;box-shadow:var(--shadow-md);color:#fff}.notification-dot{animation:pulse 2s infinite;background:var(--color-error);border-radius:50%;display:inline-block;height:10px;margin-left:8px;width:10px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.friends-content{animation:fadeIn .8s ease-out .6s both}.friends-grid,.requests-grid,.rivals-grid,.search-results-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.friend-card,.request-card,.rival-card,.search-result-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:24px;transition:all .3s}.friend-card:hover,.request-card:hover,.rival-card:hover,.search-result-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.friend-header,.request-header,.result-header{align-items:center;border-bottom:2px solid var(--border-secondary);display:flex;gap:15px;margin-bottom:20px;padding-bottom:20px}.friend-avatar-wrapper{position:relative}.friend-avatar,.request-avatar,.result-avatar{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-lg);display:flex;font-size:2.5rem;height:70px;justify-content:center;width:70px}.status-indicator{border:3px solid var(--bg-secondary);border-radius:50%;bottom:5px;height:15px;position:absolute;right:5px;width:15px}.status-indicator.online{background:var(--color-success)}.status-indicator.offline{background:var(--text-tertiary)}.friend-info h4,.request-info h4,.result-info h4{color:var(--text-primary);font-size:1.3rem;margin:0 0 5px}.friend-sport,.request-sport,.result-sport{color:var(--primary);font-weight:600;margin:0}.friend-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.stat-box{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:15px;text-align:center}.stat-value{color:var(--primary);display:block;font-size:1.8rem;font-weight:800;margin-bottom:5px}.stat-label{color:var(--text-secondary);display:block;font-size:.85rem;text-transform:uppercase}.friend-last-played{color:var(--text-tertiary);font-size:.9rem;margin-bottom:15px;text-align:center}.friend-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.rival-header{border-bottom:2px solid var(--border-secondary);gap:20px;margin-bottom:25px;padding-bottom:20px}.rival-header,.rival-logo{align-items:center;display:flex}.rival-logo{font-size:3.5rem;height:80px;justify-content:center;width:80px}.rival-info h3{color:var(--text-primary);font-size:1.5rem;font-weight:800;margin:0 0 8px}.rival-sport{color:var(--primary);font-weight:600;margin:5px 0}.rival-captain{color:var(--text-tertiary);font-size:.9rem;margin:5px 0}.head-to-head{margin-bottom:20px}.head-to-head h4{color:var(--text-primary);font-size:1.2rem;margin:0 0 15px}.h2h-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.h2h-item{border-radius:var(--radius-lg);padding:15px;text-align:center}.h2h-item.win{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.h2h-item.draw{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.h2h-item.loss{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.h2h-value{display:block;font-size:2rem;font-weight:800;margin-bottom:5px}.h2h-label{display:block;font-size:.85rem;text-transform:uppercase}.last-match{background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.last-match h5{color:var(--text-primary);font-size:1rem;margin:0 0 12px}.match-result{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.result-badge{border-radius:var(--radius-full);color:#fff;font-size:.9rem;font-weight:700;padding:6px 12px}.result-badge.win{background:var(--color-success)}.result-badge.loss{background:var(--color-error)}.result-badge.draw{background:var(--color-warning)}.match-score{color:var(--text-primary);font-size:1.3rem;font-weight:800}.match-date{color:var(--text-tertiary);font-size:.9rem;margin:0}.request-message{background:var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--text-secondary);font-style:italic;margin-bottom:15px;padding:15px}.request-time{color:var(--text-tertiary);font-size:.9rem;margin-bottom:15px}.request-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.result-stats{margin-bottom:20px}.result-stats p{color:var(--text-secondary);margin:8px 0}.challenge-modal{animation:slideUp .4s ease-out;background:var(--bg-secondary);border-radius:var(--radius-xl);max-width:600px;padding:40px;width:95%}.challenge-modal h2{color:var(--text-primary);font-size:2rem;margin:0 0 25px}.challenge-info{margin-bottom:30px;text-align:center}.challenge-logo{font-size:5rem;margin-bottom:15px}.challenge-info p{color:var(--text-secondary);font-size:1.1rem}@media (max-width:768px){.friends-header h1{font-size:2rem}.friends-grid,.requests-grid,.rivals-grid,.search-results-grid{grid-template-columns:1fr}.friends-tabs,.search-bar{flex-direction:column}.friend-stats,.h2h-stats{gap:10px;grid-template-columns:repeat(3,1fr)}}.notifications-page{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);min-height:100vh}.notifications-container{margin:0 auto;max-width:900px;padding:30px 20px}.notifications-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.notifications-page-header h1{color:#2e7d32;font-size:2.5rem;margin:0}.notifications-actions{display:flex;gap:15px}.notifications-filters{display:flex;gap:15px;margin-bottom:30px}.no-notifications-page{padding:80px 20px;text-align:center}.no-notifications-page .empty-icon{display:block;font-size:5rem;margin-bottom:20px}.notifications-list-page{display:flex;flex-direction:column;gap:15px}.notification-card{cursor:pointer;display:flex;gap:20px;padding:25px;position:relative;transition:all .3s}.notification-card:hover{box-shadow:0 8px 25px #3b82f64d;transform:translateX(5px)}.notification-card.unread{background:linear-gradient(90deg,#3b82f60d,#fff);border-left:5px solid var(--color-primary)}.notification-card-icon{align-items:center;background:var(--gradient-primary);border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.notification-card-content{flex:1 1}.notification-card-content h4{color:var(--text-primary);font-size:1.2rem;margin:0 0 10px}.notification-card-content p{color:#666;line-height:1.5;margin:0 0 10px}.notification-card-time{color:#999;font-size:.85rem}.notification-card-unread-badge{background:var(--color-primary);border-radius:15px;color:#fff;font-size:.75rem;font-weight:700;padding:5px 12px;position:absolute;right:20px;top:20px}@media (max-width:768px){.notifications-page-header{align-items:flex-start;flex-direction:column}}.app{background:var(--bg-primary);min-height:100vh}.page-container{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.page-header{margin-bottom:var(--space-xl);text-align:center}.page-header h1{margin-bottom:var(--space-sm)}.page-header p{color:var(--text-secondary);margin:0 auto var(--space-lg);max-width:600px}.grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.empty-state{padding:var(--space-2xl);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.5}.empty-state h2{margin-bottom:var(--space-sm)}.empty-state p{color:var(--text-tertiary);margin-bottom:var(--space-lg)}.empty-state-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.section{margin-bottom:var(--space-xl)}.section-title{align-items:center;border-bottom:2px solid var(--border-primary);display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.loading-container{flex-direction:column;gap:var(--space-md);min-height:60vh}.loading-container p{color:var(--text-tertiary)}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-lg)}.filters-section{margin-bottom:var(--space-xl)}.filters-grid{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-md)}.filter-group{flex:1 1;min-width:180px}.filter-group label{margin-bottom:var(--space-xs)}@media (max-width:768px){.page-container{padding:var(--space-md)}.filters-grid{flex-direction:column}.filter-group{width:100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.studio-page{background:var(--bg-primary);min-height:100vh}.studio-container{margin:0 auto;max-width:920px;padding:var(--space-lg)}.studio-header{animation:fadeInDown .6s ease-out;background:linear-gradient(135deg,#1a73e8,#0d47a1 60%,#0ea5e9);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);overflow:hidden;padding:52px 24px 44px;position:relative;text-align:center}.studio-header:before{background:#ffffff0f;border-radius:50%;content:"";height:220px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:220px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.studio-header h1{color:#fff!important;font-size:2.2rem;font-weight:800;margin-bottom:10px;text-shadow:0 2px 10px #0003}.studio-header p{color:#ffffffe0!important;font-size:1.05rem;margin-bottom:24px}.studio-header .btn-primary{background:#fff;border:none;border-radius:50px;box-shadow:0 6px 20px #0000002e;color:#1a73e8;font-weight:700;padding:13px 32px;transition:all .3s}.studio-header .btn-primary:hover{background:#f0f7ff;box-shadow:0 10px 28px #00000038;transform:translateY(-2px)}.studios-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.studio-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-lg);transition:transform .25s,box-shadow .25s,border-color .25s}.studio-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.studio-card-header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.studio-card-header h3{font-size:1.1rem;font-weight:700;margin:0}.studio-role-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 12px}.studio-role-badge.trainer{background:#1a73e81f;color:#1a73e8}.studio-role-badge.member{background:#10b9811f;color:#10b981}.studio-desc{color:var(--text-secondary);font-size:.88rem;margin:var(--space-xs) 0}.studio-card-footer{color:var(--color-primary);font-size:.85rem;font-weight:600;margin-top:var(--space-sm)}.no-members,.no-sessions,.no-studios{border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.no-members h3,.no-sessions h3,.no-studios h2{color:var(--text-primary);margin:var(--space-md) 0 var(--space-sm)}.studio-detail-header{align-items:center;border-bottom:2px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md) 0}.studio-detail-header h1{color:var(--text-primary);font-size:1.6rem;font-weight:800;margin:0}.studio-tabs{border-bottom:2px solid var(--border-primary);display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg)}.studio-tabs .tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-tertiary);cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-2px;padding:10px 22px;transition:all .2s}.studio-tabs .tab:hover{color:var(--text-primary)}.studio-tabs .tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:700}.sessions-list{display:flex;flex-direction:column;gap:var(--space-md)}.session-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);transition:box-shadow .2s,border-color .2s}.session-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.session-card.past{opacity:.55}.session-card-main{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between}.session-type-badge{background:var(--color-primary-bg);border-radius:20px;color:var(--color-primary);display:inline-block;font-size:.78rem;font-weight:600;margin-bottom:var(--space-xs);padding:3px 12px}.session-info h3{font-size:1.05rem;font-weight:700;margin:4px 0}.session-datetime,.session-deadlines,.session-spots{color:var(--text-secondary);font-size:.88rem;margin:3px 0}.full-badge{color:var(--color-error);font-weight:700}.session-notes{color:var(--text-secondary);font-size:.84rem;margin:4px 0}.session-actions{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-sm);min-width:120px}.signed-up-badge{color:var(--color-success);font-size:.84rem;font-weight:600}.trainer-signups{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.signup-person{align-items:center;background:var(--color-primary-bg);border-radius:20px;display:flex;font-size:.8rem;gap:4px;padding:2px 8px}.signup-avatar{font-size:1rem}.signup-name{color:var(--text-primary);font-weight:600}.members-list{display:flex;flex-direction:column;gap:var(--space-sm)}.member-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:box-shadow .2s,border-color .2s}.member-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.member-info{align-items:center;display:flex;flex:1 1;gap:var(--space-md);min-width:0}.member-avatar{flex-shrink:0;font-size:1.8rem}.member-info strong{color:var(--text-primary);display:block;font-size:.95rem;font-weight:700}.member-info p{color:var(--text-secondary);font-size:.82rem;margin:2px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membership-status{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:700;gap:4px;padding:3px 10px}.membership-status.paid{background:#10b9811f;border:1px solid #10b9814d;color:#10b981}.membership-status.unpaid{background:#ef44441a;border:1px solid #ef444440;color:#ef4444}.member-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.btn-membership{align-items:center;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:6px;padding:7px 14px;transition:all .2s;white-space:nowrap}.btn-membership.mark-paid{background:#10b9811a;border-color:#10b98159;color:#10b981}.btn-membership.mark-paid:hover{background:#10b981;border-color:#10b981;color:#fff}.btn-membership.mark-unpaid{background:#ef444414;border-color:#ef44444d;color:#ef4444}.btn-membership.mark-unpaid:hover{background:#ef4444;border-color:#ef4444;color:#fff}.studio-modal{animation:slideUp .3s ease-out;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-xl);width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.studio-modal h2{color:var(--text-primary);font-size:1.4rem;font-weight:800;margin:0 0 var(--space-lg)}.form-group{margin-bottom:var(--space-md)}.form-group label{color:var(--text-primary);display:block;font-size:.88rem;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.93rem;padding:10px 13px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.form-row{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg)}@media (max-width:768px){.studio-header{border-radius:var(--radius-lg);padding:36px 16px 32px}.studio-header h1{font-size:1.8rem}.studio-container{padding:var(--space-md)}.studio-detail-header{align-items:flex-start;flex-direction:column;gap:10px}.studio-detail-header>div:last-child{display:flex;flex-wrap:wrap;gap:8px;width:100%}.studio-detail-header>div:last-child .btn{flex:1 1}.session-card-main{flex-direction:column}.session-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap;min-width:0;min-width:auto;width:100%}.form-row{grid-template-columns:1fr}.member-card{align-items:flex-start;flex-direction:column;gap:12px}.member-info{width:100%}.member-actions{justify-content:flex-start;width:100%}.btn-membership{flex:1 1;justify-content:center}}.copy-week-pairs{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.team-chat-page{background:var(--bg-primary);min-height:100vh}.dm-layout{gap:0;height:calc(100vh - 100px);margin:20px auto;max-width:1100px;padding:0 20px}.dm-desktop,.dm-layout{display:flex}.dm-mobile{display:none}.dm-sidebar{border-radius:16px 0 0 16px;border-right:1px solid var(--border-primary);display:flex;flex-direction:column;min-width:300px;overflow-y:auto;padding:20px 0;width:300px}.dm-sidebar h3{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:1.1rem;font-weight:800;margin-bottom:10px;padding:0 20px 14px}.dm-search-box{padding:0 14px 10px}.dm-search-box input{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-primary);font-size:.88rem;outline:none;padding:9px 14px;transition:border-color .2s;width:100%}.dm-search-box input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.dm-search-results{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin:0 10px 10px;overflow:hidden}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .2s}.search-result-item:hover{background:var(--color-primary-bg)}.conversation-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;margin:0 6px;padding:12px 20px;transition:background .2s}.conversation-item.active,.conversation-item:hover{background:var(--color-primary-bg)}.conversation-item.active .conv-name{color:var(--color-primary)}.conv-avatar{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:50%;display:flex;flex-shrink:0;font-size:1.3rem;height:44px;justify-content:center;width:44px}.conv-info{flex:1 1;overflow:hidden}.conv-name{color:var(--text-primary);font-size:.92rem;font-weight:700}.conv-last{color:var(--text-tertiary);font-size:.8rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-unread{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:22px;justify-content:center;width:22px}.no-conversations{color:var(--text-tertiary);padding:40px 20px;text-align:center}.no-conversations span{display:block;font-size:2.5rem;margin-bottom:8px}.chat-messages-container{border-radius:0 16px 16px 0;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.chat-header-dm{background:var(--bg-card);border-bottom:1px solid var(--border-primary);padding:14px 20px}.chat-header-dm,.chat-header-info{align-items:center;display:flex;gap:10px}.chat-header-info h2{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0}.dm-avatar{font-size:2rem}.dm-back-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:none;font-size:1rem;font-weight:700;padding:6px 12px;transition:background .2s}.dm-back-btn:hover{background:var(--color-primary-bg)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:20px}.message-wrapper{align-items:flex-end;display:flex;gap:8px;margin-bottom:4px}.message-wrapper.own{flex-direction:row-reverse}.message-wrapper.other{flex-direction:row}.message-avatar{align-items:center;background:var(--bg-tertiary);border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;height:32px;justify-content:center;width:32px}.message-bubble{border-radius:18px;max-width:70%;padding:10px 14px;position:relative}.message-bubble.own{background:linear-gradient(135deg,#1a73e8,#0ea5e9);border-bottom-right-radius:4px;color:#fff}.message-bubble.other{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-bottom-left-radius:4px;color:var(--text-primary)}.message-sender{color:var(--color-primary);font-size:.75rem;font-weight:700;margin-bottom:3px}.message-text{font-size:.94rem;line-height:1.5;word-break:break-word}.message-time{font-size:.7rem;margin-top:4px;opacity:.7;text-align:right}.date-separator{align-items:center;display:flex;justify-content:center;margin:16px 0 8px}.date-separator span{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-tertiary);font-size:.78rem;font-weight:600;padding:4px 14px}.typing-indicator{align-items:center;display:flex;gap:8px;padding:8px 14px}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:bounce 1.2s infinite;background:var(--color-primary);border-radius:50%;height:7px;width:7px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.typing-text{color:var(--text-tertiary);font-size:.82rem}.chat-input-container{background:var(--bg-card);border-top:1px solid var(--border-primary);display:flex;gap:10px;padding:14px 20px}.chat-input{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-primary);flex:1 1;font-size:.94rem;outline:none;padding:11px 18px;transition:border-color .2s}.chat-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.btn-send{align-items:center;background:linear-gradient(135deg,#1a73e8,#0ea5e9);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.btn-send:hover:not(:disabled){box-shadow:var(--shadow-md);transform:scale(1.08)}.btn-send:disabled{cursor:not-allowed;opacity:.4}.dm-empty{align-items:center;border-radius:0 16px 16px 0;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:40px;text-align:center}.dm-empty span{font-size:3.5rem}.dm-empty h3{color:var(--text-primary);font-size:1.2rem;font-weight:800;margin:0}.dm-empty p{color:var(--text-tertiary);font-size:.9rem;margin:0}.loading-container{align-items:center;display:flex;justify-content:center;padding:60px}.no-messages{color:var(--text-tertiary);padding:60px 20px;text-align:center}.empty-icon{display:block;font-size:3rem;margin-bottom:12px}@media (max-width:768px){.dm-desktop{display:none!important}.dm-mobile{display:block}.dm-mobile .dm-sidebar{min-width:0;min-width:auto;padding:16px 0;width:100%}.dm-mobile .chat-messages-container,.dm-mobile .dm-sidebar{border-radius:var(--radius-lg);height:calc(100vh - 120px);margin:12px}.dm-back-btn{display:flex}.message-bubble{max-width:85%}}
/*# sourceMappingURL=main.1413645e.css.map*/