@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;max-width:100%;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}.badge-gray{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.badge-red{color:#ef4444;background:#fef2f2;border:1px solid #fca5a5}.badge-indigo{color:#4f46e5;background:#6366f126;border:1px solid #6366f14d}.badge-amber{color:#d97706;background:#fffbeb;border:1px solid #fcd34d}.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:#fff;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}}.cookie-consent-banner{z-index:9999;border:1px solid var(--border-light);border-radius:var(--radius-lg);max-width:500px;box-shadow:var(--shadow-lg);background:#fff;padding:1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;position:fixed;bottom:20px;left:20px;right:20px}@keyframes slideUp{0%{opacity:0;transform:translateY(120%)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.cookie-consent-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.05rem;font-weight:700;display:flex}.cookie-consent-text{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.85rem;line-height:1.4}.cookie-consent-actions{flex-wrap:wrap;gap:.5rem;display:flex}.cookie-consent-custom-panel{border-top:1px solid var(--border-light);flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.cookie-consent-option{justify-content:space-between;align-items:center;gap:1rem;display:flex}.cookie-consent-option-info{flex-direction:column;display:flex}.cookie-consent-option-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.cookie-consent-option-desc{color:var(--text-muted);font-size:.75rem}.cookie-switch{width:38px;height:20px;display:inline-block;position:relative}.cookie-switch input{opacity:0;width:0;height:0}.cookie-slider{cursor:pointer;background-color:#cbd5e1;border-radius:20px;transition:all .3s;position:absolute;inset:0}.cookie-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}.cookie-switch input:checked+.cookie-slider{background-color:var(--primary)}.cookie-switch input:disabled+.cookie-slider{opacity:.5;cursor:not-allowed}.cookie-switch input:checked+.cookie-slider:before{transform:translate(18px)}@media (width<=640px){.cookie-consent-banner{padding:1.25rem;bottom:10px;left:10px;right:10px}}.dashboard-subtitle{max-width:700px;color:var(--text-secondary);margin:0 auto 3rem;font-size:1.2rem;line-height:1.6}.premium-feature-card{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-card);height:100%;transition:var(--transition);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.premium-feature-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg);border-color:#cf1b3940;transform:translateY(-4px)}.mock-preview-container{border-bottom:1px solid var(--border-light);background:#0f172a;justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.mock-field{background:#1e293b;border:1px solid #ffffff26;border-radius:8px;width:90%;height:80%;position:relative;overflow:hidden}.mock-player{opacity:0;width:24px;height:28px;position:absolute}.mock-player.p1{animation:4s ease-in-out infinite p1Animate;top:25%;left:30%}.mock-player.p2{animation:4s ease-in-out infinite p2Animate;top:30%;right:25%}.mock-player.p3{animation:4s ease-in-out infinite p3Animate;top:60%;left:50%}.mock-field-line{border-top:2px dashed var(--primary);opacity:0;height:2px;position:absolute}.mock-field-line.l1{transform-origin:0;width:37%;animation:4s ease-in-out infinite l1Animate;top:40.5%;left:35%;transform:rotate(3deg)}.mock-field-line.l2{transform-origin:100%;width:22%;animation:4s ease-in-out infinite l2Animate;top:47%;right:28%;transform:rotate(-36deg)}.mock-ball{opacity:0;z-index:10;width:10px;height:10px;animation:4s ease-in-out infinite ballAnimate;position:absolute;transform:translate(-50%,-50%)}.mock-typing{color:var(--primary);white-space:nowrap;background:#0006;border-right:2px solid #0000;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:10px;animation:4s steps(30,end) infinite typingText;position:absolute;bottom:8px;left:5%;right:5%;overflow:hidden}.mock-finance-container{flex-direction:column;justify-content:space-between;width:90%;height:80%;padding:8px;display:flex}.mock-chart-container{align-items:flex-end;gap:12px;height:50px;display:flex}.mock-chart-bar{background:linear-gradient(180deg, var(--secondary) 0%, var(--brand-deep,#a01328) 100%);border-radius:4px 4px 0 0;width:18px;animation:3s ease-in-out infinite growBar}.mock-invoice-row{color:#e2e8f0;background:#ffffff0d;border-radius:4px;justify-content:space-between;align-items:center;padding:5px 8px;font-size:10px;display:flex}.mock-status-pill{border-radius:9999px;padding:2px 6px;font-size:8px;font-weight:600;animation:4s ease-in-out infinite statusFade}.mock-groups-grid{grid-template-columns:repeat(2,1fr);gap:8px;width:90%;height:80%;display:grid}.mock-group-card{background:#1e293b;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;justify-content:space-between;padding:8px;animation:5s ease-in-out infinite shuffleGroups;display:flex}.mock-group-title{color:var(--primary);font-size:11px;font-weight:600}.mock-group-count{color:#94a3b8;font-size:9px}.mock-chat-window{background:#1e293b;border-radius:8px;flex-direction:column;justify-content:flex-start;gap:8px;width:95%;height:90%;padding:10px;display:flex;position:relative}.mock-chat-bubble{opacity:0;max-width:85%;padding:6px 10px;font-size:10px;line-height:1.3}.mock-chat-bubble.sent{background:var(--secondary);color:#fff;border-radius:8px 8px 0;align-self:flex-end;animation:6s ease-in-out infinite bubbleSent}.mock-chat-bubble.received{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff0d;border-radius:8px 8px 8px 0;align-self:flex-start;animation:6s ease-in-out infinite bubbleReceived}.mock-chat-typing-indicator{opacity:0;background:#ffffff0d;border-radius:8px 8px 8px 0;align-self:flex-start;align-items:center;gap:3px;width:34px;height:20px;padding:5px 10px;animation:6s ease-in-out infinite typingFade;display:flex}.mock-chat-typing-indicator .dot{background:#94a3b8;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite dotPulse}@keyframes p1Animate{0%,30%{opacity:0;transform:scale(0)}35%,85%{opacity:1;transform:scale(1)}92%,to{opacity:0;transform:scale(0)}}@keyframes p2Animate{0%,38%{opacity:0;transform:scale(0)}43%,85%{opacity:1;transform:scale(1)}92%,to{opacity:0;transform:scale(0)}}@keyframes p3Animate{0%,46%{opacity:0;transform:scale(0)}51%,85%{opacity:1;transform:scale(1)}92%,to{opacity:0;transform:scale(0)}}@keyframes l1Animate{0%,53%{opacity:0;width:0}54%{opacity:1}68%,85%{opacity:1;width:37%}92%,to{opacity:0}}@keyframes l2Animate{0%,68%{opacity:0;width:0}69%{opacity:1}83%,85%{opacity:1;width:22%}92%,to{opacity:0}}@keyframes ballAnimate{0%,34%{opacity:0}35%{opacity:1;top:42%;left:34.5%}53%{top:42%;left:34.5%}68%{top:47%;left:71.5%}70%{top:47%;left:71.5%}83%{opacity:1;top:77%;left:53.5%}87%,to{opacity:0;top:77%;left:53.5%}}@keyframes typingText{0%,to{border-color:#0000;width:0}10%{border-color:var(--primary)}60%{border-color:var(--primary);width:90%}80%{border-color:#0000;width:90%}}@keyframes growBar{0%,to{transform-origin:bottom;transform:scaleY(.4)}50%{transform-origin:bottom;transform:scaleY(1)}}@keyframes statusFade{0%,45%{color:#f87171;background:#ef444426}55%,to{color:#34d399;background:#10b98126}}@keyframes shuffleGroups{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes bubbleSent{0%,5%{opacity:0;transform:translateY(10px)}12%,88%{opacity:1;transform:translateY(0)}93%,to{opacity:0;transform:translateY(-5px)}}@keyframes bubbleReceived{0%,52%{opacity:0;transform:translateY(10px)}62%,88%{opacity:1;transform:translateY(0)}93%,to{opacity:0;transform:translateY(-5px)}}@keyframes typingFade{0%,20%{opacity:0}26%,46%{opacity:1}50%,to{opacity:0}}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.mock-sessions-container{background:#1e293b;border:1px solid #334155;border-radius:6px;flex-direction:column;justify-content:center;gap:6px;width:90%;height:80%;padding:8px;display:flex}.mock-session-header{color:var(--primary);border-bottom:1px solid #334155;padding-bottom:4px;font-size:8px;font-weight:700}.mock-session-item{color:#e2e8f0;background:#0f172a;border:1px solid #1e293b;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 6px;font-size:8px;display:flex}.mock-session-badge{color:var(--primary);background:#eab30833;border-radius:3px;padding:1px 3px;font-size:6px}.mock-session-item.s1{animation:4s ease-in-out infinite sessionItemFade}.mock-session-item.s2{animation:4s ease-in-out infinite sessionItemFade2}.mock-session-item.s3{animation:4s ease-in-out infinite sessionItemFade3}@keyframes sessionItemFade{0%,10%{opacity:.3;transform:scale(.98)}20%,85%{opacity:1;background:#3b82f61a;border-color:#3b82f6;transform:scale(1)}92%,to{opacity:.3;transform:scale(.98)}}@keyframes sessionItemFade2{0%,30%{opacity:.3;transform:scale(.98)}40%,85%{opacity:1;background:#3b82f61a;border-color:#3b82f6;transform:scale(1)}92%,to{opacity:.3;transform:scale(.98)}}@keyframes sessionItemFade3{0%,50%{opacity:.3;transform:scale(.98)}60%,85%{opacity:1;background:#3b82f61a;border-color:#3b82f6;transform:scale(1)}92%,to{opacity:.3;transform:scale(.98)}}.mock-attendance-container{background:#1e293b;border:1px solid #334155;border-radius:6px;flex-direction:column;justify-content:center;gap:6px;width:90%;height:80%;padding:8px;display:flex}.mock-attendance-header{color:var(--primary);border-bottom:1px solid #334155;justify-content:space-between;padding-bottom:4px;font-size:8px;font-weight:700;display:flex}.mock-attendance-row{color:#e2e8f0;background:#0f172a;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 6px;font-size:8px;display:flex}.mock-attendance-status{background:#ef444433;border:1px solid #ef4444;border-radius:50%;justify-content:center;align-items:center;width:8px;height:8px;display:flex}.mock-attendance-row.r1 .mock-attendance-status{animation:4s ease-in-out infinite attendanceCheck1}.mock-attendance-row.r2 .mock-attendance-status{animation:4s ease-in-out infinite attendanceCheck2}.mock-attendance-row.r3 .mock-attendance-status{animation:4s ease-in-out infinite attendanceCheck3}@keyframes attendanceCheck1{0%,20%{background:#ef444433;border-color:#ef4444}30%,85%{background:#10b98133;border-color:#10b981;transform:scale(1.1)}92%,to{background:#ef444433;border-color:#ef4444}}@keyframes attendanceCheck2{0%,45%{background:#ef444433;border-color:#ef4444}55%,85%{background:#10b98133;border-color:#10b981;transform:scale(1.1)}92%,to{background:#ef444433;border-color:#ef4444}}@keyframes attendanceCheck3{0%,60%{background:#ef444433;border-color:#ef4444}70%,85%{background:#10b98133;border-color:#10b981;transform:scale(1.1)}92%,to{background:#ef444433;border-color:#ef4444}}.mock-events-container{background:#1e293b;border:1px solid #334155;border-radius:6px;flex-direction:column;justify-content:center;gap:6px;width:90%;height:80%;padding:8px;display:flex}.mock-events-header{color:var(--primary);border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding-bottom:4px;font-size:8px;font-weight:700;display:flex}.mock-events-badge{border-radius:3px;padding:1px 4px;font-size:6px}.mock-events-badge.going{color:#34d399;background:#10b98133}.mock-events-badge.declined{color:#f87171;background:#ef444433}.mock-events-details{color:#94a3b8;flex-direction:column;gap:2px;font-size:6.5px;display:flex}.mock-events-detail-item{color:#cbd5e1;background:#ffffff0a;border-radius:3px;justify-content:space-between;align-items:center;padding:2px 4px;display:flex}.mock-poll-bar-container{background:#0f172a;border-radius:4px;flex-direction:column;gap:3px;padding:4px 6px;display:flex}.mock-poll-title{color:#94a3b8;justify-content:space-between;font-size:7px;display:flex}.mock-poll-track{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.mock-poll-fill{background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);border-radius:2px;width:78%;height:100%;animation:4s ease-in-out infinite growPoll}@keyframes growPoll{0%,15%{width:10%}40%,85%{width:78%}92%,to{width:10%}}.mock-stats-container{background:#1e293b;border:1px solid #334155;border-radius:6px;flex-direction:column;justify-content:center;gap:6px;width:90%;height:80%;padding:8px;display:flex}.mock-stats-header{border-bottom:1px solid #334155;align-items:center;gap:6px;padding-bottom:4px;display:flex}.mock-stats-avatar{background:var(--primary);color:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:7px;font-weight:800;display:flex}.mock-stats-name{color:#e2e8f0;font-size:8px;font-weight:700}.mock-stats-grid{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.mock-stat-box{background:#0f172a;border-radius:4px;flex-direction:column;padding:4px;display:flex}.mock-stat-label{color:#94a3b8;text-transform:uppercase;font-size:6px}.mock-stat-value{color:var(--primary);font-size:9px;font-weight:800}.mock-stat-box.pulse{animation:3s ease-in-out infinite pulseStat}@keyframes pulseStat{0%,to{border:1px solid #0000;transform:scale(1)}50%{border:1px solid var(--secondary);transform:scale(1.03)}}.mock-payments-container{background:#1e293b;border:1px solid #334155;border-radius:6px;flex-direction:column;justify-content:center;gap:4px;width:92%;height:85%;padding:6px;display:flex}.mock-payment-receipt-card{color:#e2e8f0;background:#0f172a;border:1px solid #10b9814d;border-radius:4px;grid-template-columns:75px 1fr 52px;align-items:center;padding:4px 6px;font-size:7.5px;display:grid}.mock-payment-receipt-card.r1{animation:3.5s ease-in-out infinite pulseReceipt}.mock-payment-receipt-card.r2{animation:3.5s ease-in-out .6s infinite pulseReceipt}.mock-payment-receipt-card.r3{animation:3.5s ease-in-out 1.2s infinite pulseReceipt}.mock-receipt-num{color:var(--primary);align-items:center;gap:4px;font-weight:700;display:flex}.mock-receipt-amount{color:#34d399;text-align:right;padding-right:8px;font-weight:800}.mock-stripe-pill{color:#818cf8;text-align:center;background:#6366f133;border-radius:3px;padding:1px 4px;font-size:6px;font-weight:700}@keyframes pulseReceipt{0%,20%{opacity:.5;transform:scale(.99)}40%,85%{opacity:1;border-color:#10b98199;transform:scale(1)}92%,to{opacity:.5;transform:scale(.99)}}.sms-messenger-container{border:1px solid var(--border-light);border-radius:var(--radius-lg);height:600px;box-shadow:var(--shadow-md);background:#fff;width:100%;max-width:100%;margin-bottom:2rem;display:flex;overflow:hidden}.sms-sidebar{border-right:1px solid var(--border-light);background:#fff;flex-direction:column;flex-shrink:0;width:320px;display:flex}.sms-sidebar-header{border-bottom:1px solid var(--border-light);padding:1.25rem 1rem}.sms-sidebar-header h3{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.sms-threads-list{background-color:#fff;flex-grow:1;overflow-y:auto}.sms-thread-item{cursor:pointer;border-bottom:1px solid #f1f5f9;border-left:4px solid #0000;align-items:center;gap:.75rem;padding:1rem;transition:all .15s;display:flex}.sms-thread-item:hover{background-color:#f8fafc}.sms-thread-item.active{border-left-color:var(--secondary);background-color:#f0f4ff}.sms-avatar{color:#475569;border:1px solid var(--border-light);background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:600;display:flex}.sms-thread-item.active .sms-avatar{color:#1e293b;background-color:#cbd5e1}.sms-thread-info{flex-grow:1;min-width:0}.sms-thread-header{justify-content:space-between;align-items:baseline;margin-bottom:.25rem;display:flex}.sms-thread-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.sms-thread-time{color:#94a3b8;flex-shrink:0;font-size:.75rem}.sms-thread-body-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sms-thread-preview{color:#64748b;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;font-size:.8rem;overflow:hidden}.sms-thread-item.active .sms-thread-preview{color:#475569}.sms-thread-unread{background-color:var(--secondary);color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:.15rem .4rem;font-size:.7rem;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #cf1b3933}.sms-thread-phone{color:#94a3b8;margin-top:.1rem;font-size:.75rem;display:block}.sms-chat-pane{background-color:#f8fafc;flex-direction:column;flex-grow:1;min-width:0;display:flex}.sms-chat-header{border-bottom:1px solid var(--border-light);z-index:5;background-color:#fff;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 3px #00000005}.sms-chat-recipient-info{flex-direction:column;display:flex}.sms-chat-recipient-name{color:#1e293b;font-size:1rem;font-weight:700}.sms-chat-recipient-phone{color:#64748b;font-size:.8rem}.sms-messages-container{flex-direction:column;flex-grow:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.sms-message-wrapper{flex-direction:column;max-width:70%;display:flex}.sms-message-wrapper.outbound{align-self:flex-end;align-items:flex-end}.sms-message-wrapper.inbound{align-self:flex-start;align-items:flex-start}.sms-message-bubble{white-space:pre-wrap;word-break:break-word;border-radius:18px;padding:.75rem 1rem;font-size:.9rem;line-height:1.4;box-shadow:0 1px 2px #0000000a}.sms-message-wrapper.outbound .sms-message-bubble{background-color:var(--secondary);color:#fff;border-bottom-right-radius:4px}.sms-message-wrapper.inbound .sms-message-bubble{color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.sms-message-meta{color:#94a3b8;align-items:center;gap:.35rem;margin-top:.25rem;font-size:.75rem;display:flex}.sms-message-wrapper.outbound .sms-message-meta{justify-content:flex-end}.sms-message-wrapper.inbound .sms-message-meta{justify-content:flex-start}.sms-chat-footer{border-top:1px solid var(--border-light);z-index:5;background-color:#fff;padding:1rem}.sms-chat-input-form{align-items:center;gap:.75rem;display:flex}.sms-chat-input{height:42px;color:var(--text-primary);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;flex-grow:1;padding:0 1.25rem;font-family:inherit;font-size:.9rem;transition:all .15s}.sms-chat-input:focus{border-color:var(--secondary);background-color:#fff;outline:none;box-shadow:0 0 0 2px #cf1b3926}.sms-chat-input:disabled{cursor:not-allowed;background-color:#f1f5f9}.sms-chat-send-btn{background-color:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .15s;display:flex;box-shadow:0 2px 8px #cf1b3933}.sms-chat-send-btn:hover:not(:disabled){background-color:var(--brand-deep);transform:scale(1.05)}.sms-chat-send-btn:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background-color:#e2e8f0}.sms-avatar-container{flex-shrink:0;position:relative}.sms-avatar-badge{background-color:var(--secondary);color:#fff;border:1.5px solid #fff;border-radius:9999px;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 3px #00000026}@media (width<=768px){.sms-sidebar{width:72px!important}.sms-sidebar-header{display:none!important}.sms-thread-item{justify-content:center!important;padding:.75rem 0!important}.sms-thread-info{display:none!important}}.sms-split-layout{grid-template-columns:1fr 300px;align-items:start;gap:2rem;display:grid}@media (width<=768px){.sms-split-layout{grid-template-columns:1fr}}.skeleton-box{background:linear-gradient(90deg,#e2e8f099 25%,#cbd5e1e6 37%,#e2e8f099 63%) 0 0/400% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0%}}