:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.card{padding:2em}.read-the-docs{color:#888}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:#1976d2;color:#fff;padding:1rem;margin-bottom:2rem;border-radius:8px}.nav-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #e0e0e0}.nav-tab{padding:.5rem 1rem;background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;font-size:1rem}.nav-tab.active{border-bottom-color:#1976d2;color:#1976d2;font-weight:600}.form-section{background:white;padding:2rem;margin-bottom:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-control{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-right:.5rem}.btn-primary{background:#1976d2;color:#fff}.btn-secondary{background:#666;color:#fff}.btn-success{background:#4caf50;color:#fff}.btn-warning{background:#ff9800;color:#fff}.btn-danger{background:#f44336;color:#fff}.table{width:100%;border-collapse:collapse;margin-top:1rem}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}.table th{background:#f5f5f5;font-weight:600}.status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.875rem;font-weight:500}.status-new{background:#e3f2fd;color:#1976d2}.status-grade-a{background:#e8f5e8;color:#4caf50}.status-grade-b{background:#fff3e0;color:#ff9800}.status-grade-c{background:#fff8e1;color:#ffc107}.status-scrap{background:#ffebee;color:#f44336}.status-recycled{background:#f3e5f5;color:#9c27b0}