@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#facc15;--primary-hover:#eab308;--secondary:#cf1b39;--accent:#f59e0b;--danger:#ef4444;--bg-main:#f1f5f9;--bg-card:#fffc;--bg-card-hover:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-light:#0000001a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-glow:0 0 15px #10b9814d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--nav-height:54px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;transition:var(--transition);background:0 0;border:none;font-family:inherit}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition)}.glass:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;height:42px;padding:0 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#0f172a;box-shadow:0 4px 14px #facc1563}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #facc153b}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-light);background-color:#0000}.btn-secondary:hover{border-color:var(--text-secondary);background-color:#0000000d}.nav-pill{border-radius:var(--radius-md);color:#fffffff2;cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:.35rem;height:auto;padding:.32rem .55rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.nav-pill:hover{color:#fff;background:#ffffff26}.nav-pill-trigger{border-radius:var(--radius-md);color:#fffffff2;cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.2rem;padding:.32rem .5rem;font-size:.82rem;font-weight:500;transition:background .15s;display:flex}.nav-pill-trigger:hover{background:#ffffff26}.nav-dropdown{background:var(--secondary);border-radius:var(--radius-lg);z-index:1000;min-width:220px;box-shadow:var(--shadow-lg);border:1px solid #ffffff1f;flex-direction:column;gap:.1rem;padding:.2rem;display:flex;position:absolute;top:calc(100% + 6px);left:0}.nav-dropdown-item{border-radius:var(--radius-md);color:#ffffffeb;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.5rem;padding:.33rem .65rem;font-size:.87rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-dropdown-item:hover{background:var(--brand-deep,#a01328);color:#fff}.nav-dropdown-header{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);padding:.35rem .65rem .2rem;font-size:.68rem;font-weight:700}.nav-logo-mark{background:var(--primary);width:28px;height:28px;color:var(--secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #facc1566}.nav-avatar{background:var(--primary);width:32px;height:32px;color:var(--secondary);border:2px solid var(--secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.nav-icon-btn{border-radius:var(--radius-md);color:#fffffff2;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:inline-flex}.nav-icon-btn:hover{color:#fff;background:#ffffff26}.btn-subtle{color:var(--text-primary);background-color:#fff;border:1px solid #0000}.btn-subtle:hover{border-color:var(--border-light);background-color:#f8fafc}.btn-danger{background-color:var(--danger);color:#fff;border:1px solid var(--danger)}.btn-danger:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 14px #ef444463}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-input,.form-select{border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;height:42px;color:var(--text-primary);transition:var(--transition);background-color:#ffffffe6;padding:0 1rem;font-family:inherit;font-size:1rem}.form-textarea{border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;min-height:100px;color:var(--text-primary);transition:var(--transition);resize:vertical;background-color:#ffffffe6;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #facc154d}h1{letter-spacing:-.025em;margin-bottom:1rem;font-size:2.5rem;font-weight:700}h2{margin-bottom:.75rem;font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}p{color:var(--text-secondary);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-draw{max-width:1800px;height:calc(100vh - var(--nav-height));height:calc(100dvh - var(--nav-height));max-height:calc(100vh - var(--nav-height));max-height:calc(100dvh - var(--nav-height));margin:0 auto;padding:0 1.5rem;overflow:hidden}@media (width<=768px){.container-draw{height:calc(100vh - var(--nav-height));height:calc(100dvh - var(--nav-height));max-height:calc(100vh - var(--nav-height));max-height:calc(100dvh - var(--nav-height));padding:0}}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.5rem;display:grid}.drill-card{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background-color:#facc1514;border:1px solid #facc158c;flex-direction:column;height:100%;padding:1.25rem;display:flex}.drill-card:hover{background-color:#facc1526;border-color:#facc15bf;transform:translateY(-2px)}.drill-card.selected{border:2px solid var(--primary);padding:calc(1.25rem - 1px);box-shadow:0 4px 14px #facc1526}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.orbital-spinner{perspective:800px;border-radius:50%;width:80px;height:80px;margin-bottom:1rem}.orbital-spinner .inner{box-sizing:border-box;border-radius:50%;width:100%;height:100%;position:absolute}.orbital-spinner .inner.one{border-bottom:5px solid var(--primary);animation:1.2s linear infinite rotate-one;top:0%;left:0%}.orbital-spinner .inner.two{border-right:5px solid var(--secondary);animation:1.2s linear infinite rotate-two;top:0%;right:0%}.orbital-spinner .inner.three{border-top:5px solid #3b82f6;animation:1.2s linear infinite rotate-three;bottom:0%;right:0%}@keyframes rotate-one{0%{transform:rotateX(35deg)rotateY(-45deg)rotate(0)}to{transform:rotateX(35deg)rotateY(-45deg)rotate(360deg)}}@keyframes rotate-two{0%{transform:rotateX(50deg)rotateY(10deg)rotate(0)}to{transform:rotateX(50deg)rotateY(10deg)rotate(360deg)}}@keyframes rotate-three{0%{transform:rotateX(35deg)rotateY(55deg)rotate(0)}to{transform:rotateX(35deg)rotateY(55deg)rotate(360deg)}}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-green{color:#047857;background:#10b98133;border:1px solid #10b9814d}.badge-blue{color:#1d4ed8;background:#3b82f633;border:1px solid #3b82f64d}.badge-orange{color:#b45309;background:#f59e0b33;border:1px solid #f59e0b4d}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-2{gap:.5rem}@media (width<=768px){.hide-on-mobile{display:none!important}}@media (width>=769px){.show-on-mobile{display:none!important}}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;display:none}.logo-short{display:none}.nav-control-btn{border-radius:var(--radius-md);color:#fff;width:42px;height:42px;transition:var(--transition);background-color:#0000;border:1px solid #ffffff4d;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;padding:0!important}.nav-control-btn:hover{background-color:#ffffff1a}.club-name-tag{max-width:300px}@media (width<=768px){:root{--nav-height:52px}body{overflow-x:hidden}.container{padding:0 1rem}.club-name-tag{max-width:45vw;align-items:center!important;height:36px!important;display:flex!important}header .btn{height:36px!important;padding:0 .75rem!important;font-size:.85rem!important}.nav-control-btn{width:36px;height:36px}.logo-full{display:none}.logo-short{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.mobile-menu-btn{color:#fff;justify-content:center;align-items:center;display:inline-flex!important}.desktop-nav{top:var(--nav-height);background:var(--secondary);border-top:1px solid #ffffff1a;flex-direction:column;width:100%;padding:1rem;display:none;position:absolute;left:0;box-shadow:0 10px 15px -3px #0003}.desktop-nav.mobile-menu-open{display:flex}.desktop-nav .nav-pill,.desktop-nav .nav-pill-trigger{justify-content:flex-start;width:100%;padding:.6rem .75rem;font-size:.95rem}.desktop-nav .nav-pill-trigger .chev{margin-left:auto}.desktop-nav .team-dropdown-container,.desktop-nav .admin-dropdown-container,.desktop-nav .ai-dropdown-container,.desktop-nav .menu-wrap{width:100%}.desktop-nav .nav-dropdown{box-shadow:none;border:1px solid #ffffff1a;margin-top:.25rem;position:static}.team-nav-wrapper,.admin-nav-wrapper,.ai-nav-wrapper{width:100%}}.ai-dropdown-container,.team-dropdown-container,.admin-dropdown-container{width:100%}.ai-dropdown-menu,.team-dropdown-menu,.admin-dropdown-menu{background-color:var(--secondary);z-index:200;border:1px solid #fff3;border-radius:.5rem;flex-direction:column;gap:.25rem;min-width:200px;margin-top:.5rem;padding:.5rem;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 6px -1px #00000080}@media (width<=768px){.ai-dropdown-menu,.team-dropdown-menu,.admin-dropdown-menu{box-shadow:none;background:0 0;border:none;width:100%;margin-top:.5rem;padding:0 0 0 1rem;position:static}}.toggle-group{background-color:var(--border-light);border-radius:var(--radius-md);white-space:nowrap;scrollbar-width:none;max-width:100%;padding:4px;display:flex;overflow-x:auto}@media (width<=768px){.toggle-group{white-space:normal;flex-wrap:wrap;width:100%}.toggle-btn{text-align:center;flex:auto;padding:.5rem .75rem!important}}.toggle-group::-webkit-scrollbar{display:none}.toggle-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.4rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.toggle-btn.active{color:var(--text-primary);box-shadow:var(--shadow-sm);background-color:#fff}.desktop-objects{display:flex}.mobile-objects{display:none}@media (width<=900px){.desktop-objects{display:none!important}.mobile-objects{display:block!important}}@media (height<=500px) and (orientation:landscape){.desktop-nav{flex-wrap:nowrap;overflow-x:auto;flex-direction:row!important;gap:.5rem!important;padding:.5rem 1rem!important}.desktop-nav .btn{white-space:nowrap;height:36px!important;padding:0 .75rem!important;font-size:.8rem!important}.nav-text{display:none}}.markdown-body h3{color:var(--primary);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.markdown-body p{margin-bottom:1rem;line-height:1.6}.markdown-body ul,.markdown-body ol{margin-bottom:1rem;padding-left:1.5rem;line-height:1.6}.markdown-body li{margin-bottom:.5rem}.markdown-body strong{color:var(--text-primary);font-weight:700}.markdown-body{overflow-wrap:break-word;word-break:break-word}.markdown-body pre,.markdown-body code{white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere}@media (width<=768px){.roster-table thead{display:none}.roster-table tr{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;border-bottom:1px solid var(--border-light)!important;padding:1rem!important}.roster-table td{border-bottom:none!important;padding:0!important}.roster-table td.col-name{width:100%;font-size:1.15rem;font-weight:700}.roster-table td.col-group{justify-content:flex-start;width:100%;display:flex}.roster-table td.col-actions{width:100%;margin-top:.5rem;border-top:1px dashed var(--border-light)!important;padding-top:.75rem!important}.roster-table .action-buttons-container{width:100%;padding-bottom:.25rem;overflow-x:auto;justify-content:flex-start!important;gap:.75rem!important}}.drill-detail-content{padding:2rem}@media (width<=768px){.drill-detail-content{padding:1rem}.drill-detail-content .markdown-body{overflow-wrap:anywhere;font-size:.9rem}}@media (width<=480px){.drill-detail-actions{flex-direction:column;gap:.75rem!important}.drill-detail-actions .btn{width:100%}}@media (width<=768px){.hide-mobile{display:none!important}.show-mobile{display:inline!important}}@media (width>=769px){.show-mobile{display:none!important}}.layout-dashboard-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1024px){.layout-dashboard-grid{grid-template-columns:1fr 2fr}}.layout-metrics-grid-3{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.layout-metrics-grid-3{grid-template-columns:repeat(3,1fr)}}.layout-metrics-grid-4{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=576px){.layout-metrics-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.layout-metrics-grid-4{grid-template-columns:repeat(4,1fr)}}.layout-filters-grid-2{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.layout-filters-grid-2{grid-template-columns:repeat(2,1fr)}}.canvas-floating-toolbar{z-index:15;-webkit-backdrop-filter:blur(12px);pointer-events:auto;-webkit-user-select:none;user-select:none;background:#ffffffbf;border:1px solid #ffffff73;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards floatIn;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 20px -2px #0000001f,0 2px 8px -1px #00000014}.canvas-floating-toolbar.below{animation:.25s cubic-bezier(.34,1.56,.64,1) forwards floatInBelow;transform:translate(-50%)}.canvas-toolbar-btn{width:32px;height:32px;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.canvas-toolbar-btn:hover{transform:scale(1.12)}.canvas-toolbar-btn-rotate:hover{color:#2563eb;background-color:#3b82f626}.canvas-toolbar-btn-flip:hover{color:#16a34a;background-color:#22c55e26}.canvas-toolbar-btn-delete:hover{color:#dc2626;background-color:#ef444426}.canvas-toolbar-divider{background-color:#00000014;width:1px;height:18px;margin:0 2px}@keyframes floatIn{0%{opacity:0;transform:translate(-50%,-90%)scale(.92)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}@keyframes floatInBelow{0%{opacity:0;transform:translate(-50%,-10px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.draw-tool-container{height:calc(100vh - var(--nav-height));height:calc(100dvh - var(--nav-height));max-height:calc(100vh - var(--nav-height));max-height:calc(100dvh - var(--nav-height));background-color:#f8fafc;flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}.draw-toolbar{border-bottom:1px solid var(--border-light);z-index:10;background-color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:relative}.draw-toolbar-left{align-items:center;gap:1rem;display:flex}@media (width<=768px){.draw-toolbar{z-index:20;-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;width:max-content;max-width:calc(100vw - 8px);padding:.35rem .75rem;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #1f268726}.draw-toolbar-left{justify-content:center;gap:.35rem;width:auto}#draw-toolbar .toggle-group{flex-wrap:nowrap;width:auto;margin-right:.35rem!important}#draw-toolbar button.toggle-btn{padding:.35rem .5rem!important;font-size:.8rem!important}}.canvas-help-btn{z-index:20;width:36px;height:36px;box-shadow:var(--shadow-md);cursor:pointer;color:var(--text-secondary);background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:10px}.canvas-help-btn:hover{background-color:#f1f5f9;transform:scale(1.05)}@media (width<=768px){.canvas-help-btn{width:28px;height:28px;font-size:.95rem;top:auto;bottom:48px;right:10px!important}}