/* Frontend app (/app) — admin.css ke upar */
.qdm-app-main { background: #f4f2ee; padding: 34px 0 90px; min-height: 70vh; }
.qdm-app-wrap { max-width: 1240px; margin: 0 auto; padding: 0 24px; }
.qdm-app .qdm, .qdm-login.qdm { max-width: none; margin: 0; }
.qdm-app .qdm .qdm-head { margin-top: 6px; }
.qdm-appnav { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; background: #0d0d0f; color: #fff; border-radius: 16px; padding: 8px 8px 8px 8px; margin-bottom: 8px; }
.qdm-appnav .qdm-tabs { margin: 0; }
.qdm-appnav .qdm-tabs a { color: #fff; opacity: .75; }
.qdm-appnav .qdm-tabs a.on { background: #ff4f2e; opacity: 1; }
.qdm-appnav .qdm-tabs a:not(.on):hover { opacity: 1; border-color: transparent; }
.qdm-appuser { font-size: 14px; color: #c9c4bc; padding-right: 10px; }
.qdm-appuser a { color: #fff; }
.qdm-app .qdm-flash { margin-top: 4px; }
.qdm-login { display: grid; place-items: center; padding: 30px 0; }
.qdm-login-card { background: #fff; border: 1px solid #e3dfd8; border-radius: 22px; padding: 42px; max-width: 480px; width: 100%; text-align: center; box-shadow: 0 30px 60px -30px rgba(0,0,0,.25); }
.qdm-login-ico { width: 64px; height: 64px; border-radius: 18px; background: #0d0d0f; display: inline-grid; place-items: center; margin-bottom: 20px; }
.qdm-login-ico svg { width: 32px; height: 32px; fill: none; stroke: #fff; stroke-width: 2; }
.qdm-login-card h1 { font-size: 30px; font-weight: 800; margin: 0 0 10px; letter-spacing: -.02em; }
.qdm-login-card p { color: #6b6760; margin: 0 0 24px; }
.qdm-btn-lg { padding: 14px 24px !important; font-size: 16px !important; width: 100%; justify-content: center; border-radius: 999px !important; }
.qdm-login-points { list-style: none; padding: 0; margin: 24px 0 0; text-align: left; display: grid; gap: 8px; font-size: 14px; color: #3b3832; }
.qdm-login-points li::before { content: "✓"; color: #ff4f2e; font-weight: 800; margin-right: 8px; }
.qdm-usage { height: 10px; background: #f4f2ee; border-radius: 99px; overflow: hidden; margin-top: 10px; }
.qdm-usage i { display: block; height: 100%; background: #ff4f2e; border-radius: 99px; }
.qdm-danger-zone { border-color: #f1c9c9; }
@media (max-width: 700px) { .qdm-appnav { border-radius: 14px; } .qdm-appuser { padding: 0 8px 6px; } .qdm-login-card { padding: 28px 20px; } }