*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#000;color:#fff;padding:20px}h1{font-size:2rem;color:#333;margin-bottom:20px;text-align:center}input,select,button{font-family:Arial,sans-serif;font-size:1rem}input,select{padding:10px;border:1px solid #ccc;border-radius:5px;margin:10px 0;width:100%}button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#45a049}button:disabled{background-color:#ccc;cursor:not-allowed}h3{margin-bottom:8px}p{margin:5px 0}.container{max-width:800px;margin:0 auto;padding:20px;background-color:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff}@media (max-width: 768px){.container{padding:15px}}.app{font-family:sans-serif;display:flex;flex-direction:column;height:100vh}.app-header{text-align:center;padding:20px;background-color:none;color:#fff}.expense-form{flex:1;padding:20px}.expense-list{flex:2;padding:20px}th,td{border:1px solid #ddd;padding:8px;text-align:left}.app-content{display:flex;flex:1;padding:20px}.expense-form{flex:1;padding:20px;background-color:#000;border-radius:8px;box-shadow:0 2px 4px #fff;margin-right:20px}.expense-list{flex:2;background-color:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.expense-form input[type=text],.expense-form input[type=number],.expense-form select{background-color:#000;color:#fff;border:1px solid #ccc;padding:8px;width:100%;box-sizing:border-box;margin-bottom:10px}.expense-form input::placeholder{color:#888}.search-input{max-width:200px;padding:5px}.app-content{display:flex;flex:1}@media (max-width: 768px){.app-content{flex-direction:column}.expense-form,.expense-list{width:100%;margin-right:0;padding:10px}}table{width:100%;border-collapse:collapse;overflow-x:auto}