: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:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;padding:2rem}h1{font-size:2.5em;line-height:1.1;margin-bottom:.5em;background:linear-gradient(to right,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:1.5em;margin-bottom:1em;color:#e2e8f0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.card{background:#1e293bb3;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.stat-value{font-size:2.5rem;font-weight:700;color:#38bdf8;margin:.5rem 0}.stat-label{color:#94a3b8;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.chart-container{background:#1e293bb3;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);margin-bottom:2rem;height:400px}.table-container{background:#1e293bb3;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);overflow-x:auto}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.table-header h2{margin-bottom:0}.search-input{background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;width:300px;transition:all .2s}.search-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833;background:#0f172acc}.upload-btn{background:#38bdf81a;border:1px solid #38bdf8;color:#38bdf8;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;transition:all .2s}.upload-btn:hover{background:#38bdf833;transform:translateY(-1px)}.clear-btn{background:#f871711a;border:1px solid #f87171;color:#f87171;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;transition:all .2s}.clear-btn:hover{background:#f8717133;transform:translateY(-1px)}.icon-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:#ffffff1a;color:#e2e8f0}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1e293b;border-radius:12px;border:1px solid rgba(255,255,255,.1);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0}.modal-body{padding:1.5rem;color:#e2e8f0;line-height:1.6}.modal-body ol{padding-left:1.5rem;margin:0}.modal-body li{margin-bottom:1rem}.modal-body a{color:#38bdf8;text-decoration:none}.modal-body a:hover{text-decoration:underline}.modal-body code{background:#0000004d;padding:.2rem .4rem;border-radius:4px;font-family:monospace}table{width:100%;border-collapse:collapse;text-align:left}th{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);color:#94a3b8;font-weight:600}td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#e2e8f0}tr:hover{background:#ffffff05}.selected-row{background:#38bdf81a!important;border-left:4px solid #38bdf8}.clickable-row:hover{background:#38bdf80d!important}.positive{color:#34d399}.negative{color:#f87171}