:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000de;--background-color: #17212f;--container-bg: #1f2d40;--button-bg: #e9ecef;--border-color: #304562;--chart-text-color: #495057;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#3182ce;text-decoration:inherit}a:hover{color:#60a5fa}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background-color)}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:#3182ce;color:#fff;cursor:pointer;transition:all .25s}button:hover{background-color:#60a5fa;border-color:#60a5fa}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;margin:0 auto;text-align:center;background-color:var(--background-color);min-height:100vh}.app{min-height:100vh;background-color:var(--background-color);color:#fff}.navigation{background-color:var(--background-color);padding:.75rem 0;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1.5rem}.nav-left{display:flex;gap:2rem;flex:1;align-items:center}.logo{display:flex;align-items:center}.logo img{height:35px;width:auto;object-fit:contain}.nav-buttons{display:flex;gap:1rem;justify-content:center;flex:1}.nav-right{display:flex;align-items:center}.nav-item{background-color:transparent;color:#3182ce;border:1px solid #3182ce;border-radius:2px;padding:.4rem .9rem;font-weight:500;cursor:pointer;text-decoration:none;width:200px;text-align:center;white-space:nowrap}.admin-button{background-color:transparent;color:#a1a1aa;border:1px solid #a1a1aa;border-radius:2px;padding:.5rem 1rem;font-weight:500;cursor:pointer;text-decoration:none;font-size:.9rem;transition:all .2s ease}.admin-button:hover{color:#3182ce;border-color:#3182ce}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%;background-color:var(--background-color)}.page-content{text-align:left;background-color:var(--background-color)}.page-content h2{color:#fff;margin-bottom:1rem;font-size:2rem}.page-content p{color:#a1a1aa;margin-bottom:2rem;font-size:1.1rem}.placeholder-content{display:grid;gap:1.5rem;margin-top:2rem}.data-card{background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:border-color .2s ease}.data-card:hover{border-color:#3182ce}.data-card h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.data-card p{color:#a1a1aa;margin:0}.upload-section{display:flex;flex-direction:column;gap:1.5rem}.upload-item{display:flex;flex-direction:column;gap:.5rem}.upload-label{color:#fff;font-weight:500;font-size:1rem}.upload-button{background-color:#3182ce;color:#fff;border:1px solid #3182ce;border-radius:2px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start}.upload-button:hover{background-color:#60a5fa;border-color:#60a5fa}.file-info{color:#3182ce!important;font-size:.9rem;font-style:italic}.status{font-size:.9rem;font-weight:500;margin:0}.status.uploading{color:#fbbf24}.status.success{color:#10b981}.status.error{color:#ef4444}.controls-section{display:flex;gap:.5rem;margin-bottom:2rem;width:95%}.filters,.chart-controls{background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.filters{width:180px;flex-shrink:0}.data-container{background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;flex:1;min-height:600px}.expiry-date-buttons{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap;justify-content:center}.expiry-date-buttons .filter-type-btn{font-size:.8rem;padding:.3rem .8rem;min-width:auto;width:95px;height:28px;flex-shrink:0}.chart-container{background-color:var(--button-bg);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.data-table-section{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.data-table-section h4{color:#fff;margin-bottom:1rem;font-size:1.1rem}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;background-color:var(--container-bg);border-radius:4px;overflow:hidden}.data-table th,.data-table td{padding:.02rem .75rem;text-align:right;border-bottom:1px solid transparent}.data-table th{background-color:#2a3a4f;color:#fff;font-weight:600;position:sticky;top:0;z-index:10;text-align:right}.data-table td{color:#a1a1aa}.filters h3,.chart-controls h3{color:#fff;margin-bottom:1rem;font-size:1.2rem}.filter-type-buttons{display:flex;gap:1rem;margin-bottom:1.5rem}.filter-type-btn{background-color:#1f2d40;border:1px solid var(--border-color);border-radius:2px;padding:.5rem 1.5rem;color:#6c757d;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:78px;height:40px;display:flex;align-items:center;justify-content:center}.filter-type-btn:hover{background-color:#dee2e6;border-color:#adb5bd;color:#333}.filter-type-btn.active{background-color:#3182ce;border-color:#3182ce;color:#fff}.contract-dropdown{margin-bottom:1rem}.contract-dropdown select{background-color:var(--button-bg);border:1px solid var(--border-color);border-radius:2px;padding:.5rem;color:#333;font-size:.85rem;width:78px;height:40px}.contract-dropdown select:focus{outline:none;border-color:#3182ce}.contract-dropdown select option{background-color:var(--button-bg);color:#333}.contract-checkboxes{margin-bottom:1rem}.contract-checkboxes h4{color:#a1a1aa;margin-bottom:1rem;font-size:1rem;font-weight:500}.checkbox-grid{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background-color:#1f2d40;border-radius:8px;border:1px solid var(--border-color)}.checkbox-item{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.1rem .3rem;border-radius:4px;transition:background-color .2s ease}.checkbox-item:hover{background-color:#dee2e6}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:#3182ce;cursor:pointer;order:2}.checkbox-label{color:#6c757d;font-size:.9rem;font-weight:500;cursor:pointer;order:1}.filter-grid,.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.filter-item,.chart-item{display:flex;flex-direction:column;gap:.5rem}.filter-item label,.chart-item label{color:#a1a1aa;font-size:.9rem;font-weight:500}.filter-item select,.chart-item select{background-color:var(--button-bg);border:1px solid var(--border-color);border-radius:2px;padding:.5rem;color:#333;font-size:.9rem}.filter-item select:focus,.chart-item select:focus{outline:none;border-color:#3182ce}.visualization-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.chart-container,.table-container{background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.chart-container h3,.table-container h3{color:#fff;margin-bottom:1rem;font-size:1.2rem}.data-table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.85rem;background-color:var(--container-bg);border-radius:4px;overflow:hidden}.data-table th{background-color:#2a3a4f;color:#fff;font-weight:600;padding:.02rem .75rem;text-align:left;position:sticky;top:0;z-index:10;text-align:right}.data-table td{padding:.02rem .75rem;border-bottom:1px solid transparent;color:#a1a1aa}.data-table tbody tr:hover{background-color:#2a3a4f}.table-note{color:#a1a1aa;font-size:.9rem;font-style:italic;margin-top:1rem;text-align:center}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:#a1a1aa;font-size:1.1rem}.no-data{display:flex;justify-content:center;align-items:center;height:200px;color:#a1a1aa;font-size:1.1rem;background-color:var(--container-bg);border-radius:8px;border:1px solid var(--border-color)}@media (max-width: 1200px){.controls-section{flex-direction:column}.visualization-section,.filter-grid,.chart-grid{grid-template-columns:1fr}}