:root { --dh-primary: #2f6fed; }
body { background: #f5f7fb; color: #1f2733; }
a { text-decoration: none; }
.navbar-dark.bg-primary { background: var(--dh-primary) !important; }
.card-doc { transition: .15s; border: 1px solid #eef0f4; }
.card-doc:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(47,111,237,.12); border-color: #cfdcfb; }
.doc-cover { height: 120px; background: linear-gradient(135deg,#e8f0ff,#d6e4ff); display:flex; align-items:center; justify-content:center; font-size:2.4rem; color:#2f6fed; }
.doc-title { font-weight:600; font-size: .95rem; line-height:1.4; height: 2.8em; overflow:hidden; }
.price-tag { font-weight:700; }
.price-free { color:#16a34a; }
.price-paid { color:#e8590c; }
.hero { background: linear-gradient(135deg,#2f6fed,#5b8def); color:#fff; border-radius:14px; padding:2.2rem; margin-bottom:1.5rem; }
.hero h1 { font-weight:800; }
.stat-box { background:#fff; border-radius:12px; padding:1.1rem 1rem; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.stat-box .num { font-size:1.6rem; font-weight:800; color:var(--dh-primary); }
.cat-chip { display:inline-block; padding:.3rem .8rem; border-radius:20px; background:#eef2fb; color:#334; margin:.2rem; font-size:.88rem; }
.cat-chip:hover { background:var(--dh-primary); color:#fff; }
.reader-frame { width:100%; height:82vh; border:1px solid #e3e7ee; border-radius:8px; }
.badge-vip { background:#f59e0b!important; }
.wallet-num { font-size:2.2rem; font-weight:800; }
.qr-box { background:#fff; padding:1rem; border-radius:12px; display:inline-block; }
.pay-method { border:2px solid #e6e9ef; border-radius:10px; padding:.8rem 1rem; cursor:pointer; }
.pay-method.active { border-color:var(--dh-primary); background:#f3f7ff; }
.text-muted-2 { color:#8a93a3; }
.table th { font-weight:600; }
.store-empty { text-align:center; color:#9aa3b2; padding:3rem 0; }
.btn-primary { background:var(--dh-primary); border-color:var(--dh-primary); }
.btn-primary:hover { background:#235ad1; border-color:#235ad1; }