:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f6fa;color:#333;height:100%;overflow:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2;color:#1f2937}h1{font-size:2.25rem}h2{font-size:1.8rem}h3{font-size:1.5rem}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}#root{height:100vh;width:100vw;overflow:hidden}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(169,169,169,.6) transparent}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#a9a9a999;border-radius:4px;border:2px solid transparent}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#a9a9a9cc}.data-grid-container{width:100%;overflow:hidden!important}.data-grid-container .MuiDataGrid-root{border:none}.data-grid-container .MuiDataGrid-virtualScroller{overflow:auto!important}.home-page{padding:20px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.dashboard-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}.card-value{font-size:2rem;font-weight:700;margin:10px 0;color:#2563eb}.quick-actions{margin-top:30px}.action-buttons{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px}.action-button{padding:10px 20px;background-color:#2563eb;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .2s}.action-button:hover{background-color:#1d4ed8}.dashboard-page{padding:20px}.stats-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px;margin-top:20px}.stats-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;min-height:300px}.chart-placeholder{height:250px;display:flex;justify-content:center;align-items:center;background-color:#f5f6fa;border-radius:4px;border:1px dashed #ccc;margin-top:15px}@media(max-width:768px){.dashboard-cards,.stats-container{grid-template-columns:1fr}}.login-container{background:#ffffffe6;position:relative;overflow:hidden;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #3490cf26}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(52,144,207,.1) 0%,transparent 50%);animation:rotate 20s linear infinite;z-index:-1}body{min-height:100vh;margin:0;background-size:400% 400%;animation:gradient 15s ease infinite;position:relative;overflow:hidden}body:before,body:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#3490cf1a;filter:blur(50px)}body:before{top:-100px;right:-100px;animation:float 6s ease-in-out infinite}body:after{bottom:-100px;left:-100px;animation:float 8s ease-in-out infinite reverse}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}