@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--primary:#0F4C81;--primary-soft:#E6F0FA;--brand-accent:#F97316;--brand-accent-soft:#FFEDD5;--goal:#16A34A;--goal-soft:#DCFCE7;--assist:#0EA5E9;--assist-soft:#E0F2FE;--rating:#F59E0B;--rating-soft:#FEF3C7;--defense:#8B5CF6;--defense-soft:#EDE9FE;--bg:#EAEFF2;--surface:#FFFFFF;--surface-alt:#F8FAFC;--sidebar-bg:#121212;--sidebar-text:#FFFFFF;--sidebar-muted:#888888;--sidebar-hover:#ffffff15;--ink:#0F172A;--ink-2:#334155;--muted:#64748B;--muted-light:#94A3B8;--line:#E2E8F0;--line-strong:#CBD5E1;--warn:#DC2626;--warn-soft:#FEF2F2;--warn-border:#FECACA;--positive:#16A34A;--negative:#DC2626;--radius:24px;--radius-sm:12px;--radius-pill:999px;--shadow-sm:0 2px 8px rgba(0,0,0,0.04);--shadow-md:0 8px 24px rgba(0,0,0,0.06);--shadow-primary:0 4px 14px rgba(26,115,232,0.25);--sidebar-width:260px}.dark,html.dark:root{--bg:#0F172A;--surface:#1E293B;--surface-alt:#334155;--sidebar-bg:#0F172A;--sidebar-text:#FFFFFF;--ink:#F8FAFC;--ink-2:#CBD5E1;--muted:#94A3B8;--muted-light:#64748B;--line:#334155;--line-strong:#475569;--shadow-sm:0 4px 12px rgba(0,0,0,0.4);--shadow-md:0 12px 32px rgba(0,0,0,0.5);--primary-soft:#1e3a8a40;--goal-soft:#14532d40;--assist-soft:#07598540;--rating-soft:#78350f40;--defense-soft:#4c1d9540;--warn-soft:#7f1d1d40;--warn-border:#991b1b;--brand-accent-soft:#9a341240}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}.page{flex:1 1;padding:32px 40px;max-width:1200px;margin:0 auto;width:100%}.mobile-nav-bar{display:none;height:60px;background:var(--sidebar-bg);color:var(--sidebar-text);padding:0 16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-strong);position:-webkit-sticky;position:sticky;top:0;z-index:40}.hamburger-btn{background:transparent;border:none;color:var(--sidebar-text);font-size:24px;cursor:pointer;padding:4px}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:45;opacity:0;transition:opacity .3s ease}.sidebar-overlay.open{display:block;opacity:1}.card{padding:24px;transition:box-shadow .2s,border-color .2s}.card,.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.stat-card{overflow:hidden;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card__bar{height:4px;width:100%}.stat-card__body{padding:20px 24px}.stat-card__icon{font-size:24px;margin-bottom:12px}.stat-card__value{font-size:32px;font-weight:800;letter-spacing:-.5px;color:var(--ink)}.stat-card__label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-top:4px}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 16px;background:var(--surface-alt);color:var(--ink);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-accent);background:var(--surface);box-shadow:0 0 0 3px var(--brand-accent-soft)}.textarea{min-height:96px;resize:vertical}.input-label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.button{display:inline-flex;align-items:center;gap:8px;border:none;background:var(--ink);color:var(--surface);border-radius:var(--radius-sm);padding:10px 20px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:var(--shadow-sm);transition:opacity .15s,transform .1s}.button:hover{opacity:.9;transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.button.primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.button.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);box-shadow:none}.button.secondary:hover{background:var(--surface-alt);border-color:var(--ink-2)}.button.danger{background:var(--warn);color:#fff;box-shadow:0 4px 12px rgba(220,38,38,.28)}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-pill);padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,transform .1s}.chip:hover{transform:translateY(-1px)}.chip.active{background:var(--brand-accent-soft);border-color:var(--brand-accent);color:var(--brand-accent)}.badge{display:inline-block;border-radius:var(--radius-pill);padding:4px 12px;font-size:12px;font-weight:700}.badge-blue{background:var(--primary-soft);color:var(--primary)}.badge-green{background:var(--goal-soft);color:var(--goal)}.badge-sky{background:var(--assist-soft);color:var(--assist)}.badge-amber{background:var(--rating-soft);color:var(--rating)}.badge-violet{background:var(--defense-soft);color:var(--defense)}.badge-red{background:var(--warn-soft);color:var(--warn)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:12px 16px}.table td,.table th{border-bottom:1px solid var(--line)}.table td{padding:16px;color:var(--ink-2)}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color .15s}.table tbody tr:hover{background:var(--surface-alt)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px}.error-box{background:var(--warn-soft);border:1px solid var(--warn-border);border-radius:var(--radius-sm);padding:12px 16px;color:var(--warn);font-size:13px;font-weight:500}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px}.grid-2,.grid-3{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:24px;gap:24px}.page-title{font-size:28px;font-weight:700;color:var(--ink);letter-spacing:-.5px}.page-subtitle{font-size:14px;color:var(--muted);margin-top:4px}@media (max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:768px){.page{padding:16px}.mobile-nav-bar{display:flex}.app-sidebar{position:fixed!important;left:calc(var(--sidebar-width) * -1);z-index:50;transition:left .3s cubic-bezier(.4,0,.2,1)}.app-sidebar.open{left:0;box-shadow:4px 0 24px rgba(0,0,0,.3)}.page-title{font-size:22px}.card{padding:16px}.button{padding:12px 20px}}