:root{--bg:#f5f0e8;--bg2:#ece6d9;--bg3:#e4ddd0;--text:#1a1814;--text-mid:#6b6560;--text-dim:#9c958d;--orange:#e8520a;--orange-pale:#fef0e6;--red:#c8102e;--red-pale:#fde8ec;--green:#059669;--green-pale:#d1fae5;--blue:#2563eb;--blue-pale:#dbeafe;--purple:#7c3aed;--purple-pale:#ede9fe;--border:#ddd6cb;--shadow:#1a18140f;--font-body:"DM Sans", -apple-system, sans-serif;--font-display:"League Gothic", "Arial Narrow", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;line-height:1}h1{font-size:clamp(2rem,4vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.5rem)}h3{font-size:clamp(1.2rem,2vw,1.8rem)}a{color:var(--orange);text-decoration:none}a:hover{text-decoration:underline}.btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#d14a09}.btn-outline{border:1.5px solid var(--border);color:var(--text-mid);background:#fff}.btn-outline:hover{border-color:var(--orange);color:var(--orange)}.btn-dark{background:var(--text);color:#fff}.btn-sm{padding:.4rem .85rem;font-size:.78rem}.btn-lg{padding:.75rem 1.75rem;font-size:1rem}.btn-full{width:100%}.btn-loading{pointer-events:none;opacity:.6}.btn-loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.card{border:1px solid var(--border);box-shadow:0 1px 3px var(--shadow);background:#fff;border-radius:12px;padding:1.25rem}.input,.select{border:1.5px solid var(--border);background:var(--bg);width:100%;font-size:.85rem;font-family:var(--font-body);border-radius:8px;outline:none;padding:.6rem .85rem;transition:border-color .15s}.input:focus,.select:focus{border-color:var(--orange)}.input-error{border-color:var(--red)!important}.pill{letter-spacing:.03em;border-radius:4px;align-items:center;padding:.15rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.pill-green{background:var(--green-pale);color:var(--green)}.pill-orange{background:var(--orange-pale);color:var(--orange)}.pill-red{background:var(--red-pale);color:var(--red)}.pill-blue{background:var(--blue-pale);color:var(--blue)}.pill-purple{background:var(--purple-pale);color:var(--purple)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s fadeIn}.slide-up{animation:.4s slideUp}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0e0c66;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:90vh;padding:1.75rem;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000026}.dashboard{min-height:100vh;display:flex}.sidebar{background:var(--text);z-index:100;flex-direction:column;flex-shrink:0;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;display:flex}.topbar{border-bottom:1px solid var(--border);z-index:50;background:#fff;justify-content:space-between;align-items:center;height:52px;padding:0 1.5rem;display:flex;position:sticky;top:0}.page-body{flex:1;padding:1.5rem}.mobile-nav{z-index:9999;height:64px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);background:#1a1a1a;border-top:1px solid #ffffff1f;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.mobile-nav-item{cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;min-width:0;height:100%;padding:6px 2px;display:flex}.mobile-nav-item.active{background:#ffffff14}.mobile-nav-icon{font-size:1.15rem;line-height:1}.mobile-nav-label{color:#ffffff73;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:.5rem;font-weight:600;overflow:hidden}.mobile-nav-item.active .mobile-nav-label{color:var(--orange)}.nav-item{cursor:pointer;color:#ffffff80;border-radius:8px;align-items:center;gap:.75rem;margin:0 .5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{color:#fffc;background:#ffffff0f}.nav-item.active{color:#fff;background:#ffffff1a;font-weight:600}.table{border-collapse:collapse;width:100%;font-size:.85rem}.table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;background:var(--bg);padding:.6rem 1rem;font-size:.68rem;font-weight:700}.table td{border-bottom:1px solid var(--border);padding:.8rem 1rem}.table tr{cursor:pointer;transition:background .1s}.table tr:hover{background:var(--bg)}.stat-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.stat-card-icon{font-size:1.5rem}.stat-card-value{font-family:var(--font-display);text-transform:uppercase;font-size:2.2rem;line-height:1}.stat-card-label{font-size:.82rem;font-weight:600}.stat-card-sub{color:var(--text-dim);font-size:.72rem}@media (width<=768px){.sidebar{display:none!important}.main-content{margin-left:0!important;padding-bottom:80px!important}.mobile-nav{display:flex!important}.topbar{padding:0 1rem!important}.page-body{padding:1rem!important}.modal-box{border-radius:16px 16px 0 0!important;max-width:100%!important;margin:0!important;position:fixed!important;bottom:0!important}.notif-dropdown{border-radius:12px!important;width:auto!important;max-height:70vh!important;position:fixed!important;top:52px!important;left:.5rem!important;right:.5rem!important}.hide-mobile{display:none!important}.grid-responsive{grid-template-columns:1fr!important}.grid-responsive-2{grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.mobile-nav-label{font-size:.48rem}.mobile-nav{height:58px}.page-body{padding:.75rem!important}}@media (width<=768px){.page-body{padding-bottom:80px!important}.stat-grid-6{grid-template-columns:repeat(3,1fr)!important}.skill-grid-3,.skill-grid-4{grid-template-columns:repeat(2,1fr)!important}.filter-row{flex-wrap:wrap!important}.filter-row .input,.filter-row .select{width:100%!important;max-width:100%!important}.reg-grid-4{grid-template-columns:repeat(2,1fr)!important}.reg-grid-3{grid-template-columns:1fr 1fr!important}.reg-grid-2,.grid-responsive{grid-template-columns:1fr!important}.grid-responsive-2{grid-template-columns:repeat(2,1fr)!important}.hide-mobile{display:none!important}.table th,.table td{padding:.5rem .4rem!important;font-size:.72rem!important}.table tr{cursor:pointer}.table-wrap{-webkit-overflow-scrolling:touch;margin:0 -.85rem;padding:0 .85rem;overflow-x:auto!important}.table .hide-mobile-col{display:none!important}.page-body,.main-content{overflow-x:hidden!important}.card{overflow-x:auto!important}.att-btn{width:24px!important;height:24px!important;font-size:.6rem!important}.cal-cell{min-height:45px!important;padding:.25rem!important}.page-header{flex-direction:column!important;gap:.75rem!important}.page-header h2{font-size:1.5rem!important}.modal-overlay{z-index:10000!important;align-items:stretch!important;padding:0!important}.modal-box{-webkit-overflow-scrolling:touch;border-radius:0!important;width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:1.25rem 1.25rem 2rem!important;animation:none!important;overflow-y:auto!important}.mobile-drag-handle{display:none!important}.landing-hero h1{font-size:2.5rem!important}.landing-nav{padding:.75rem 1rem!important}.stat-card-value{font-size:1.8rem!important}.stat-card{padding:.85rem!important}.btn{min-height:40px}.btn-sm{min-height:32px}.card{padding:.85rem!important}.player-info-grid{grid-template-columns:1fr 1fr!important;gap:.35rem!important;font-size:.8rem!important}}@media (width<=480px){.stat-grid-6{grid-template-columns:repeat(3,1fr)!important;gap:.25rem!important}.skill-grid-4,.reg-grid-4,.grid-responsive-2{grid-template-columns:1fr 1fr!important}.page-body{padding:.5rem .5rem 80px!important}.mobile-nav{height:56px!important}.mobile-nav-label{font-size:.42rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}}@media (width<=380px){.stat-grid-6{grid-template-columns:repeat(2,1fr)!important}.grid-responsive-2{grid-template-columns:1fr!important}.modal-box{padding:1rem!important}}