:root{font-family: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}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}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Inter,sans-serif;background-color:#f0f2f5;color:#333;margin:0;padding:0;display:flex;justify-content:center;min-height:100vh;box-sizing:border-box}.App{background-color:#fff;padding:2em;margin:2em auto;border-radius:12px;box-shadow:0 4px 15px #0000001a;max-width:1200px;width:95%;box-sizing:border-box}h1{color:#2c3e50;text-align:center;margin-bottom:1.5em;font-size:2.5em;display:flex;align-items:center;justify-content:center;gap:10px}.controls{background-color:#f8f9fa;padding:1.5em;border-radius:10px;margin-bottom:1em;box-shadow:inset 0 1px 3px #0000000d}.controls h3{color:#34495e;margin-top:0;margin-bottom:1em;border-bottom:2px solid #eceff1;padding-bottom:.5em}.controls label{margin-right:1.5em;margin-bottom:.8em;display:inline-flex;align-items:center;cursor:pointer;font-size:1em}.controls input[type=checkbox]{margin-right:.5em;transform:scale(1.2);accent-color:#007bff;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1px solid #ccc!important;border-radius:3px;background-color:#fff!important;cursor:pointer;display:inline-block;position:relative;vertical-align:middle;flex-shrink:0}.controls input[type=checkbox]:checked{background-color:#007bff!important;border-color:#007bff!important}.controls input[type=checkbox]:checked:after{content:"✓";font-size:12px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1}button{background-color:#007bff;color:#fff;padding:.8em 1.5em;border:none;border-radius:8px;cursor:pointer;font-size:1em;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 5px #007bff33}button:hover{background-color:#0056b3;transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:0 1px 3px #007bff66}.table-responsive-wrapper{overflow-x:auto;margin-top:2em;border-radius:12px;box-shadow:0 4px 15px #00000014}.grid-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.grid-table th,.grid-table td{padding:1em 1.2em;border:1px solid #e0e0e0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-table th:first-child,.grid-table td:first-child{width:25%;white-space:normal}.grid-table th:not(:first-child),.grid-table td:not(:first-child){width:auto}.grid-table th{background-color:#e0e9f0;color:#333;font-weight:700;position:sticky;top:0;z-index:10}.grid-table tbody tr:nth-child(2n){background-color:#f8f8f8}.grid-table tbody tr:hover{background-color:#f0f0f0}.category-row{background-color:#eaf0f5!important;color:#333;font-weight:700;cursor:pointer;transition:background-color .3s ease}.category-row:hover{background-color:#dce4ed!important}.category-row td{border-bottom:2px solid #dce4ed;border-top:1px solid #e0e0e0}.highlight-red{background-color:#ffebee!important}.highlight-orange{background-color:#fff3e0!important}.highlight-yellow{background-color:#fffde7!important}.highlight-red-bg{background-color:#ffebee;padding:.5em 1em;border-radius:6px;margin-bottom:.5em;color:#c62828;font-weight:700}.highlight-orange-bg{background-color:#fff3e0;padding:.5em 1em;border-radius:6px;margin-bottom:.5em;color:#ef6c00;font-weight:700}.highlight-yellow-bg{background-color:#fffde7;padding:.5em 1em;border-radius:6px;margin-bottom:.5em;color:#fbc02d;font-weight:700}.color-explanation{margin-top:2em;padding:1.5em;background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 8px #0000000d}.color-explanation h3{color:#34495e;border-bottom:2px solid #eceff1;padding-bottom:.5em;margin-top:0}.color-explanation p{color:#000;font-weight:400}.explanation-item{margin-bottom:.5em;line-height:1.4}.explanation-item strong{font-weight:700}.app-footer{margin-top:3em;padding-top:2em;border-top:1px solid #e0e0e0;text-align:left;color:#777;font-size:.9em}.app-footer a{color:#007bff;text-decoration:none}.app-footer a:hover{text-decoration:underline}.no-matches-message{text-align:center;font-size:1.2em;color:#777;margin-top:1em;padding:1em;background-color:#f0f0f0;border-radius:8px}#scroll-to-top-button{position:fixed;bottom:20px;right:20px;background-color:#e9ecef;color:#6c757d;border:1px solid #ced4da;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:0;box-shadow:0 2px 5px #0000001a;opacity:.4;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .2s ease;z-index:1000}#scroll-to-top-button.visible{opacity:1;visibility:visible;transform:translateY(0)}#scroll-to-top-button:hover{background-color:#dcdcdc;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}#scroll-to-top-button:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}#scroll-to-top-button svg{width:24px;height:24px;display:block}.commodity-lookup-section{position:relative;margin-top:1em;margin-bottom:1em}.combobox-container{position:relative;width:100%;max-width:400px;margin-bottom:1em}.commodity-combobox-input{width:100%;padding:.8em 1em;border:1px solid #ced4da;border-radius:8px;font-size:1em;box-sizing:border-box;color:#000;background-color:#fff}.commodity-combobox-input:focus{border-color:#80bdff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.commodity-suggestions-list{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ced4da;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;list-style:none;padding:0;margin:0;z-index:50;box-shadow:0 4px 10px #0000001a}.commodity-suggestions-list li{padding:.8em 1em;cursor:pointer;transition:background-color .2s ease}.commodity-suggestions-list li:hover,.commodity-suggestions-list li.highlighted{background-color:#e9ecef;color:#000}.clear-commodity-button{margin-top:.5em;background-color:#dc3545}.clear-commodity-button:hover{background-color:#c82333}.commodity-details{background-color:#e0e9f0;padding:1em;border-radius:10px;margin-top:1.5em}.commodity-details h4{color:#34495e;margin-top:0;margin-bottom:1em;border-bottom:1px solid #ced4da;padding-bottom:.5em}.market-lists{display:flex;gap:2em;flex-wrap:wrap}.market-list-column{flex:1;min-width:250px}.market-list-column h5{color:#495057;margin-top:0;margin-bottom:.8em;font-size:1.1em}.market-list-column ul{list-style:none;padding:0;margin:0}.market-list-column li{margin-bottom:.5em}.market-list-column label{display:flex;align-items:center;cursor:pointer}@media (max-width: 768px){.App{padding:1.5em;margin:1em auto}h1{font-size:1.8em;flex-direction:column;gap:5px}h1 img{height:48px;width:48px}.controls{padding:1em}.controls label{display:block;margin-right:0;margin-bottom:.5em}.controls button{width:100%;margin-bottom:.8em}.market-lists{flex-direction:column;gap:1em}.grid-table th,.grid-table td{padding:.8em;font-size:.9em}}@media (max-width: 480px){.App{padding:1em;margin:.5em auto}h1{font-size:1.5em}.controls button{font-size:.9em;padding:.6em 1em}.commodity-combobox-input{font-size:.9em;padding:.6em .8em}.commodity-suggestions-list li{padding:.6em .8em;font-size:.9em}}