body { background: #f5f6fa; }
.sidebar { width: 250px; min-height: 100vh; flex-shrink: 0; }
@media (min-width: 992px) { .sidebar { position: sticky; top: 0; height: 100vh; } }
.sidebar .nav-link.active { background: #4f46e5; }
.content { min-width: 0; }
.stat { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.table-responsive { -webkit-overflow-scrolling: touch; }
.card { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.btn, .form-control, .form-select { min-height: 42px; }
.auth-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.auth-card { width: 100%; max-width: 420px; }
.lp-hero { padding: 3rem 0; }
.lp-hero img { max-width: 100%; border-radius: 1rem; }
.lp-klasik { background: #fff; }
.lp-klasik .lp-hero { background: linear-gradient(135deg, #eef2ff, #fff); }
.lp-gelap { background: #0f172a; color: #e2e8f0; }
.lp-gelap .card { background: #1e293b; color: #e2e8f0; }
.lp-minimal { background: #fff; color: #111; }
.lp-minimal .lp-hero { text-align: center; }
.lp-cta { position: sticky; bottom: 0; background: rgba(255,255,255,.95); padding: .75rem; box-shadow: 0 -2px 8px rgba(0,0,0,.1); z-index: 10; }
.lp-gelap .lp-cta { background: rgba(15,23,42,.95); }
.va-box { font-size: 1.6rem; letter-spacing: .08em; word-break: break-all; }