*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;background:#0f1117;color:#e2e8f0;min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:56px;background:#0d1117;border-bottom:1px solid #1e293b;position:sticky;top:0;z-index:100;box-shadow:0 1px 12px #00000080}.navbar-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;flex-shrink:0}.navbar-brand-text{display:flex;flex-direction:column;gap:0;line-height:1}.navbar-brand-primary{font-size:1.1rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(90deg,#fff,#fde68a 60%,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-brand-secondary{font-size:.6rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8;margin-top:.18rem}.navbar-links{display:flex;gap:1.5rem;margin-left:3rem}.nav-link{color:#64748b;text-decoration:none;font-size:.85rem;font-weight:500;padding:0 0 2px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;letter-spacing:.01em}.nav-link:hover{color:#cbd5e1}.nav-link.active{color:#fbbf24;border-bottom-color:#fbbf24}.app-main{max-width:1400px;margin:0 auto;padding:1.5rem 2rem}.card{background:#1a1e2e;border:1px solid #2d3148;border-radius:8px;padding:1.25rem 1.5rem}h1,h2,h3{margin-top:0;color:#f1f5f9}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{background:#1e2440;color:#94a3b8;font-weight:600;text-align:left;padding:.6rem .75rem;border-bottom:1px solid #2d3148;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table th:hover{color:#e2e8f0}.data-table td{padding:.5rem .75rem;border-bottom:1px solid #1e2440;white-space:nowrap}.data-table tr:hover td{background:#1e2440}.data-table .rank-col{color:#64748b;width:32px;min-width:32px;text-align:center;padding-left:.2rem;padding-right:.2rem}.data-table .z-positive{color:#4ade80}.data-table .z-negative{color:#f87171}.data-table .z-neutral{color:#94a3b8}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#374151;color:#e2e8f0}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-success{background:#16a34a;color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-group label{font-size:.8rem;color:#94a3b8;font-weight:500}.form-control{background:#111827;border:1px solid #374151;border-radius:6px;color:#e2e8f0;padding:.45rem .75rem;font-size:.875rem;width:100%;outline:none;transition:border-color .2s}.form-control:focus{border-color:#3b82f6}select.form-control option{background:#111827}.badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-sp{background:#1d4ed8;color:#bfdbfe}.badge-rp{background:#7c3aed;color:#ddd6fe}.badge-c{background:#b45309;color:#fde68a}.badge-if{background:#065f46;color:#a7f3d0}.badge-of{background:#1e3a5f;color:#93c5fd}.loading-container{display:flex;justify-content:center;align-items:center;height:200px;color:#64748b;font-size:1rem}.error-container{color:#f87171;background:#1f1012;border:1px solid #7f1d1d;border-radius:6px;padding:1rem 1.25rem;margin:1rem 0}.z-bar-container{display:flex;align-items:center;gap:.5rem}.z-bar{height:8px;border-radius:4px;min-width:4px}.z-bar-positive{background:#4ade80}.z-bar-negative{background:#f87171}