*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#e2e8f0;background:radial-gradient(circle at 0 0,#38bdf842,#0000 32%),radial-gradient(circle at 100%,#0ea5e929,#0000 28%),linear-gradient(135deg,#020617,#0f172a 55%,#111827);min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a{color:inherit}*{box-sizing:border-box;margin:0;padding:0}body,input,button{font-family:Poppins,sans-serif;font-size:clamp(.95rem,2vw,1.2rem)}a{text-decoration:none}.login_screen{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:clamp(1rem,3vw,2rem);display:flex;position:relative}.login_screen button:hover{cursor:pointer;background-color:#6495ed}.login_directions{gap:1vw;margin-bottom:1%;font-size:50px;display:flex}.login_directions button{background-color:#0000;border:none;font-size:50px}.login_form{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:0 0;border:2px solid #fff6;border-radius:clamp(.4rem,2vw,1rem);width:min(450px,100%);margin-inline:clamp(.2rem,3vw,1.5rem);padding:2rem clamp(1.8rem,4vw,2.5rem);position:relative;box-shadow:0 10px 30px #00000080}.login_form button{background-color:#0000;border:none;border-radius:20%;margin-top:25px;font-size:36px}.login_input{display:grid}.login_input input{text-align:center;background-color:#0000;border-color:#fff;height:7vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.nav-buttons{height:7vh;margin-bottom:10px;display:flex}.nav-buttons button{width:100vw}.nav-buttons button:hover{cursor:pointer;background-color:#6495ed}.selected_range{justify-content:center;align-items:center;gap:.5rem;margin-bottom:10px;display:flex}.selected_range:hover{cursor:pointer}.burger_menu{width:30px;display:block}.reports{flex-direction:column;min-height:72vh;display:flex}.user-information{flex:1;justify-content:right;align-items:center;gap:1pc;font-size:xx-large;display:flex}.user-information img{color:#fff;height:40px;display:block}.user-information button{background-color:#0000;border:none;font-size:xx-large}.user-information button:hover{cursor:pointer;background-color:#6495ed}.timeframe-selector{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;width:100%;display:flex}.timeframe-selector button{text-align:center;height:3pc;font-size:xx-large}.timeframe-selector button:hover{cursor:pointer;background-color:#6495ed}.date-range input{height:7vh;font-size:5vh}.date-range input:hover{cursor:pointer;background-color:#6495ed}.date-range span{font-size:5vh}.pie-reports-container{max-width:100vw;display:flex}.pie-report{width:100vw}.pie-chart,.line-chart{min-height:36vh}.drop-zone{justify-self:center;margin:10px;font-size:xx-large}.drop-zone :hover{cursor:pointer;background-color:#6495ed}.user-info{justify-self:center}