body { font-family: system-ui, Segoe UI, Roboto, Arial; margin: 20px; background: #f7f7fb; }
.card { background: #fff; padding: 16px; border-radius: 10px; box-shadow: 0 6px 18px rgba(20,20,60,0.06); max-width: 980px; margin: auto; }
h1 { margin: 0 0 12px; }
form { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
input, select { padding: 4px; border-radius: 6px; border: 1px solid #ddd; }
table { width: 100%; border-collapse: collapse; margin-top: 12px; }
th, td { padding: 8px; border-bottom: 1px solid #eee; text-align: left; }
.credit { color: green; }
.debit { color: crimson; }
.muted { color: #666; font-size: 0.9em; }
/* New Values */
#amount {width: 7%;}
#tax {width: 7%;}
#description {width: 28%;}
#place {width: 10%;}
thead {background-color: aliceblue;}
tfoot {background-color: #f0fff6;}
/* Calender */
  #calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
    max-width: 420px;
  }
  .day {
    padding: 10px;
    border: 1px solid #aaa;
    cursor: pointer;
    text-align: center;
  }
  .day.has-event {
    background: #ffe59a;
    border-color: #d29a00;
  }