:root{--border:#e5e4e7;--mono:ui-monospace, Consolas, monospace}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}#root{max-width:1100px;margin:0 auto;padding:32px 16px 48px}h1{color:#111827;font-weight:600}p{margin:0}code{font-family:var(--mono)}.codes-page{padding:0}.codes-header{text-align:left;border-bottom:2px solid #22c55e;max-width:900px;margin:0 auto 24px;padding-bottom:16px}.codes-header h1{margin:0 0 6px;font-size:28px}.codes-header .subtitle{color:#666;font-size:.98rem;line-height:1.6}.codes-card{box-sizing:border-box;background-color:#fff;border-radius:8px;max-width:900px;margin:0 auto;padding:20px 24px 24px;box-shadow:0 2px 8px #00000014}.codes-meta{color:#555;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:.9rem;display:flex}.codes-list{border:1px solid var(--border);background-color:#f8f9fa;border-radius:6px;margin-top:8px;padding:8px 0}.code-row{border-bottom:1px solid #e5e4e7b3;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.code-row:last-child{border-bottom:none}.code-pill{color:#14532d;font-family:var(--mono);background-color:#22c55e1a;border-radius:16px;padding:4px 10px;font-size:.85rem;display:inline-flex}.copy-button{color:#fff;cursor:pointer;background-color:#22c55e;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;font-weight:600;transition:background-color .2s,transform .1s,box-shadow .1s;display:inline-flex}.copy-button:hover{background-color:#16a34a;box-shadow:0 1px 4px #00000026}.copy-button:active{box-shadow:none;transform:translateY(1px)}.copy-icon{font-size:.9rem}.copy-label{text-transform:uppercase;letter-spacing:.04em}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.page-button{color:#fff;cursor:pointer;background-color:#22c55e;border:none;border-radius:6px;padding:8px 14px;font-size:.9rem;font-weight:600;transition:background-color .2s,opacity .2s}.page-button:disabled{cursor:not-allowed;opacity:.7;background-color:#a7f3d0}.page-button:not(:disabled):hover{background-color:#16a34a}.page-numbers{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.page-number{border:1px solid var(--border);color:#374151;cursor:pointer;background-color:#fff;border-radius:999px;min-width:32px;height:32px;padding:0 8px;font-size:.85rem;transition:background-color .2s,color .2s,border-color .2s}.page-number:hover{background-color:#f3f4f6}.page-number.active{color:#fff;background-color:#22c55e;border-color:#22c55e}@media (width<=768px){.codes-page{padding-inline:0}.codes-card{padding:16px 14px 18px}.codes-header{margin-bottom:16px}.codes-header h1{font-size:24px}.codes-meta{flex-direction:column;align-items:flex-start}}