@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111827de;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;text-align:center}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}button{font-family:inherit;font-size:inherit;cursor:pointer;transition:all .2s ease}button:focus-visible{outline:2px solid #667eea;outline-offset:2px}.recharts-tooltip-wrapper{outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.App{min-height:100vh;padding:20px}.dashboard{max-width:1400px;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 20px 40px #0000001a}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.dashboard-header p{color:#666;font-size:1.1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.metric-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.metric-card h3{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.metric-value{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:5px}.metric-change{font-size:.9rem;font-weight:500}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px;margin-bottom:30px}.chart-container{background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 30px #0000001a}.chart-container h3{font-size:1.3rem;margin-bottom:20px;color:#333}.firebase-section{background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 30px #0000001a;text-align:center}.firebase-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:inline-flex;align-items:center;gap:10px}.firebase-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}@media (max-width: 768px){.dashboard{padding:20px;margin:10px}.dashboard-header h1{font-size:2rem}.charts-section{grid-template-columns:1fr}.chart-container{min-width:auto}}