:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-color: #213547;--bg-color: #f8f3f3;--button-bg: #f9f9f9;--button-hover-border: #747bff;--card-bg: #fff;--card-shadow: rgba(0, 0, 0, .1)}.dark body{--text-color: rgba(255, 255, 255, .87);--bg-color: #242424;--button-bg: #1a1a1a;--button-hover-border: #646cff;--card-bg: #333;--card-shadow: rgba(255, 255, 255, .1)}body{margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:320px;min-height:100vh;color:var(--text-color);background-color:var(--bg-color);transition:background-color .3s,color .3s;padding-left:2rem}.container{width:90%;max-width:1100px;padding:1rem}.dashboard-title{font-size:2.5rem;text-align:center;margin-bottom:20px}.section{margin-top:30px;padding:20px;border-radius:10px;background:var(--card-bg);box-shadow:2px 2px 10px var(--card-shadow);transition:background-color .3s}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;padding:10px}.card-wrapper{padding:10px;border-radius:10px;background:var(--card-bg);box-shadow:2px 2px 10px var(--card-shadow);transition:transform .2s ease-in-out,background-color .3s}.card-wrapper:hover{transform:scale(1.03)}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:var(--button-hover-border)}h1{font-size:3em;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:var(--button-bg);color:var(--text-color);cursor:pointer;transition:border-color .25s,background-color .3s}button:hover{border-color:var(--button-hover-border)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.dark-mode-toggle{padding:8px 16px;background-color:#352929;color:#333;border:none;border-radius:5px;cursor:pointer;transition:background .3s,color .3s}.dark-mode-toggle:hover{background-color:#ccc}.dark .dark-mode-toggle{background-color:#333;color:#fff}.dark .dark-mode-toggle:hover{background-color:#382828}@media (max-width: 1000px){body{padding-left:1.5rem}.container{width:95%;max-width:900px}h1{font-size:2.8em}button{padding:.5em 1em;font-size:.95em}}@media (max-width: 750px){body{padding-left:1rem}.container{width:98%;max-width:700px}h1{font-size:2.5em}button{padding:.5em .9em;font-size:.9em}}@media (max-width: 500px){body{padding-left:.5rem}.container{width:100%;padding:.8rem}h1{font-size:2em}button{padding:.4em .8em;font-size:.85em}}#root{max-width:1800px;margin:0 auto;padding:1rem;box-sizing:border-box}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;width:100%}.card-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:1.2rem;transition:transform .2s}.card-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-container{width:100%;height:250px;min-height:250px}.remove-btn{background:none;border:none;font-size:1.3rem;cursor:pointer;color:#f44;padding:0 .5rem;line-height:1}.loading{color:#666;padding:1rem;text-align:center}.error{color:#f44;padding:1rem;text-align:center}@media (max-width: 768px){.grid-container{grid-template-columns:1fr}#root{padding:.5rem}.card-wrapper{padding:1rem}.chart-container{height:200px}}