body{font-family:Arial,Helvetica,sans-serif;margin:40px;background: url("images/BGColorBrown.png");color: gold;}
header{margin-bottom:12px} .sub{color: white}
.controls{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.controls input, .controls select, .controls button{padding:8px}
.table-section table{width:100%;border-collapse:collapse;background: gold;color: green}
th,td{border:1px solid #ddd;padding:8px;text-align:center}
.button{background:#004aad;color: white;border:none;padding:8px;border-radius:6px;cursor:pointer}
.modal{display:none;position:fixed;inset:0;background: gold;color: green;align-items:center;justify-content:center}
.modal-dialog{background:#fff;padding:16px;border-radius:8px;width:320px;position:relative}
.modal .preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0}
.receive-box{background: aqua;color: green;padding:12px;border-radius:8px;margin-top:12px}
h1 {
    color: gold;
}
.active-cards-box {
  background: #f5f5f5;
  padding: 15px;
  margin: 20px;
  border-radius: 10px;
  
}

.active-list {
  margin-top: 10px;
  padding-left: 10px;
}

.active-card-entry {
  background: transparent;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 8px;
 
}