.card {
    background: white;
    border: 1px solid rgb(226 232 240);
    border-radius: 0.75rem;
    padding: 1.5rem;
}
.btn-primary {
    background-color: #0b1f3a;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
}
.btn-primary:hover { background-color: #122a4d; }
.btn-accent {
    background-color: #c9a24b;
    color: #0b1f3a;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
}
.btn-accent:hover { background-color: #b3903f; }
.form-input, select.form-input, textarea.form-input {
    width: 100%;
    border: 1px solid rgb(203 213 225);
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}
.form-input:focus { outline: 2px solid #c9a24b; border-color: transparent; }
.label { font-size: 0.75rem; font-weight: 600; color: rgb(71 85 105); margin-bottom: 0.25rem; display: block; }
table.data-table { width: 100%; font-size: 0.875rem; border-collapse: collapse; }
table.data-table th { text-align: left; padding: 0.5rem 0.75rem; background: rgb(248 250 252); font-weight: 600; color: rgb(71 85 105); border-bottom: 1px solid rgb(226 232 240); }
table.data-table td { padding: 0.5rem 0.75rem; border-bottom: 1px solid rgb(241 245 249); }
.badge { display: inline-block; padding: 0.125rem 0.5rem; border-radius: 9999px; font-size: 0.7rem; font-weight: 600; }