:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#242424;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex}h1{display:flex;text-align:left;font-size:3.2em;line-height:1.1;padding:20px}p{display:flex;text-align:left;padding:20px}aside,input,button{display:flex;flex-direction:column;text-align:left;padding:10px;border-radius:10px}*,*:before,*:after{box-sizing:border-box}.add-expense-container{display:flex;justify-content:space-between;align-items:flex-start;padding:40px;gap:40px;background-color:#fff;width:100%}.add-expense-form{background-color:#fff;padding:24px 24px 90px;border-radius:8px;box-shadow:0 2px 6px #0000001a;max-width:400px;width:100%}.add-expense-form h3{margin-top:0}.add-expense-form p{text-align:left;font-size:14px;color:#666}.add-expense-form input{padding:10px;font-size:1rem;margin-top:4px}.add-expense-form button{background-color:#000;color:#fff;padding:8px;border:none;cursor:pointer;font-size:1rem;border-radius:4px}section{width:100%}.expense-table{flex:1;background-color:#fff;border-radius:10px;align-items:flex-start;padding:10px}table{width:100%;border-collapse:collapse;font-size:1rem;border-radius:10px}th,td{text-align:justify;padding:10px;min-width:250px}th{background-color:#000;color:#fff}.add-expense-form input,.add-expense-form button{width:100%;padding:10px;font-size:1rem;border-radius:10px;border:1px solid #ccc}.search-bar{padding:10px}
