@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--clr-green: #1a5c2e;--clr-green-mid: #236b37;--clr-green-light:#2d8a47;--clr-green-pale: #e8f5ec;--clr-red: #c8102e;--clr-red-dark: #a00d24;--clr-black: #0a0a0a;--clr-white: #ffffff;--clr-grey-50: #f9fafb;--clr-grey-100: #f3f4f6;--clr-grey-200: #e5e7eb;--clr-grey-300: #d1d5db;--clr-grey-400: #9ca3af;--clr-grey-500: #6b7280;--clr-grey-700: #374151;--clr-grey-900: #111827;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Inter", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width: 1200px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 16px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--shadow-xl: 0 32px 64px rgba(0,0,0,.16);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.6;color:var(--clr-grey-900);background:var(--clr-white);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin:0 0 var(--space-4)}h1{font-size:clamp(var(--text-3xl),5vw,var(--text-6xl));font-weight:900}h2{font-size:clamp(var(--text-2xl),3.5vw,var(--text-4xl));font-weight:800}h3{font-size:clamp(var(--text-xl),2.5vw,var(--text-2xl))}h4{font-size:var(--text-xl)}p{margin:0 0 var(--space-4)}a{color:var(--clr-green);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--clr-green-light)}img,svg{display:block;max-width:100%}ul,ol{margin:0;padding:0;list-style:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}@media(max-width:640px){.container{padding:0 var(--space-4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section{padding:var(--space-20) 0}.section--sm{padding:var(--space-12) 0}.text-center{text-align:center}.text-green{color:var(--clr-green)}.text-red{color:var(--clr-red)}.text-grey{color:var(--clr-grey-500)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge--green{background:var(--clr-green-pale);color:var(--clr-green)}.badge--red{background:#fde8eb;color:var(--clr-red)}.badge--grey{background:var(--clr-grey-100);color:var(--clr-grey-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;cursor:pointer;border:2px solid transparent;transition:all var(--transition-base);text-decoration:none;line-height:1;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--clr-green);color:var(--clr-white);border-color:var(--clr-green)}.btn--primary:hover{background:var(--clr-green-mid);border-color:var(--clr-green-mid);color:var(--clr-white);transform:translateY(-1px);box-shadow:0 4px 16px #1a5c2e40}.btn--danger{background:var(--clr-red);color:var(--clr-white);border-color:var(--clr-red)}.btn--danger:hover{background:var(--clr-red-dark);border-color:var(--clr-red-dark);color:var(--clr-white);transform:translateY(-1px)}.btn--outline{background:transparent;color:var(--clr-green);border-color:var(--clr-green)}.btn--outline:hover{background:var(--clr-green);color:var(--clr-white)}.btn--ghost{background:transparent;color:var(--clr-grey-700);border-color:transparent}.btn--ghost:hover{background:var(--clr-grey-100)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--clr-grey-700);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--clr-grey-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--clr-grey-900);background:var(--clr-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);line-height:1.5}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--clr-green);box-shadow:0 0 0 3px #1a5c2e1f}.form-input::placeholder{color:var(--clr-grey-400)}.form-error{font-size:var(--text-xs);color:var(--clr-red);margin-top:var(--space-1)}.card{background:var(--clr-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--clr-grey-100);overflow:hidden}.card__body{padding:var(--space-6)}.divider{height:4px;background:linear-gradient(90deg,var(--clr-green) 0%,var(--clr-red) 100%);border:none;margin:0}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);border-left:4px solid}.alert--success{background:var(--clr-green-pale);border-color:var(--clr-green);color:var(--clr-green)}.alert--error{background:#fde8eb;border-color:var(--clr-red);color:var(--clr-red-dark)}.alert--info{background:#e8f0fe;border-color:#3b5bdb;color:#2c3e8f}.skeleton{background:linear-gradient(90deg,var(--clr-grey-100) 25%,var(--clr-grey-200) 50%,var(--clr-grey-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--clr-grey-200)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}thead th{background:var(--clr-grey-50);padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-grey-500);border-bottom:1px solid var(--clr-grey-200)}tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--clr-grey-100);color:var(--clr-grey-700)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--clr-grey-50)}.role--administrator{color:#7c3aed}.role--board{color:var(--clr-red)}.role--manager{color:#d97706}.role--captain{color:var(--clr-green)}.role--player{color:var(--clr-grey-500)}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.skip-link{position:absolute;top:-100%;left:0;padding:var(--space-2) var(--space-4);background:var(--clr-green);color:#fff;font-size:var(--text-sm);font-weight:600;z-index:9999;border-radius:0 0 var(--radius-md) 0}.skip-link:focus{top:0}.site-header{position:sticky;top:0;z-index:500;background:var(--clr-white);border-bottom:1px solid var(--clr-grey-100);box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:var(--space-6)}.header-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.header-logo img{border-radius:var(--radius-sm)}.header-logo-name{display:block;font-size:var(--text-base);font-weight:800;color:var(--clr-green);letter-spacing:-.02em;line-height:1.2}.header-logo-sub{display:block;font-size:var(--text-xs);font-weight:500;color:var(--clr-grey-400);letter-spacing:.04em;text-transform:uppercase}.header-nav{display:flex;align-items:center;gap:var(--space-1);flex:1;justify-content:center}.nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--clr-grey-700);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;position:relative}.nav-link:hover{color:var(--clr-green);background:var(--clr-green-pale)}.nav-link.active{color:var(--clr-green);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:var(--space-3);right:var(--space-3);height:2px;background:var(--clr-green);border-radius:var(--radius-full)}.header-auth{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.user-menu-wrap{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--clr-grey-50);border:1px solid var(--clr-grey-200);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--clr-grey-700);transition:all var(--transition-fast)}.user-menu-trigger:hover{background:var(--clr-grey-100);border-color:var(--clr-grey-300)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--clr-green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--clr-white);border:1px solid var(--clr-grey-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:600;overflow:hidden}.user-dropdown.open{display:block;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:var(--space-3) var(--space-4)}.user-dropdown-name{font-weight:600;font-size:var(--text-sm);color:var(--clr-grey-900)}.user-dropdown-role{font-size:var(--text-xs);font-weight:600;text-transform:capitalize;margin-top:2px}.user-dropdown-divider{height:1px;background:var(--clr-grey-100)}.user-dropdown-item{display:block;width:100%;text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:400;color:var(--clr-grey-700);text-decoration:none;background:none;border:none;cursor:pointer;font-family:var(--font-body);transition:background var(--transition-fast)}.user-dropdown-item:hover{background:var(--clr-grey-50);color:var(--clr-grey-900)}.user-dropdown-item--danger{color:var(--clr-red)}.user-dropdown-item--danger:hover{background:#fde8eb}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;width:36px;height:36px;justify-content:center;align-items:center;background:none;border:1px solid var(--clr-grey-200);border-radius:var(--radius-md);cursor:pointer;padding:0}.mobile-menu-btn span{display:block;width:18px;height:2px;background:var(--clr-grey-700);border-radius:2px;transition:all var(--transition-fast)}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--clr-white);border-top:1px solid var(--clr-grey-100);box-shadow:var(--shadow-md);z-index:400}.mobile-nav.open{display:block}.mobile-nav-link{display:block;padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:500;color:var(--clr-grey-700);text-decoration:none;border-bottom:1px solid var(--clr-grey-100);transition:color var(--transition-fast)}.mobile-nav-link:hover{color:var(--clr-green)}.mobile-nav-link--highlight{color:var(--clr-green);font-weight:600}@media(max-width:900px){.header-nav{display:none}.mobile-menu-btn{display:flex}}.site-footer{background:var(--clr-grey-900);color:var(--clr-grey-300);margin-top:var(--space-24)}.footer-inner{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-16);padding:var(--space-16) var(--space-6)}@media(max-width:768px){.footer-inner{grid-template-columns:1fr;gap:var(--space-10)}}.footer-brand{display:flex;gap:var(--space-4);align-items:flex-start}.footer-brand img{border-radius:var(--radius-sm);opacity:.9}.footer-brand-name{font-size:var(--text-lg);font-weight:800;color:var(--clr-white);letter-spacing:-.02em}.footer-brand-sub{font-size:var(--text-sm);color:var(--clr-grey-400);margin-top:2px}.footer-brand-loc{font-size:var(--text-xs);color:var(--clr-grey-500);margin-top:var(--space-2)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}@media(max-width:600px){.footer-links{grid-template-columns:repeat(2,1fr)}}.footer-col{display:flex;flex-direction:column;gap:var(--space-2)}.footer-col-heading{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--clr-white);margin:0 0 var(--space-2)}.footer-col a{font-size:var(--text-sm);color:var(--clr-grey-400);text-decoration:none;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--clr-white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:var(--space-5) var(--space-6)}.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--clr-grey-500)}.footer-bottom a{color:var(--clr-grey-400);text-decoration:none}.footer-bottom a:hover{color:var(--clr-white)}