@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";: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,#root{height:100%;width:100%;font-family:"Press Start 2P",cursive;background-color:#111;color:#fff}.app-container{display:flex;flex-direction:column;min-height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#222;border-bottom:3px solid #ffcc33;position:sticky;top:0;z-index:1000}.navbar:hover{background:#333}.logo{font-size:14px;font-weight:700;color:#fc3;letter-spacing:2px;cursor:pointer;text-shadow:2px 2px #000}.logo:hover{transform:scale(1.05)}.nav-links{list-style:none;display:flex;gap:1.5rem}.nav-links li a{text-decoration:none;font-size:10px;font-weight:700;color:#0c3;padding:6px 12px;border:2px solid #00cc33;border-radius:0;transition:all .2s ease;text-align:center;display:inline-block}.nav-links li a:hover{background-color:#0c3;color:#000;box-shadow:0 0 6px #0c3}.nav-links li.active a{background-color:#36f;color:#fff;border:2px solid #fff;box-shadow:0 0 8px #36f}@media (max-width:768px){.navbar{flex-direction:column;align-items:flex-start;padding:1rem}.nav-links{flex-direction:column;gap:.8rem;width:100%;margin-top:1rem}.nav-links li{width:100%}.nav-links li a{display:block;padding:6px 0;width:100%}}.quote-btn,.reset-btn{display:inline-block;font-size:10px;font-weight:700;padding:6px 12px;border-radius:0;cursor:pointer;border:2px solid #fff;text-transform:uppercase;text-shadow:1px 1px #000;transition:all .2s ease}.quote-btn{background-color:#fc3;color:#000}.quote-btn:hover{background-color:#fe6;box-shadow:0 0 8px #fc3}.reset-btn{background-color:#0c3;color:#000}.reset-btn:hover{background-color:#3f6;box-shadow:0 0 8px #0c3}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:22px;height:16px;cursor:pointer;z-index:1100}.hamburger span{display:block;height:3px;background:#fc3;border-radius:0;box-shadow:1px 1px #000;transition:.3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-6px)}body,h1,h3,p,button,input,select,textarea{font-family:"Press Start 2P",cursive}.dashboard{padding:1rem 2rem;background-color:#1a1a1a}.balance-card{background-color:#222;padding:.5rem 1.5rem;border:3px solid #ffcc33;border-radius:0;margin-bottom:1rem;color:#fc3;text-align:center;text-shadow:2px 2px #000}.summary-cards{display:flex;gap:1rem}.income-card,.expense-card{flex:1;background-color:#222;padding:1rem;border:3px solid #00cc33;color:#0c3;border-radius:0;box-shadow:none;text-align:center;text-shadow:2px 2px #000}.add-transaction{padding:12px;background-color:#03c;color:#fff;font-size:12px;border:3px solid #fff;border-radius:0;cursor:pointer;transition:all .2s ease;text-transform:uppercase;text-shadow:1px 1px #000}.add-transaction:hover{background-color:#36f;box-shadow:0 0 8px #36f,0 0 16px #03c;text-shadow:0 0 4px #fff,0 0 6px #fff}.dashboard-inner{display:flex;justify-content:space-between;align-items:center}.transactions-chart-row{display:flex;gap:1rem;margin-top:1rem}.transactions,.expense-chart{flex:1;background-color:#222;padding:1.5rem;border:3px solid #ffcc33;border-radius:0;color:#fff;text-shadow:1px 1px #000}.transactions ul{list-style:none;padding:0}.transactions li{padding:.5rem 0;border-bottom:1px solid #555;display:flex;justify-content:space-between}.chart-container{height:350px;width:100%;display:flex;justify-content:center}.chart-container canvas{width:90%!important;height:100%!important}h3{color:#fc3;margin-bottom:10px;font-weight:700;letter-spacing:1px;text-align:center;text-shadow:2px 2px #000}h1{font-size:1.5rem;font-weight:700;color:#0c3;margin-bottom:15px;letter-spacing:1px;text-shadow:2px 2px #000}p{color:#fff;margin:5px 0;font-size:.8rem;text-shadow:1px 1px #000}.balance{font-size:2rem;font-weight:700;color:#03c;text-shadow:2px 2px #000}.no-transactions{text-align:center;padding:20px;color:#fc3;font-family:"Press Start 2P",cursive;text-shadow:2px 2px #000;font-size:12px}.no-transactions-icon{font-size:50px;color:#0c3;margin-bottom:10px;text-shadow:2px 2px #000}.transactions-container{max-width:1000px;margin:auto;padding:20px}table{width:100%;border-collapse:collapse;margin-top:20px}thead{background:#935c8839}td,th{padding:12px;border:1px solid #ddd;text-align:center}.action-buttons{display:flex;justify-content:center;gap:10px}.edit-btn,.delete-btn{border:none;padding:6px 12px;cursor:pointer;border-radius:5px}.edit-btn{background:#ffc107;color:#000}.delete-btn{background:#dc3545;color:#fff}.reports-container{max-width:900px;margin:auto;padding:20px;text-align:center}.date-filter{margin-bottom:20px}.date-filter label{font-size:1rem;font-weight:700;margin-right:10px}.date-filter input{padding:8px;font-size:1rem;border:1px solid #ddd;border-radius:5px}.summary-cards{display:flex;justify-content:space-between;margin:20px 0}.income-card,.expense-card{flex:1;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;text-align:center;margin:0 10px}.income{color:green}.expense{color:red}.charts-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.chart-item{flex:1;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;text-align:center;margin:0 10px}.chart-wrapper{height:350px}canvas{width:100%!important;height:100%!important}.add-transaction-container{max-width:500px;margin:40px auto;padding:25px 30px;background-color:#fff8d1;border:4px solid #ffcc00;border-radius:0;font-family:"Press Start 2P",cursive;color:#333;box-shadow:none}.add-transaction-container h2{text-align:center;margin-bottom:20px;font-size:16px;color:#0052cc;text-shadow:2px 2px #000}.transaction-box{display:flex;flex-direction:column;gap:12px}.transaction-type{display:flex;justify-content:space-around}.transaction-type label{color:#006400;font-weight:600;cursor:pointer}.transaction-type input[type=radio]{margin-right:8px;accent-color:#0052cc}.transaction-box input,.transaction-box select,.transaction-box textarea{width:100%;padding:8px;font-size:10px;border:2px solid #006400;background-color:#fff8d1;color:#0052cc;text-transform:uppercase;outline:none}.transaction-box input:focus,.transaction-box select:focus,.transaction-box textarea:focus{border-color:#fc0;box-shadow:0 0 4px #fc0}.transaction-box textarea{resize:vertical;min-height:60px}.transaction-box button{padding:12px;font-size:10px;background-color:#0052cc;color:#fff;border:2px solid #006400;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.transaction-box button:hover{background-color:#0c4;color:#fff;text-shadow:1px 1px #fff,-1px -1px #fff;box-shadow:0 0 8px #0c4,0 0 12px #0052cc}@media (max-width: 550px){.add-transaction-container{padding:20px}}