*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f7fa;color:#333}.App{max-width:800px;margin:30px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a}.content-box{background-color:#fafafa;padding:20px;border-radius:6px;border:1px solid #000;margin-bottom:30px;text-align:center}.content-box h1{color:#2c3e50;margin-bottom:10px}.content-box p{font-size:1rem;color:#555}.form-box{background-color:#fff;padding:20px;border-radius:6px;border:1px solid #dddddd;margin-bottom:30px}.form-box h2{margin-bottom:15px;color:#34495e;font-size:1.5rem}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;font-weight:700;font-size:.95rem;color:#000}.input-group input{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:1rem}button[type=submit],button[type=button]{background-color:#2980b9;color:#fff;border:none;padding:10px 16px;font-size:1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease;margin-top:10px}button[type=submit]:hover,button[type=button]:hover{background-color:#21618c}.search-section input{padding:8px;border-radius:4px;border:1px solid #ccc;width:60%;margin-right:10px;font-size:1rem}table{width:100%;border-collapse:collapse;margin-top:20px}table th,table td{border:1px solid #ccc;padding:10px;text-align:center}table th{background-color:#2980b9;color:#fff}table tr:nth-child(2n){background-color:#f2f2f2}.main-content{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.form-box,.expenses-box{background-color:#fff;padding:20px;border:1px solid #ccc;border-radius:6px;box-shadow:0 0 5px #0000000d;width:48%}.expenses-box h2{margin-bottom:15px;color:#34495e;font-size:1.5rem}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}