:root{--bg-primary:#0f1117;--bg-secondary:#1a1d2e;--bg-card:#1e2235;--bg-card-hover:#252a40;--border:#2a2f45;--text-primary:#e8eaed;--text-secondary:#9aa0b8;--text-muted:#6b7194;--accent-blue:#4e8cff;--accent-green:#34d399;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-purple:#a78bfa;--accent-teal:#2dd4bf;--positive:#34d399;--negative:#ef4444;--chart-grid:#2a2f45}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{max-width:1440px;margin:0 auto;padding:24px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.app-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.app-header .subtitle{font-size:.85rem;color:var(--text-muted);margin-top:2px}.error-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-container{color:var(--accent-red)}.error-container button{margin-top:8px;padding:8px 20px;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.dashboard-grid .full-width{grid-column:1/-1}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;grid-column:1/-1}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px}.summary-card .label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.summary-card .value{font-size:1.5rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.summary-card .value.positive{color:var(--positive)}.summary-card .value.negative{color:var(--negative)}.summary-card .change{font-size:.8rem;margin-top:6px;color:var(--text-secondary)}.summary-card .change.positive{color:var(--positive)}.summary-card .change.negative{color:var(--negative)}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px;min-height:350px;display:flex;flex-direction:column}.chart-card-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.chart-card-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.chart-card-header span{font-size:.8rem;color:var(--text-muted)}.chart-card-body{flex:1 1;min-height:0}.category-selector{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.category-selector button{padding:4px 12px;font-size:.75rem;border:1px solid var(--border);border-radius:16px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.category-selector button.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.refresh-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s}.refresh-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.refresh-btn.loading{opacity:.5;pointer-events:none}.last-updated{font-size:.75rem;color:var(--text-muted)}.header-controls{display:flex;align-items:center;gap:16px}.time-range-filter{display:flex;align-items:center;gap:12px}.time-range-presets{display:flex;gap:4px}.time-range-preset{padding:4px 12px;font-size:.75rem;border:1px solid var(--border);border-radius:16px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.time-range-preset:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.time-range-preset.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.time-range-custom{display:flex;align-items:center;gap:6px}.time-range-custom select{padding:4px 8px;font-size:.75rem;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer;outline:none}.time-range-custom select:focus{border-color:var(--accent-blue)}.time-range-sep{color:var(--text-muted);font-size:.8rem}.custom-tooltip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:12px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.custom-tooltip .tooltip-label{font-size:.8rem;color:var(--text-muted);margin-bottom:6px}.custom-tooltip .tooltip-item{display:flex;justify-content:space-between;gap:16px;font-size:.85rem;padding:2px 0}.custom-tooltip .tooltip-item .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.9rem}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}.summary-cards{grid-template-columns:1fr 1fr}.app-container{padding:16px}.app-header{flex-direction:column;align-items:flex-start;gap:12px}.header-controls,.time-range-filter{flex-wrap:wrap}}@media (max-width:500px){.summary-cards{grid-template-columns:1fr}}.note-dot{cursor:pointer;filter:drop-shadow(0 0 2px var(--accent-orange))}.note-popup-fo{pointer-events:none;opacity:0;transition:opacity .15s ease;overflow:visible}.note-indicator-group:hover .note-popup-fo{pointer-events:auto;opacity:1}.note-popup{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:11px;color:var(--text-secondary);box-shadow:0 4px 12px rgba(0,0,0,.3);max-height:160px;overflow-y:auto}.note-popup-item{padding:2px 0;line-height:1.4}.note-popup-item+.note-popup-item{border-top:1px solid var(--border);margin-top:2px;padding-top:4px}