:root{--docs-bg:#0a0e1a;--docs-surface:#111827;--docs-surface-2:#1a2236;--docs-border:rgba(255,255,255,0.06);--docs-text:#e2e8f0;--docs-text-muted:#94a3b8;--docs-accent:#10b981;--docs-accent-glow:rgba(16,185,129,0.15);--docs-blue:#3b82f6;--docs-purple:#a855f7;--docs-amber:#f59e0b;--docs-red:#ef4444;--docs-sidebar-w:280px;--docs-radius:12px}.docs-layout *{box-sizing:border-box;margin:0;padding:0}.docs-layout{display:flex;min-height:100vh;background:var(--docs-bg);color:var(--docs-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7}.docs-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--docs-sidebar-w);background:var(--docs-surface);border-right:1px solid var(--docs-border);overflow-y:auto;z-index:100;padding:24px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.docs-sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 20px 20px;border-bottom:1px solid var(--docs-border);margin-bottom:16px;text-decoration:none}.docs-sidebar-logo .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--docs-accent),var(--docs-blue));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.docs-sidebar-logo .logo-text{font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:-.5px}.docs-sidebar-logo .logo-text span{background:linear-gradient(135deg,var(--docs-accent),var(--docs-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.docs-sidebar-badge{display:inline-block;background:var(--docs-accent-glow);color:var(--docs-accent);font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:20px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.docs-nav-section{margin-bottom:8px}.docs-nav-title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--docs-text-muted);padding:12px 20px 6px}.docs-nav-link{display:flex;align-items:center;gap:10px;padding:8px 20px;color:var(--docs-text-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.docs-nav-link:hover{color:#fff;background:rgba(255,255,255,.04)}.docs-nav-link.active{color:var(--docs-accent);background:var(--docs-accent-glow);border-right:3px solid var(--docs-accent)}.docs-nav-link .nav-icon{font-size:1rem;width:24px;text-align:center}.docs-main{margin-left:var(--docs-sidebar-w);flex:1 1;padding:40px 60px 80px;max-width:1000px}.docs-hero{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(59,130,246,.08));border:1px solid var(--docs-border);border-radius:16px;padding:48px;margin-bottom:48px;position:relative;overflow:hidden}.docs-hero:before{content:"";position:absolute;top:-50%;right:-30%;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.1),transparent 70%);pointer-events:none}.docs-hero h1{font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:12px;background:linear-gradient(135deg,#fff,var(--docs-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.docs-hero p{font-size:1.1rem;color:var(--docs-text-muted);max-width:600px}.docs-hero-badges{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.docs-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;background:rgba(255,255,255,.06);border:1px solid var(--docs-border);color:var(--docs-text-muted)}.docs-section{margin-bottom:56px;scroll-margin-top:24px}.docs-section h2{font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--docs-border);display:flex;align-items:center;gap:12px}.docs-section h2 .section-icon{font-size:1.3rem}.docs-section h3{font-size:1.2rem;font-weight:600;margin:24px 0 12px;color:var(--docs-accent)}.docs-section p{color:var(--docs-text-muted);margin-bottom:16px}.docs-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;margin:20px 0}.docs-card{background:var(--docs-surface);border:1px solid var(--docs-border);border-radius:var(--docs-radius);padding:20px;transition:all .3s}.docs-card:hover{border-color:rgba(16,185,129,.3);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.docs-card .card-icon{font-size:2rem;margin-bottom:12px;display:block}.docs-card .card-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:6px}.docs-card .card-desc{font-size:.85rem;color:var(--docs-text-muted);line-height:1.5}.docs-feature{background:var(--docs-surface);border:1px solid var(--docs-border);border-radius:var(--docs-radius);overflow:hidden;margin:24px 0;transition:all .3s}.docs-feature:hover{border-color:rgba(16,185,129,.2);box-shadow:0 8px 32px rgba(0,0,0,.3)}.docs-feature-img{width:100%;height:auto;display:block;border-bottom:1px solid var(--docs-border)}.docs-feature-content{padding:20px 24px}.docs-feature-title{font-size:1.1rem;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:10px}.docs-feature-desc{font-size:.9rem;color:var(--docs-text-muted);line-height:1.6}.docs-table-wrap{overflow-x:auto;margin:16px 0;border-radius:var(--docs-radius);border:1px solid var(--docs-border)}.docs-table{width:100%;border-collapse:collapse;font-size:.875rem}.docs-table th{background:var(--docs-surface-2);text-align:left;font-weight:600;color:var(--docs-text-muted);text-transform:uppercase;font-size:.7rem;letter-spacing:1px}.docs-table td,.docs-table th{padding:12px 16px;border-bottom:1px solid var(--docs-border)}.docs-table td{color:var(--docs-text)}.docs-table tr:last-child td{border-bottom:none}.docs-table tr:hover td{background:rgba(255,255,255,.02)}.docs-table .badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-admin{background:rgba(239,68,68,.15);color:#f87171}.badge-coach{background:rgba(59,130,246,.15);color:#60a5fa}.badge-parent{background:rgba(168,85,247,.15);color:#c084fc}.badge-player{background:rgba(16,185,129,.15);color:#34d399}.badge-volunteer{background:rgba(245,158,11,.15);color:#fbbf24}.docs-code{background:var(--docs-surface);border:1px solid var(--docs-border);border-radius:var(--docs-radius);padding:16px 20px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;overflow-x:auto;margin:12px 0;line-height:1.8}.docs-code .comment{color:#6b7280}.docs-code .cmd{color:var(--docs-accent)}.docs-code .url{color:var(--docs-blue)}.docs-callout{display:flex;gap:14px;padding:16px 20px;border-radius:var(--docs-radius);margin:16px 0;font-size:.9rem;line-height:1.6}.docs-callout-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.docs-callout.tip{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);color:#6ee7b7}.docs-callout.warning{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);color:#fcd34d}.docs-callout.important{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#fca5a5}.docs-arch{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:24px 0}.docs-arch-node{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 24px;background:var(--docs-surface);border:1px solid var(--docs-border);border-radius:var(--docs-radius);min-width:160px;text-align:center;transition:all .3s}.docs-arch-node:hover{border-color:var(--docs-accent);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.docs-arch-node .arch-icon{font-size:2rem}.docs-arch-node .arch-label{font-weight:600;font-size:.9rem}.docs-arch-node .arch-tech{font-size:.75rem;color:var(--docs-text-muted)}.docs-arch-arrow{display:flex;align-items:center;font-size:1.5rem;color:var(--docs-text-muted)}.docs-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin:24px 0}.docs-stat{background:var(--docs-surface);border:1px solid var(--docs-border);border-radius:var(--docs-radius);padding:20px;text-align:center}.docs-stat .stat-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--docs-accent),var(--docs-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.docs-stat .stat-label{font-size:.8rem;color:var(--docs-text-muted);margin-top:4px}@media (max-width:900px){.docs-sidebar{display:none}.docs-main{margin-left:0;padding:24px 20px}.docs-hero{padding:32px 24px}.docs-hero h1{font-size:1.75rem}.docs-stats{grid-template-columns:repeat(2,1fr)}.docs-arch{flex-direction:column;align-items:center}}.docs-layout::-webkit-scrollbar,.docs-sidebar::-webkit-scrollbar{width:6px}.docs-layout::-webkit-scrollbar-thumb,.docs-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.docs-mobile-toggle{display:none;position:fixed;top:16px;left:16px;z-index:200;background:var(--docs-surface);border:1px solid var(--docs-border);border-radius:10px;width:44px;height:44px;font-size:1.2rem;cursor:pointer;color:#fff}@media (max-width:900px){.docs-mobile-toggle{display:flex;align-items:center;justify-content:center}}.docs-gallery{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin:20px 0}.docs-gallery.single{grid-template-columns:1fr}.docs-gallery img{width:100%;border-radius:var(--docs-radius);border:1px solid var(--docs-border);transition:transform .3s}.docs-gallery img:hover{transform:scale(1.02)}.docs-role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:12px;gap:12px;margin:20px 0}.docs-role{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--docs-surface);border:1px solid var(--docs-border);border-radius:var(--docs-radius);transition:all .2s}.docs-role:hover{border-color:rgba(16,185,129,.3)}.docs-role .role-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.docs-role .role-name{font-weight:600;font-size:.9rem}.docs-role .role-desc{font-size:.75rem;color:var(--docs-text-muted)}