/**
 * LinkMonetize - Dark Theme CSS
 */

* { margin:0; padding:0; box-sizing:border-box; }
body { background:#0a0a14; color:#e0e0e0; font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; line-height:1.6; min-height:100vh; }
a { color:#e94560; text-decoration:none; }
a:hover { text-decoration:underline; }

/* Navbar */
.navbar { background:#1a1a2e; border-bottom:1px solid #2a2a4e; padding:0 24px; position:sticky; top:0; z-index:100; }
.nav-inner { max-width:1100px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; height:60px; }
.logo { font-size:22px; font-weight:bold; color:#e94560 !important; text-decoration:none !important; }
.nav-links { display:flex; gap:16px; align-items:center; }
.nav-links a { color:#ccc; font-size:14px; padding:6px 12px; border-radius:6px; }
.nav-links a:hover { background:#2a2a4e; text-decoration:none; }

/* Buttons */
.btn-primary { display:inline-block; background:#e94560; color:#fff !important; border:none; padding:10px 24px; border-radius:8px; font-weight:bold; cursor:pointer; font-size:14px; transition:.2s; text-decoration:none !important; }
.btn-primary:hover { background:#c73650; text-decoration:none; }
.btn-secondary { display:inline-block; background:#2a2a4e; color:#ccc !important; padding:10px 24px; border-radius:8px; text-decoration:none !important; }
.btn-danger-sm { background:#e94560; color:#fff; border:none; padding:4px 10px; border-radius:4px; cursor:pointer; font-size:12px; }
.btn-success-sm { background:#0f9b58; color:#fff; border:none; padding:4px 10px; border-radius:4px; cursor:pointer; font-size:12px; }

/* Hero */
.hero { text-align:center; padding:80px 24px 60px; }
.hero h1 { font-size:42px; font-weight:800; margin-bottom:8px; }

/* Auth */
.auth-container { display:flex; justify-content:center; align-items:center; min-height:70vh; padding:24px; }
.auth-card { background:#1a1a2e; border-radius:12px; padding:40px; width:100%; max-width:420px; border:1px solid #2a2a4e; }
.auth-card h2 { color:#e94560; margin-bottom:24px; text-align:center; }

/* Forms */
.field { margin-bottom:14px; }
.field label { display:block; margin-bottom:6px; font-size:13px; color:#aaa; }
.field input, .field select, .field textarea { width:100%; padding:10px 14px; background:#0f3460; border:1px solid #2a2a4e; border-radius:8px; color:#fff; font-size:14px; font-family:inherit; }
.field input:focus, .field select:focus, .field textarea:focus { outline:none; border-color:#e94560; }
.field textarea { resize:vertical; min-height:80px; }
button.full, .btn-primary.full { width:100%; }

/* Alerts */
.alert { padding:12px 16px; border-radius:8px; margin-bottom:16px; font-size:14px; }
.alert-success { background:#0f9b5822; color:#0f9b58; border:1px solid #0f9b5844; }
.alert-error { background:#e9456022; color:#e94560; border:1px solid #e9456044; }

/* Stats */
.stats-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; max-width:1100px; margin:0 auto; }
.stat-card { background:#1a1a2e; border:1px solid #2a2a4e; border-radius:12px; padding:24px; text-align:center; }
.stat-num { font-size:28px; font-weight:bold; color:#fff; }
.stat-label { color:#888; font-size:13px; margin-top:4px; }

/* Cards */
.card { background:#1a1a2e; border:1px solid #2a2a4e; border-radius:12px; padding:24px; }
.card h3 { margin-bottom:16px; color:#e94560; }

/* Tables */
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; font-size:14px; }
th { text-align:left; padding:12px; background:#16213e; color:#aaa; font-weight:600; font-size:13px; }
td { padding:12px; border-bottom:1px solid #16213e; }
tr:hover td { background:#1a1a2e; }

/* Badges */
.badge { display:inline-block; padding:2px 8px; border-radius:4px; font-size:11px; font-weight:bold; text-transform:uppercase; }
.badge-active { background:#0f9b5822; color:#0f9b58; }
.badge-paused, .badge-pending { background:#e9a82022; color:#e9a820; }
.badge-error, .badge-cancelled, .badge-expired { background:#e9456022; color:#e94560; }
.badge-admin { background:#e9456022; color:#e94560; }

/* Features */
.features { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:24px; max-width:1100px; margin:40px auto; padding:0 24px; }
.feature-card { background:#1a1a2e; border:1px solid #2a2a4e; border-radius:12px; padding:32px; text-align:center; }
.feature-card h3 { color:#e94560; margin-bottom:8px; }
.feature-card p { color:#aaa; font-size:14px; }

/* Plans */
.plan-card { background:#1a1a2e; border:1px solid #2a2a4e; border-radius:12px; padding:24px 32px; text-align:center; min-width:160px; }
.plan-card h4 { color:#e94560; margin-bottom:8px; }
.plan-price { font-size:28px; font-weight:bold; }
.plan-period { color:#888; font-size:13px; }

/* Dashboard */
.dashboard { max-width:1100px; margin:0 auto; padding:24px; }
.dashboard h1 { font-size:28px; margin-bottom:24px; }

/* Admin Layout */
.admin-layout { display:flex; min-height:calc(100vh - 60px); }
.admin-sidebar { width:220px; background:#1a1a2e; border-right:1px solid #2a2a4e; padding:24px 0; flex-shrink:0; }
.admin-sidebar a { display:block; padding:12px 24px; color:#ccc; font-size:14px; border-left:3px solid transparent; }
.admin-sidebar a:hover, .admin-sidebar a.active { background:#16213e; color:#e94560; border-left-color:#e94560; text-decoration:none; }
.admin-content { flex:1; padding:24px; overflow-x:hidden; }
.admin-content h1 { font-size:24px; margin-bottom:20px; }

/* Footer */
footer { text-align:center; padding:24px; color:#555; font-size:13px; margin-top:40px; border-top:1px solid #1a1a2e; }

/* Empty state */
.empty { text-align:center; padding:40px; color:#888; }

/* Responsive */
@media (max-width:768px) {
    .hero h1 { font-size:28px; }
    .admin-layout { flex-direction:column; }
    .admin-sidebar { width:100%; display:flex; overflow-x:auto; padding:0; }
    .admin-sidebar a { white-space:nowrap; border-left:none; border-bottom:3px solid transparent; }
    .admin-sidebar a.active { border-left:none; border-bottom-color:#e94560; }
    .nav-inner { flex-wrap:wrap; height:auto; padding:12px 0; }
    .analytics-grid { grid-template-columns:1fr; }
    .revenue-cards { grid-template-columns:repeat(2, 1fr); }
}

/* Payment page */
.payment-container { display:flex; justify-content:center; padding:40px 24px; }
.payment-card { background:#1a1a2e; border:1px solid #2a2a4e; border-radius:16px; padding:40px; width:100%; max-width:480px; }
.payment-card h2 { color:#e94560; text-align:center; margin-bottom:24px; }
.plan-highlight { text-align:center; margin-bottom:24px; padding:20px; background:#16213e; border-radius:12px; }
.plan-highlight .price { font-size:42px; font-weight:bold; color:#fff; }
.plan-highlight .period { color:#888; font-size:14px; margin-top:4px; }
.feature-list { list-style:none; margin-bottom:24px; }
.feature-list li { padding:8px 0; color:#aaa; font-size:14px; }
.payment-section { margin-bottom:20px; padding-top:20px; border-top:1px solid #2a2a4e; }
.payment-section h3 { color:#ccc; margin-bottom:12px; font-size:16px; }