@import"https://fonts.googleapis.com/css?family=Roboto";body{font-family:roboto;font-size:10px;background-color:#fff;margin:0;padding:0}a{margin-right:1rem}header{position:sticky;top:0;background:#145f68;color:#fff;padding:20px;text-align:center;font-size:16px;min-width:200px;z-index:1000}h1{color:#335d92;text-transform:uppercase;font-size:4rem;font-weight:100;line-height:1.1;margin:4rem auto;max-width:14rem}h4{color:#145f68}p{max-width:14rem;margin:2rem auto;line-height:1.35;font-size:10px}h1{max-width:none}.picklist-container{width:300px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px}.picklist-container select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;color:#333;background-color:#f9f9f9;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.picklist-container select:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff80}.picklist-container select:hover{background-color:#e9ecef}.picklist-container{position:relative}.picklist-container:after{content:"▼";position:absolute;top:50%;right:15px;transform:translateY(-50%);pointer-events:none;color:#666}.form-container{width:300px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px}.form-container input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-size:10px}.form-container button{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:10px;cursor:pointer}.form-container button:hover{background-color:#0056b3}table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;font-size:8px;text-align:left;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a}th,td{padding:12px 10px;border-bottom:1px solid var(--border-color)}th{color:#fff;text-transform:uppercase;letter-spacing:1px}tbody tr{background-color:var(--secondary-color);transition:background-color .3s ease-in-out;border-bottom:1px solid #ccc}table thead tr{border-bottom:2px solid var(--primary-color)}@media (max-width: 768px){table{display:block;overflow-x:auto;white-space:nowrap}}nav{background-color:#145f68;padding:10px 0;display:flex;justify-content:center;box-shadow:0 4px 6px #0000001a}nav ul{list-style:none;padding:0;margin:0;display:flex}nav ul li{margin:0 15px}nav ul li a{text-decoration:none;color:#fff;font-size:12px;font-weight:700;padding:10px 15px;transition:background-color .3s ease-in-out,border-radius .3s}nav ul li a:hover{background-color:#45a049;border-radius:5px}@media (max-width: 768px){nav{flex-direction:column;align-items:center}nav ul{flex-direction:column}nav ul li{margin:5px 0}}.increment{font-family:inherit;font-size:inherit;padding:1em 2em;color:#335d92;background-color:#446b9e1a;border-radius:2em;border:2px solid rgba(68,107,158,0);outline:none;width:100px;font-variant-numeric:tabular-nums;cursor:pointer}.increment:focus{border:2px solid #335d92}.increment:active{background-color:#446b9e33}.dashboard{max-width:1200px;margin:auto;padding:20px}h1{color:#333}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px}.chart-card{background:#fff;padding:15px;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;align-items:center;height:300px;cursor:pointer;transition:transform .3s ease-in-out}.chart-card.expanded{position:fixed;top:50%;left:50%;width:90%;height:90%;transform:translate(-50%,-50%) scale(1);background:#fff;z-index:1000;box-shadow:0 10px 20px #0003;border-radius:10px;padding:20px}.expanded-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:999;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.grid-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.close-button{position:absolute;top:15px;right:15px;background:#000000b3;color:#fff;border:none;font-size:20px;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .3s ease-in-out}.close-button:hover{background:#000000e6}.cardsuma{background-color:#f8f9fa;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center;transition:transform .2s ease-in-out;border:2px solid #e0e0e0}.cardsuma:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.cardsuma h3{font-size:18px;font-weight:700;color:#333;margin-bottom:10px}.amount{font-size:28px;font-weight:700;color:#2e7d32}.totals-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:200px;padding:20px;margin-bottom:30px;background-color:#f4f6f8;border-radius:12px;box-shadow:0 2px 5px #0000001a}.totals-section .card{background-color:#fff;border-radius:12px;box-shadow:0 3px 6px #0000001a;padding:20px;text-align:center;transition:transform .2s;font-family:Arial,sans-serif;border:2px solid #e0e0e0;cursor:pointer}.totals-section .card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.totals-section .card .amount{font-size:30px;font-weight:700;color:#2e7d32;margin-bottom:5px}.totals-section .card .title{font-size:14px;font-weight:700;color:#555}.totals-section .card .icon{font-size:24px;color:#888;margin-bottom:10px}.totals-section .card .footer{font-size:12px;font-weight:700;color:#218838;cursor:pointer}.totals-section .card .footer:hover{text-decoration:underline}.login-page{font-family:Poppins,sans-serif;background-color:#f7f7f7;height:100vh;display:flex;justify-content:center;align-items:center}.login-page .login-container{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 10px #0000001a;width:320px;text-align:center}.login-page .login-title{font-size:28px;font-weight:600;color:#000;margin-bottom:20px;text-transform:none}.login-page .form-group{margin-bottom:15px;text-align:left}.login-page .form-input{padding:12px;font-size:14px;border:1px solid #e0e0e0;border-radius:6px;outline:none;transition:border-color .3s}.login-page .form-input:focus{border-color:#6c63ff}.login-page .forgot-password{font-size:12px;color:#6c63ff;text-decoration:none;display:block;margin-bottom:15px}.login-page .submit-button{width:100%;padding:12px;font-size:16px;font-weight:500;color:#fff;background-color:#6c63ff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.login-page .submit-button:hover{background-color:#5a54e0}.login-page .social-login{margin-top:20px}.login-page .social-text{font-size:12px;color:#888;margin-bottom:10px}.login-page .social-buttons{display:flex;justify-content:center;gap:10px}.login-page .social-button{padding:8px 12px;font-size:12px;font-weight:500;color:#444;background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;transition:all .3s ease}.login-page .social-button:hover{background-color:#f0f0f0}.search-container{position:relative;width:100%;max-width:400px;margin:10px auto}.results-list{position:absolute;width:100%;background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px #0000001a;max-height:250px;overflow-y:auto;margin-top:5px;z-index:1000;padding:0;list-style:none}.results-list li{padding:12px;font-size:16px;color:#333;cursor:pointer;transition:background .2s,color .2s;border-bottom:1px solid #f0f0f0}.results-list li:last-child{border-bottom:none}.results-list li:hover{background:#4caf50;color:#fff}.results-list li.selected{background:#2e7d32;color:#fff;font-weight:700;outline:2px solid #1b5e20}.spinner-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{width:60px;height:60px;border:6px solid #ccc;border-top:6px solid #3498db;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:998;cursor:default}.container{position:fixed;z-index:1001;left:0;top:0;width:250px;height:100vh;background:#1e2b32;color:#fff;padding:20px;box-shadow:2px 0 5px #0003;overflow-y:auto;transition:transform .3s ease-in-out}.toggle-checkbox:not(:checked)~.container{transform:translate(-100%)}.toggle-button{position:fixed;top:15px;left:20px;background:#145f68;color:#fff;border:none;padding:2px 8px;cursor:pointer;font-size:20px;border-radius:5px;z-index:1100;transition:background .3s;display:inline-block}.toggle-button:hover{background:#177e89}.body{margin-left:0;padding:20px;transition:margin-left .3s ease-in-out;width:100%}.toggle-checkbox{display:none}.toggle-checkbox:not(:checked)~.body{margin-left:20px}.container ul{list-style:none;padding:0;margin:0}.container li{padding:10px;cursor:pointer;transition:background 1.3s;display:flex;align-items:center}.container li:hover{background:#fff3}.container i{margin-right:10px}.header{border-radius:10px 10px 0 0;padding:5px;background-color:#1e2b32}h3{color:#fff;font-family:Roboto,sans-serif;margin-left:1rem}.iconM{font-size:18px;margin-left:170px;color:#2f89fc}.body li{transition:1s all;font-family:Roboto,sans-serif;font-size:14px;margin-left:-40px;padding:15px;color:#fff;list-style:none;border-top-right-radius:10px;border-bottom-right-radius:10px}li:hover{transition:1s all;color:#2f89fc;background-color:#2a3841d1;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer}.body>li{float:left}.body li ul{background:#1e2b32;margin-left:200px;margin-top:-38px;display:none;position:absolute;border-top-right-radius:15px;border-bottom-right-radius:15px}.body li:hover>ul{display:block;cursor:pointer}.submenu{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out,padding .3s ease-in-out;padding:0}.submenu.open{max-height:500px;padding:0 15px}.submenu li{padding:8px;background:#444;border-radius:5px;margin:2px 0}.submenu li a{color:#fff;text-decoration:none;display:flex;align-items:center}.submenu li i{margin-right:8px}.submenu li:hover{background:#555}.logout-button{width:100%;padding:15px;background:#ac3022;color:#fff;text-align:center;font-size:16px;font-weight:700;cursor:pointer;border:none;transition:background .3s}.logout-button:hover{background:#c0392b}.sidebar-footer{flex-shrink:0;padding:1rem}