:root { --customer-green: #176b52; --customer-ink: #243b33; --customer-border: #dce2d8; }
body { background: radial-gradient(ellipse at 85% 0, #e6eddd, transparent 55%), #faf9f5; color: var(--customer-ink); }
.auth-card { color: var(--customer-ink); border: 1px solid var(--customer-border); border-radius: 14px; box-shadow: 0 20px 70px #18382a14; }
.logo span, .topbar .logo span, .auth-link a { color: var(--customer-green); }
.topbar { background: #182e28; }
.topbar .logo span { color: #bbd3a6; }
.card, .pkg-card { border-color: var(--customer-border); border-radius: 12px; box-shadow: 0 6px 24px #18382a06; overflow-x: auto; }
.btn { background: var(--customer-green); border-radius: 8px; }
.btn:hover { background: #104a3a; }
.btn-outline { color: var(--customer-green); background: #fff; border-color: var(--customer-green); }
.btn-outline:hover { background: #eef3e7; }
.form-group input { border-color: var(--customer-border); border-radius: 8px; }
.form-group input:focus { border-color: var(--customer-green); box-shadow: 0 0 0 3px #176b5219; }
.license-key { background: #f0f4e9; border-color: var(--customer-border); }
.info-row strong { color: var(--customer-ink); }
th { background: #f0f4e9; }
th, td { border-bottom-color: var(--customer-border); }
.badge.pending { background: #f7edcf; color: #755718; }
.badge.refunded { background: #f7edcf; color: #755718; }
.packages { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
a:focus-visible, button:focus-visible { outline: 3px solid #bb7c1f; outline-offset: 3px; }
@media (max-width: 540px) {
    .auth-card { padding: 28px; }
    .topbar-inner { flex-wrap: wrap; gap: 14px; }
    .topbar nav { flex-wrap: wrap; gap: 14px; }
    .info-row { flex-wrap: wrap; }
}