:root{color-scheme:light;--color-primary:#15803d;--color-primary-dark:#14532d;--color-primary-deep:#0b3a1f;--color-primary-soft:#dcfce7;--color-primary-tint:#f0fdf4;--color-accent:#eab308;--color-accent-dark:#a16207;--color-accent-soft:#fef3c7;--color-accent-tint:#fefce8;--color-bg:#f7f8f4;--color-surface:#ffffff;--color-surface-muted:#fafbf6;--color-border-soft:#eef0ea;--color-text:#0f1b15;--color-text-muted:#5a6b60;--color-text-faint:#8a968f;--color-success:#15803d;--color-danger:#b91c1c;--top-bar-bg-start:#0b3a1f;--top-bar-bg-end:#14532d;--font-sans-stack:var(--font-sans),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono-stack:var(--font-mono),"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-xs:0 1px 1px rgba(15,27,21,0.03);--shadow-sm:0 1px 2px rgba(15,27,21,0.05),0 1px 3px rgba(15,27,21,0.04);--shadow-md:0 4px 16px -4px rgba(15,27,21,0.08),0 2px 4px -2px rgba(15,27,21,0.04);--shadow-lg:0 12px 32px -8px rgba(15,27,21,0.12),0 4px 8px -4px rgba(15,27,21,0.06);--ring-focus:0 0 0 3px rgba(21,128,61,0.18);--ring-focus-on-dark:0 0 0 3px rgba(234,179,8,0.7)}:root[data-theme=dark]{color-scheme:dark;--color-primary:#4ade80;--color-primary-dark:#22c55e;--color-primary-deep:#a7f3d0;--color-primary-soft:#14532d;--color-primary-tint:#0e3b22;--color-accent:#fbbf24;--color-accent-dark:#f59e0b;--color-accent-soft:#422d0a;--color-accent-tint:#2a1d05;--color-bg:#0e1612;--color-surface:#1a2620;--color-surface-muted:#141d18;--color-border-soft:#1f2c25;--color-text:#e8efe5;--color-text-muted:#9ca9a1;--color-text-faint:#6b7770;--color-success:#4ade80;--color-danger:#f87171;--top-bar-bg-start:#0a1a12;--top-bar-bg-end:#102a1c;--shadow-xs:0 1px 1px rgba(0,0,0,0.35);--shadow-sm:0 1px 2px rgba(0,0,0,0.4),0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 16px -4px rgba(0,0,0,0.55),0 2px 4px -2px rgba(0,0,0,0.35);--shadow-lg:0 12px 32px -8px rgba(0,0,0,0.65),0 4px 8px -4px rgba(0,0,0,0.4);--ring-focus:0 0 0 3px rgba(74,222,128,0.28);--ring-focus-on-dark:0 0 0 3px rgba(251,191,36,0.75)}:root[data-theme=dark] ::selection{background:var(--color-accent);color:#0e1612}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;text-size-adjust:100%}body{font-family:var(--font-sans-stack);background:var(--color-bg);font-size:15px;line-height:1.55;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans-stack);letter-spacing:-.015em;line-height:1.25}.mono,code,kbd,pre,samp{font-family:var(--font-mono-stack);font-feature-settings:"calt" 0}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--ring-focus);border-radius:var(--radius-sm)}.top-bar a:focus-visible,.top-bar button:focus-visible,.top-bar input:focus-visible+.top-bar-remember-check{box-shadow:var(--ring-focus-on-dark)}::selection{background:var(--color-accent-soft);color:var(--color-primary-deep)}.eyebrow,.uppercase-label{font-family:var(--font-mono-stack);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--color-text-faint)}.numeric{font-family:var(--font-mono-stack);font-variant-numeric:tabular-nums;font-feature-settings:"tnum","zero","tnum"}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-shell-body{display:flex;flex:1 1;min-height:0}.app-main{flex:1 1;padding:2.25rem 2.5rem 3rem;min-width:0}.app-footer{padding:.6rem 2.5rem 1rem;font-size:.8rem;color:var(--color-text-muted)}.top-bar{display:flex;align-items:center;padding:.85rem 1.75rem;background:linear-gradient(180deg,var(--top-bar-bg-start) 0,var(--top-bar-bg-end) 100%);color:#fff;border-bottom:1px solid var(--color-accent);box-shadow:0 1px 0 rgba(0,0,0,.04);gap:.9rem}.top-bar>*{min-width:0}.top-bar-brand{flex-shrink:0}.top-bar-actions{margin-left:auto}.top-bar-menu-button{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;padding:0;flex-shrink:0}.top-bar-team{display:flex;justify-content:flex-end;align-items:center;min-width:0;max-width:220px;text-align:right;color:#f3f6f1;font-weight:500;font-size:.92rem;letter-spacing:.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar-team select{max-width:100%;text-overflow:ellipsis}.top-bar-logout-icon{display:none}.top-bar-brand-text{font-size:1.3rem;font-weight:400;letter-spacing:.01em;white-space:nowrap;font-family:var(--font-display),var(--font-mono-stack)}.top-bar-brand-hattrick{color:#4ade80}.top-bar-brand-ninja{color:#facc15}.top-nav{display:flex;align-items:center;gap:.2rem;min-width:0;padding-left:1rem}.top-nav-link{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .7rem;border-radius:var(--radius-md);border:none;background:transparent;color:rgba(255,255,255,.82);font-family:inherit;font-size:.95rem;font-weight:500;letter-spacing:-.005em;white-space:nowrap;cursor:pointer}.top-nav-link:hover{background:rgba(255,255,255,.1);color:#fff}.top-nav-link.is-active{background:rgba(255,255,255,.16);color:#fff}.top-nav-dropdown{position:relative}.top-nav-trigger,.top-nav-trigger.is-active,.top-nav-trigger:hover{background:transparent}.top-nav-trigger.is-active,.top-nav-trigger:hover{color:#fff}.top-nav-chevron{transition:transform .15s ease}.top-nav-trigger[aria-expanded=true] .top-nav-chevron{transform:rotate(180deg)}.top-nav-menu{position:absolute;top:calc(100% + .4rem);left:0;z-index:80;display:flex;flex-direction:column;gap:.1rem;min-width:210px;padding:.35rem;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.top-nav-menu:before{content:"";position:absolute;top:-.4rem;left:0;right:0;height:.4rem}.top-nav-menu-item{display:block;padding:.5rem .65rem;border-radius:var(--radius-sm);color:var(--color-text);font-size:.82rem;font-weight:500;white-space:nowrap}.top-nav-menu-item:hover{background:var(--color-surface-muted);color:var(--color-text)}.top-nav-menu-item.is-active{background:var(--color-primary-tint);color:var(--color-primary-deep);font-weight:600}.app-sidebar{display:none;width:232px;background:var(--color-surface);border-right:1px solid var(--color-border-soft);padding:1.25rem .75rem;flex-shrink:0}.app-sidebar-section-label{padding:0 .75rem .75rem;font-family:var(--font-mono-stack);font-size:.65rem;text-transform:uppercase;letter-spacing:.16em;color:var(--color-text-faint);font-weight:500}.app-sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.app-sidebar-link{display:flex;align-items:center;gap:.55rem;padding:.5rem .75rem;border-radius:var(--radius-md);text-decoration:none;font-size:.82rem;font-weight:500;letter-spacing:-.005em;white-space:nowrap}.app-sidebar-accent{display:inline-block;width:4px;height:16px;border-radius:2px;flex-shrink:0}.app-sidebar-backdrop,.app-sidebar-label-short{display:none}@media (max-width:960px){.top-bar-brand-text{display:none}.top-nav{padding-left:0}}@media (max-width:768px){.app-shell-body{flex-direction:column}.app-main{padding:1.25rem 1rem 2.5rem}.app-footer{padding:.5rem 1rem 1rem}.top-bar{padding:.7rem 1rem;gap:.5rem}.top-bar-team{font-size:.82rem;max-width:160px}.top-nav{display:none}.top-bar-menu-button{display:inline-flex}.top-bar-logout{padding:.4rem .55rem!important}.top-bar-logout-text{display:none}.top-bar-logout-icon{display:inline-flex}.app-sidebar{display:block;position:fixed;top:0;left:0;bottom:0;width:260px;max-width:82vw;z-index:70;padding:1.1rem .75rem;border-right:1px solid var(--color-border-soft);overflow-y:auto;transform:translateX(-100%);transition:transform .25s ease;box-shadow:var(--shadow-lg)}.app-sidebar.is-open{transform:translateX(0)}.app-sidebar-backdrop.is-open{display:block;position:fixed;inset:0;z-index:65;background:rgba(15,27,21,.45)}.app-sidebar-label-full{display:none}.app-sidebar-label-short{display:inline}}.top-bar-login-group{display:flex;align-items:center;gap:.6rem}.top-bar-remember-input{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;pointer-events:none}.top-bar-remember-check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;border:1.5px solid rgba(255,255,255,.45);background:transparent;color:var(--color-primary-deep);flex-shrink:0;transition:background .15s ease,border-color .15s ease}.top-bar-remember-check>svg{opacity:0;transition:opacity .15s ease}.top-bar-remember-input:checked+.top-bar-remember-check{border-color:var(--color-accent);background:var(--color-accent)}.top-bar-remember-input:checked+.top-bar-remember-check>svg{opacity:1}.top-bar-remember-input:focus-visible+.top-bar-remember-check{box-shadow:var(--ring-focus)}@media (max-width:720px){.top-bar-login-group{flex-direction:column-reverse;align-items:center;gap:.2rem}.top-bar-login-group>button{padding:.15rem 1.1rem!important;font-size:.7rem!important;gap:.35rem!important}.top-bar-login-group>button img{height:12px}.top-bar-login-group>label{font-size:.7rem!important;gap:.25rem!important}.top-bar-login-group .top-bar-remember-check{width:12px;height:12px;border-width:1.25px}.top-bar-login-group .top-bar-remember-check>svg{width:8px;height:8px}}@media (max-width:480px){.app-main{padding:1rem .85rem 2rem}.app-footer{padding:.5rem .85rem .85rem}.top-bar{padding:.6rem .85rem}}.heading-display{font-size:2.1rem}.heading-display,.heading-page{letter-spacing:-.025em;font-weight:700}.heading-page{font-size:1.85rem}@media (max-width:640px){.heading-display{font-size:1.65rem}.heading-page{font-size:1.45rem}}@keyframes ts-spin{to{transform:rotate(1turn)}}@keyframes ts-skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}.hero-card{padding:2rem 2.25rem}@media (max-width:640px){.hero-card{padding:1.4rem 1.25rem}}