:root{font-family:Inter,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}}.login-container{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;gap:10vh}.login-container .title{display:flex;flex-direction:column;align-items:center}.login-container .title .top{display:flex;align-items:end}.login-container .title .top h1{display:inline-block;margin:0;line-height:35px;font-size:50px;vertical-align:bottom}.login-container .title .top img{height:50px}.login-container .title .bottom{align-self:flex-end}.login-container .title .bottom h2{margin:0;color:#a0a0a0}.login-container .card{background-color:#2c2c2c;width:80vw}.login-container .card form{display:flex;flex-direction:column;align-items:stretch;gap:20px}.login-container .card form input{all:unset;width:75vw;padding:10px;border-radius:.5rem;background-color:#1e1e1e}.login-container .card .error-message{display:flex;align-items:center;background-color:#d32f2f;padding:12px;border-radius:8px;gap:5px}.login-container .card .error-message p{margin:0;padding:0}#light .login-container{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;gap:10vh}#light .login-container .title{display:flex;flex-direction:column;align-items:center}#light .login-container .title .top{display:flex;align-items:end}#light .login-container .title .top h1{display:inline-block;margin:0;line-height:35px;font-size:50px;vertical-align:bottom;color:#333}#light .login-container .title .top img{height:50px}#light .login-container .title .bottom{align-self:flex-end}#light .login-container .title .bottom h2{margin:0;color:#666}#light .login-container .card{background-color:#ddd;width:80vw}#light .login-container .card h2{color:#333}#light .login-container .card form{display:flex;flex-direction:column;align-items:stretch;gap:20px}#light .login-container .card form input{all:unset;width:75vw;padding:10px;border-radius:.5rem;background-color:#efefef;color:#000}#light .login-container .card .error-message{display:flex;align-items:center;background-color:#d32f2f;padding:12px;border-radius:8px;gap:5px}#light .login-container .card .error-message p{margin:0;padding:0}.home-container{display:flex;flex-direction:column;min-height:100vh;margin-bottom:20vh}.home-container .hero{background-image:url(/assets/background-DKt1hc40.png);height:45vh;width:100vw}.home-container .hero .actionButtons{margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.home-container .hero .actionButtons button{all:unset;cursor:pointer;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.home-container .hero .actionButtons .addTransaction{display:flex;flex-direction:column;align-items:center;gap:5px}.home-container .hero .actionButtons .addTransaction button{background-color:#774dff}.home-container .hero .actionButtons .addTransaction button:hover{background-color:#3700b3}.home-container .hero .actionButtons .addTransaction p{margin:0;font-size:12px;font-weight:700}.home-container .hero .content{height:25vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;gap:15px}.home-container .hero .content h1{margin:0;font-weight:700}.home-container .hero .content select{color:#e0e0e0;font-weight:700;background-color:transparent;border:none;font-size:1.5em}.home-container .hero .content select option{background-color:#2c2c2c;border:none;box-shadow:none;font-size:.5em;font-weight:400}.home-container .hero .transaction-card{background-color:#2c2c2c;width:85vw;margin:0 auto;padding:15px;border-radius:8px;box-shadow:0 4px 6px #0000004d}.home-container .hero .transaction-card .loader{display:flex;justify-content:center}.home-container .hero .transaction-card .loader svg{color:#774dff}.home-container .hero .transaction-card .heading{display:flex;width:100%;justify-content:space-between}.home-container .hero .transaction-card .heading button{all:unset;text-align:center;color:#bb86fc;font-size:12px}.home-container .hero .transaction-card h2{color:#e0e0e0}.home-container .hero .transaction-card .transactions{display:flex;flex-direction:column;gap:10px}.home-container .hero .transaction-card .transactions button{all:unset;text-align:center;color:#bb86fc;cursor:pointer}.home-container .hero .transaction-card .transactions .transaction{display:flex;justify-content:space-between;background-color:#1e1e1e;align-items:center;padding:10px;border-radius:8px;gap:10px}.home-container .hero .transaction-card .transactions .transaction .left{display:flex;align-items:center;gap:10px}.home-container .hero .transaction-card .transactions .transaction .left .icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.home-container .hero .transaction-card .transactions .transaction .left h4,.home-container .hero .transaction-card .transactions .transaction .left p{margin:0}.home-container .hero .transaction-card .transactions .transaction .left p{font-size:14px}.home-container .hero .transaction-card .transactions .transaction .right{display:flex;flex-direction:column}.home-container .hero .transaction-card .transactions .transaction .right p{font-size:12px}.home-container .hero .transaction-card .transactions .transaction .right h3{color:#d32f2f}.home-container .hero .transaction-card .transactions .transaction .right p,.home-container .hero .transaction-card .transactions .transaction .right h3{margin:0;text-align:right}#light .home-container{display:flex;flex-direction:column;min-height:100vh;margin-bottom:20vh;background-color:#f4f4f4}#light .home-container .hero{background-image:url(/assets/background-DKt1hc40.png);height:45vh;width:100vw}#light .home-container .hero .actionButtons{margin:0 auto 20px;display:flex;align-items:center;justify-content:center}#light .home-container .hero .actionButtons button{all:unset;cursor:pointer;color:#e0e0e0;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#light .home-container .hero .actionButtons .addTransaction{display:flex;flex-direction:column;align-items:center;gap:5px}#light .home-container .hero .actionButtons .addTransaction button{background-color:#6200ea}#light .home-container .hero .actionButtons .addTransaction button:hover{background-color:#3700b3}#light .home-container .hero .actionButtons .addTransaction p{margin:0;font-size:12px;color:#e0e0e0}#light .home-container .hero .content{height:25vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;gap:15px}#light .home-container .hero .content h1{margin:0;font-weight:700}#light .home-container .hero .content select{color:#e0e0e0;font-weight:700;background-color:transparent;border:none;font-size:1.5em}#light .home-container .hero .content select option{background-color:#ddd;border:none;box-shadow:none;font-size:.5em;font-weight:400;color:#333}#light .home-container .hero .transaction-card{background-color:#ddd;width:85vw;margin:0 auto;padding:15px;border-radius:8px}#light .home-container .hero .transaction-card .heading{display:flex;width:100%;justify-content:space-between}#light .home-container .hero .transaction-card .heading button{all:unset;text-align:center;color:#6200ea;font-size:12px}#light .home-container .hero .transaction-card h2{color:#333}#light .home-container .hero .transaction-card .transactions{display:flex;flex-direction:column;gap:10px}#light .home-container .hero .transaction-card .transactions button{all:unset;text-align:center;color:#6200ea;cursor:pointer}#light .home-container .hero .transaction-card .transactions .transaction{display:flex;justify-content:space-between;background-color:#efefef;align-items:center;padding:10px;border-radius:8px;gap:10px}#light .home-container .hero .transaction-card .transactions .transaction .left{display:flex;align-items:center;gap:10px}#light .home-container .hero .transaction-card .transactions .transaction .left .icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#f4f4f4}#light .home-container .hero .transaction-card .transactions .transaction .left h4,#light .home-container .hero .transaction-card .transactions .transaction .left p{margin:0;color:#333}#light .home-container .hero .transaction-card .transactions .transaction .left p{font-size:14px;color:#666}#light .home-container .hero .transaction-card .transactions .transaction .right{display:flex;flex-direction:column}#light .home-container .hero .transaction-card .transactions .transaction .right p{font-size:12px;color:#666}#light .home-container .hero .transaction-card .transactions .transaction .right h3{color:#d32f2f}#light .home-container .hero .transaction-card .transactions .transaction .right p,#light .home-container .hero .transaction-card .transactions .transaction .right h3{margin:0;text-align:right}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background-color:#1e1e1e;display:flex;justify-content:space-around;padding:10px 0;box-shadow:0 -2px 10px #0000001a}.bottom-nav .active{color:#774dff}.bottom-nav button{background:none;border:none;outline:none;display:flex;flex-direction:column;align-items:center;color:#a0a0a0;font-size:18px;cursor:pointer;transition:color .3s ease-in-out}.bottom-nav button span{font-size:12px;margin-top:4px}.bottom-nav .add-btn{background-color:#bb86fc;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;position:absolute;top:-25px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0003}#light .bottom-nav{position:fixed;bottom:0;left:0;width:100%;background-color:#efefef;display:flex;justify-content:space-around;padding:10px 0;box-shadow:0 -2px 10px #0000001a}#light .bottom-nav .active{color:#6200ea}#light .bottom-nav button{background:none;border:none;outline:none;display:flex;flex-direction:column;align-items:center;color:#666;font-size:18px;cursor:pointer;transition:color .3s ease-in-out}#light .bottom-nav button span{font-size:12px;margin-top:4px}#light .bottom-nav .add-btn{background-color:#6200ea;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;position:absolute;top:-25px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0003}.refresh-button{display:flex;gap:10px;font-weight:400;font-size:smaller;margin-bottom:10px;padding:10px;background-color:#03dac6;color:#121212}.transactions-page{margin:0 auto;display:flex;flex-direction:column;align-items:center}.transactions-page h1{text-align:center;margin-bottom:10px}.transactions-page select{border:none;background-color:transparent;margin:0 auto;color:#fff}.transactions-page select option{background-color:#2c2c2c;border:none;box-shadow:none;font-size:1em;font-weight:400}.transactions-page .selected-total-container{margin-top:20px;background-color:#2c2c2c;width:95vw;border-radius:8px;box-shadow:0 4px 6px #0000004d}.transactions-page .selected-total-container .content{padding:20px;display:flex;align-items:center;justify-content:space-between}.transactions-page .selected-total-container .content .top h3,.transactions-page .selected-total-container .content .top p{margin:0}.transactions-page .selected-total-container .content .top p{color:#a0a0a0;font-size:12px}.transactions-page .selected-total-container .content .selected-total{color:#d32f2f}.transactions-page .months{display:flex;flex-direction:column;gap:8px;width:100vw;align-items:center;margin:0 auto 100px}.transactions-page .months .month-card{border-radius:8px;width:95vw}.transactions-page .months .month-card .day-card .day-total{display:flex;justify-content:space-between}.transactions-page .months .month-card .day-card h4{color:#a0a0a0;margin-top:20px;margin-bottom:5px}.transactions-page .months .month-card .day-card .transaction-cards{display:flex;flex-direction:column;gap:12px}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card{background-color:#2c2c2c;padding:15px;border-radius:8px;box-shadow:0 4px 6px #0000004d}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content{display:flex;flex-direction:column;gap:10px}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top{display:flex;align-items:center;justify-content:space-between}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .left{display:flex;align-items:center;gap:10px}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .left .icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .left h4{color:#e0e0e0}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .left h4,.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .left p{margin:0}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .left p{font-size:14px;color:#a0a0a0}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .right{display:flex;flex-direction:column}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .right p{font-size:12px;color:#a0a0a0}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .right h3{color:#d32f2f}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .right p,.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .right h3{margin:0;text-align:right}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .transaction-actions{display:flex;align-items:center;justify-content:space-between}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .transaction-actions button{font-size:12px;padding:10px 15px}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .transaction-actions .edit-btn{background-color:#388e3c}.transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .transaction-actions .delete-btn{background-color:#d32f2f}#light .transactions-page{margin:0 auto;display:flex;flex-direction:column;align-items:center}#light .transactions-page h1{text-align:center;color:#333}#light .transactions-page select{border:none;background-color:transparent;margin:0 auto;color:#000}#light .transactions-page select option{background-color:#ddd;border:none;box-shadow:none;font-size:1em;font-weight:400}#light .transactions-page .selected-total-container{margin-top:20px;background-color:#ddd;width:95vw;border-radius:8px;box-shadow:0 4px 6px #0000004d}#light .transactions-page .selected-total-container .content{padding:20px;display:flex;align-items:center;justify-content:space-between}#light .transactions-page .selected-total-container .content .top h3,#light .transactions-page .selected-total-container .content .top p{margin:0}#light .transactions-page .selected-total-container .content .top h3{color:#333}#light .transactions-page .selected-total-container .content .top p{color:#666;font-size:12px}#light .transactions-page .selected-total-container .content .selected-total{color:#d32f2f}#light .transactions-page .months{display:flex;flex-direction:column;gap:8px;width:100vw;align-items:center;margin:0 auto 100px}#light .transactions-page .months .month-card{border-radius:8px;width:95vw}#light .transactions-page .months .month-card h2{color:#333}#light .transactions-page .months .month-card .day-card h4{color:#666;margin-top:20px;margin-bottom:5px}#light .transactions-page .months .month-card .day-card .transaction-cards{display:flex;flex-direction:column}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card{background-color:#ddd;padding:15px;border-radius:8px}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content{display:flex;flex-direction:column;gap:10px}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top{display:flex;align-items:center;justify-content:space-between}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .left{display:flex;align-items:center;gap:10px}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .left .icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#f4f4f4}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .left .info h4{color:#333}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .left h4,#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .left p{margin:0}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .left p{font-size:14px;color:#666}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .right{display:flex;flex-direction:column}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .right p{font-size:12px;color:#666}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .right h3{color:#d32f2f}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .right p,#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .top .right h3{margin:0;text-align:right}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .transaction-actions{display:flex;align-items:center;justify-content:space-between}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .transaction-actions button{font-size:12px;padding:10px 15px}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .transaction-actions .edit-btn{background-color:#388e3c}#light .transactions-page .months .month-card .day-card .transaction-cards .transaction-card .card-content .transaction-actions .delete-btn{background-color:#d32f2f}.top-nav{position:sticky;top:0;z-index:10;background-color:#000;width:100vw}.top-nav .container{display:flex;align-items:center;justify-content:space-between;width:95vw;margin:0 auto}.top-nav .container .logo{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.top-nav .container .logo img{height:30px}.top-nav .container h3{margin:0}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}.modal .modal-content{background-color:#2c2c2c;padding:20px;border-radius:8px;width:90vw}.modal form{background-color:#2c2c2c;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:20px}.modal form .error-message{background-color:#d32f2f;padding:10px;border-radius:8px;border:none;color:#fff;display:flex;align-items:center;gap:10px}.modal form .success-message{background-color:#03dac6;padding:10px;border-radius:8px;border:none;color:#000;display:flex;align-items:center;gap:10px}.modal form input,.modal form select{border:none;width:85vw;box-sizing:border-box;padding:10px;border-radius:.5rem;background-color:#1e1e1e;color:#fff}.modal form .cancel-btn{background-color:#d32f2f}#light .modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}#light .modal .modal-content{background-color:#ddd;padding:20px;border-radius:8px;width:90vw}#light .modal .modal-content h2{color:#333}#light .modal form{background-color:#ddd;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:20px}#light .modal form .error-message{background-color:#d32f2f;padding:10px;border-radius:8px;border:none;color:#000;display:flex;align-items:center;gap:10px}#light .modal form .success-message{background-color:#03dac6;padding:10px;border-radius:8px;border:none;color:#000;display:flex;align-items:center;gap:10px}#light .modal form input,#light .modal form select{border:none;width:85vw;box-sizing:border-box;padding:10px;border-radius:.5rem;background-color:#efefef;color:#000}#light .modal form .cancel-btn{background-color:#d32f2f}.add-transaction-page{display:flex;flex-direction:column;min-height:100vh;align-items:center}.add-transaction-page h1{width:100vw;text-align:center}.add-transaction-page form{background-color:#2c2c2c;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:20px}.add-transaction-page form .success-message{background-color:#03dac6;padding:10px;border-radius:8px;border:none;color:#000;display:flex;align-items:center;gap:10px}.add-transaction-page form input,.add-transaction-page form select{border:none;width:85vw;box-sizing:border-box;padding:10px;border-radius:.5rem;background-color:#1e1e1e;color:#fff}#light .add-transaction-page{display:flex;flex-direction:column;min-height:100vh;align-items:center}#light .add-transaction-page h1{width:100vw;text-align:center;color:#333}#light .add-transaction-page form{background-color:#ddd;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:20px}#light .add-transaction-page form h2{color:#333}#light .add-transaction-page form .success-message{background-color:#03dac6;padding:10px;border-radius:8px;border:none;color:#000;display:flex;align-items:center;gap:10px}#light .add-transaction-page form input,#light .add-transaction-page form select{border:none;width:85vw;box-sizing:border-box;padding:10px;border-radius:.5rem;background-color:#efefef;color:#000}.insights-page{margin:0 auto;display:flex;flex-direction:column;align-items:center;width:100vw}.insights-page>*{margin-bottom:12px}.insights-page>:nth-child(1){margin-bottom:10px}.insights-page>:nth-child(2){margin-bottom:5px}.insights-page>:last-child{margin-bottom:0}.insights-page h1{text-align:center;margin-bottom:10px}.insights-page select{border:none;background-color:transparent;margin:0 auto 30px;color:#fff}.insights-page select option{background-color:#2c2c2c;border:none;box-shadow:none;font-size:1em;font-weight:400}.insights-page .selected-total-container{background-color:#2c2c2c;width:95vw;border-radius:8px;box-shadow:0 4px 6px #0000004d}.insights-page .selected-total-container .content{padding:20px;display:flex;align-items:center;justify-content:space-between}.insights-page .selected-total-container .content .top h3,.insights-page .selected-total-container .content .top p{margin:0}.insights-page .selected-total-container .content .top p{color:#a0a0a0;font-size:12px}.insights-page .selected-total-container .content .selected-total{color:#d32f2f}.insights-page .bar-container{background-color:#2c2c2c;width:95vw;border-radius:8px;box-shadow:0 4px 6px #0000004d}.insights-page .doughnut-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#2c2c2c;width:95vw;border-radius:8px;box-shadow:0 4px 6px #0000004d}.insights-page .doughnut-container .custom-legend{display:grid;grid-template-columns:1fr 1fr 1fr;width:85vw;margin:0 auto 20px;align-items:center;justify-content:space-evenly;gap:5px}.insights-page .doughnut-container .custom-legend .legend-item{display:flex;align-items:center;gap:5px}.insights-page .doughnut-container .custom-legend .legend-item .legend-color{display:block;width:20px;height:20px}.insights-page .doughnut-container .custom-legend .legend-item p{margin:0;color:#a0a0a0}.insights-page .doughnut-container canvas{padding:55px}.insights-page .stats-container{background-color:#2c2c2c;width:95vw;border-radius:8px;margin-bottom:20vh;box-shadow:0 4px 6px #0000004d}.insights-page .stats-container h3{padding:20px}.insights-page .stats-container .stats{padding:0 20px;display:flex;align-items:center;gap:20px;justify-content:space-between}.insights-page .stats-container .stats .left{display:flex;align-items:center;gap:15px}.insights-page .stats-container .stats .left .icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.insights-page .stats-container .stats .right h3{margin:0;color:#d32f2f}#light .insights-page{margin:0 auto;display:flex;flex-direction:column;align-items:center;width:100vw}#light .insights-page h1{text-align:center;color:#333}#light .insights-page select{border:none;background-color:transparent;margin:0 auto 30px;color:#000}#light .insights-page select option{background-color:#ddd;border:none;box-shadow:none;font-size:1em;font-weight:400}#light .insights-page .bar-container{background-color:#ddd;width:95vw;border-radius:8px}#light .insights-page .selected-total-container{margin-top:20px;background-color:#ddd;width:95vw;border-radius:8px;box-shadow:0 4px 6px #0000004d}#light .insights-page .selected-total-container .content{padding:20px;display:flex;align-items:center;justify-content:space-between}#light .insights-page .selected-total-container .content .top h3,#light .insights-page .selected-total-container .content .top p{margin:0}#light .insights-page .selected-total-container .content .top h3{color:#333}#light .insights-page .selected-total-container .content .top p{color:#666;font-size:12px}#light .insights-page .selected-total-container .content .selected-total{color:#d32f2f}#light .insights-page .doughnut-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ddd;width:95vw;border-radius:8px}#light .insights-page .doughnut-container .custom-legend{display:grid;grid-template-columns:1fr 1fr 1fr;width:85vw;margin:0 auto 20px;align-items:center;justify-content:space-evenly;gap:5px}#light .insights-page .doughnut-container .custom-legend .legend-item{display:flex;align-items:center;gap:5px}#light .insights-page .doughnut-container .custom-legend .legend-item .legend-color{display:block;width:20px;height:20px}#light .insights-page .doughnut-container .custom-legend .legend-item p{margin:0;color:#666}#light .insights-page .doughnut-container canvas{padding:55px}#light .insights-page .stats-container{background-color:#ddd;width:95vw;border-radius:8px;margin-bottom:20vh}#light .insights-page .stats-container h3{padding:20px;color:#333}#light .insights-page .stats-container .stats{padding:0 20px;display:flex;align-items:center;gap:20px;justify-content:space-between}#light .insights-page .stats-container .stats .left{display:flex;align-items:center;gap:15px}#light .insights-page .stats-container .stats .left .icon{width:40px;height:40px;display:flex;align-items:center;color:#f4f4f4;justify-content:center;border-radius:50%}#light .insights-page .stats-container .stats .right h3{margin:0;color:#d32f2f}.settings-page{display:flex;flex-direction:column;width:100vw;align-items:center;justify-content:flex-start;min-height:100vh}.settings-page h1{text-align:center}.settings-page .cards-container{display:flex;flex-direction:column;justify-content:center;width:95vw;gap:12px}.settings-page .cards-container .card{background-color:#2c2c2c;border-radius:8px;padding:20px}.settings-page .cards-container .card h3,.settings-page .cards-container .card h4{margin:0}.settings-page .cards-container .card h4{color:#a0a0a0}.settings-page .cards-container .card button{width:100%;padding:10px 12px;background-color:#d32f2f;margin-top:10px}.settings-page .cards-container .card .theme-container{display:flex;align-items:center;justify-content:space-between}#light .settings-page{display:flex;flex-direction:column;width:100vw;align-items:center;justify-content:flex-start;min-height:100vh}#light .settings-page h1{text-align:center;color:#333}#light .settings-page .cards-container{display:flex;flex-direction:column;justify-content:center;width:95vw;gap:12px}#light .settings-page .cards-container .card{background-color:#ddd;border-radius:8px;padding:20px}#light .settings-page .cards-container .card h3{color:#333}#light .settings-page .cards-container .card h3,#light .settings-page .cards-container .card h4{margin:0}#light .settings-page .cards-container .card h4{color:#666}#light .settings-page .cards-container .card button{width:100%;padding:10px 12px;background-color:#d32f2f;margin-top:10px}#light .settings-page .cards-container .card .theme-container{display:flex;align-items:center;justify-content:space-between}body{background-color:#121212;color:#e0e0e0;font-family:Roboto,sans-serif;margin:0 auto;width:100vw;overflow-x:hidden}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}h1,h2,h3,h4,h5,h6{color:#f1f1f1}a{color:#bb86fc;text-decoration:none}a:hover{color:#3700b3}button{background-color:#774dff;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;transition:background-color .3s}.card{background-color:#2c2c2c;color:#e0e0e0;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000004d}hr,.border{border-color:#333}.section-divider{border-top:1px solid #444444}.success{background-color:#388e3c;color:#e0e0e0}.error{background-color:#d32f2f;color:#e0e0e0}.warning{background-color:#ffa000;color:#e0e0e0}