@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }

body { background: #0b1020; color: #fff; min-height: 100vh; }

a { color: #4cafef; text-decoration: none; }
a:hover { text-decoration: underline; }

.hidden { display: none !important; }
.muted { color: #9aa3b5; }
.small { font-size: 12px; }

/* Auth */
.auth-page { display: flex; align-items: center; justify-content: center; padding: 24px; min-height: 100vh; }
.auth-card {
    width: 100%; max-width: 420px; background: #111a33; padding: 32px; border-radius: 16px;
    box-shadow: 0 0 40px rgba(0,0,0,.5);
}
.auth-card.wide-card, .install-card { max-width: 520px; }
.auth-card h1 { color: #d4af37; font-size: 22px; margin-bottom: 8px; }
.auth-card label { display: block; margin-top: 12px; font-size: 12px; color: #ccc; }
.auth-card input, .auth-card select, .auth-card textarea {
    width: 100%; padding: 10px; margin-top: 5px; border: none; border-radius: 8px;
    background: #1c2748; color: #fff;
}
.auth-card button, .form-stack button {
    width: 100%; margin-top: 16px; padding: 12px; border: none; border-radius: 8px;
    font-weight: 600; cursor: pointer;
    background: linear-gradient(135deg, #d4af37, #b88a2a); color: #000;
}
.auth-links { text-align: center; margin-top: 16px; font-size: 13px; }

.alert { padding: 12px; border-radius: 8px; margin: 12px 0; font-size: 14px; }
.alert-error { background: rgba(244,67,54,.2); border: 1px solid #f44336; }
.alert-success { background: rgba(76,175,80,.2); border: 1px solid #4caf50; }
.alert-warning { background: rgba(255,193,7,.15); border: 1px solid #ffc107; color: #ffc107; }

/* Nav */
.top-nav {
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px 24px; background: #111a33; border-bottom: 1px solid #1c2748;
}
.top-nav a { margin-left: 16px; font-size: 14px; }

/* Admin sidebar */
.sidebar {
    position: fixed; left: 0; top: 0; width: 240px; height: 100vh;
    background: #0d1428; padding: 20px; border-right: 1px solid #1c2748;
}
.sidebar .brand { font-weight: 700; color: #d4af37; margin-bottom: 24px; font-size: 16px; }
.sidebar nav a {
    display: block; padding: 10px 12px; color: #ccc; border-radius: 8px; margin-bottom: 4px;
    text-decoration: none;
}
.sidebar nav a:hover { background: #1c2748; color: #fff; text-decoration: none; }
.sidebar-user { margin-top: 32px; font-size: 12px; color: #888; }

.admin-main { margin-left: 240px; padding: 24px 32px; min-height: 100vh; }
.admin-top h1 { font-size: 24px; margin-bottom: 20px; }

.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; margin-bottom: 32px; }
.stat-card {
    background: #111a33; padding: 20px; border-radius: 12px; border: 1px solid #1c2748;
}
.stat-card span { display: block; font-size: 12px; color: #888; }
.stat-card strong { font-size: 28px; color: #d4af37; }

.data-table { width: 100%; border-collapse: collapse; margin-top: 12px; font-size: 14px; }
.data-table th, .data-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid #1c2748; }
.data-table th { color: #888; font-weight: 500; }
.data-table tr.revoked { opacity: .6; }
.data-table.compact { font-size: 13px; }

.toolbar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.toolbar input, .toolbar select {
    padding: 10px; border-radius: 8px; border: none; background: #1c2748; color: #fff;
}
.toolbar button { padding: 10px 20px; border: none; border-radius: 8px; background: #d4af37; color: #000; font-weight: 600; cursor: pointer; }

.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
@media (max-width: 900px) { .grid-2 { grid-template-columns: 1fr; } .sidebar { position: relative; width: 100%; height: auto; } .admin-main { margin-left: 0; } }

.form-stack label { display: block; margin-top: 12px; font-size: 12px; color: #ccc; }
.form-stack input, .form-stack select, .form-stack textarea {
    width: 100%; padding: 10px; margin-top: 4px; border-radius: 8px; border: none;
    background: #1c2748; color: #fff;
}
.max-w { max-width: 640px; }
.checkbox-label { display: flex; align-items: center; gap: 8px; margin-top: 16px; }
.inline-form { display: inline; }
.btn-danger-sm { background: #c62828; color: #fff; border: none; padding: 4px 8px; border-radius: 4px; cursor: pointer; font-size: 12px; }
.actions { white-space: nowrap; }
.pagination a { margin-right: 8px; padding: 4px 10px; background: #1c2748; border-radius: 4px; }
.pagination a.active { background: #d4af37; color: #000; }

.course-list { list-style: none; }
.course-list li {
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px; background: #111a33; margin-bottom: 8px; border-radius: 8px;
}

.plan-option { display: flex; gap: 12px; padding: 12px; background: #1c2748; border-radius: 8px; margin: 8px 0; cursor: pointer; }

/* Validação */
.validar-page { align-items: flex-start; padding-top: 40px; }
.validar-wrap { width: 100%; max-width: 720px; }
.validar-card { margin: 0 auto 24px; }
.validar-form button { margin-top: 12px; }
.result-box {
    background: #111a33; padding: 28px; border-radius: 16px; text-align: center;
    border: 2px solid #1c2748;
}
.result-box.valid { border-color: #4caf50; }
.result-box.invalid { border-color: #f44336; }
.result-box .icon { font-size: 48px; display: block; margin-bottom: 12px; }
.result-box.valid .icon { color: #4caf50; }
.result-box.invalid .icon { color: #f44336; }
.result-details { text-align: left; margin-top: 20px; font-size: 14px; line-height: 1.8; }
.result-logo { width: 80px; height: 80px; object-fit: contain; display: block; margin: 0 auto 16px; }

.billing-alert { margin: 16px 24px; }

/* Generator layout - painel from original */
.generator-layout { display: flex; gap: 20px; padding: 20px; flex-wrap: wrap; }
.generator-layout .painel {
    width: 380px; background: #111a33; padding: 20px; border-radius: 12px;
    box-shadow: 0 0 25px rgba(0,0,0,.4); flex-shrink: 0;
}
.generator-layout .painel h1 { font-size: 22px; color: #d4af37; text-align: center; }
.generator-layout .sub { text-align: center; font-size: 12px; color: #aaa; margin-bottom: 16px; }
.generator-layout .painel h2 { font-size: 18px; margin-bottom: 12px; }
.generator-layout label { display: block; margin-top: 10px; font-size: 12px; color: #ccc; }
.generator-layout input, .generator-layout select {
    width: 100%; padding: 10px; margin-top: 5px; border: none; border-radius: 6px;
    background: #1c2748; color: #fff;
}
.generator-layout button {
    width: 100%; margin-top: 12px; padding: 12px; border: none; border-radius: 8px;
    cursor: pointer; font-weight: 600;
    background: linear-gradient(135deg, #d4af37, #b88a2a); color: #000;
}
.generator-layout .btnPrint {
    background: linear-gradient(135deg, #4cafef, #1e88e5); color: #fff;
}