:root {
    --navy-900: #0b1220;
    --navy-800: #121b2e;
    --navy-700: #1a2540;
    --gold: #d4af37;
    --gold-hover: #e6c458;
}

body {
    background: var(--navy-900);
    color: #e8ebf1;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.topbar {
    background: linear-gradient(90deg, var(--navy-800), var(--navy-700));
    border-bottom: 2px solid var(--gold);
}

.panel-card {
    background: var(--navy-800);
    border: 1px solid #263457;
    border-radius: 10px;
    color: #e8ebf1;
}

.btn-gold {
    background: var(--gold);
    border-color: var(--gold);
    color: #1a1400;
    font-weight: 600;
}
.btn-gold:hover { background: var(--gold-hover); border-color: var(--gold-hover); color: #1a1400; }

.btn-outline-gold {
    border-color: var(--gold);
    color: var(--gold);
    background: transparent;
}
.btn-outline-gold:hover { background: var(--gold); color: #1a1400; }

table.dataTable, table.dataTable td, table.dataTable th {
    color: #e8ebf1 !important;
    border-color: #263457 !important;
}

.link-copy input {
    background: var(--navy-900);
    color: #9fb3d8;
    border-color: #263457;
    font-size: 12px;
}

.login-body {
    background: radial-gradient(circle at top, var(--navy-800), var(--navy-900));
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-card {
    background: var(--navy-800);
    border: 1px solid #263457;
    border-top: 3px solid var(--gold);
    border-radius: 10px;
    padding: 32px;
    width: 100%;
    max-width: 380px;
    color: #e8ebf1;
}
.brand-mark {
    font-weight: 800;
    letter-spacing: 4px;
    font-size: 22px;
    color: var(--gold);
}

.modal-content { color: #e8ebf1; }
.form-control, .form-select {
    background: var(--navy-900);
    border-color: #263457;
    color: #e8ebf1;
}
.form-control:focus, .form-select:focus {
    background: var(--navy-900);
    color: #e8ebf1;
    border-color: var(--gold);
    box-shadow: 0 0 0 0.2rem rgba(212,175,55,0.25);
}