.mdh{--b:#1f5eff;--b2:#0b1b3a;--ink:#0f1e33;--mut:#64748b;--line:#e6ebf2;--bg:#f5f8fc;--ok:#10b981;--warn:#f59e0b;--bad:#ef4444;--wa:#25d366;--r:18px;max-width:1180px;margin:0 auto;padding:16px 16px 40px;color:var(--ink);font-family:inherit;line-height:1.45;box-sizing:border-box}.mdh *,.mdh *::before,.mdh *::after{box-sizing:border-box}.mdh svg{width:18px;height:18px;flex:none}.mdh h1,.mdh h2,.mdh h3,.mdh p{margin:0}.mdh a{text-decoration:none!important}.mdh-hero{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;padding:22px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#0b1b3a 0%,#123a8c 60%,#1f5eff 100%)}.mdh-hero::after{content:"";position:absolute;right:-40px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / .16),transparent 70%)}.mdh-hero-id{display:flex;gap:14px;align-items:center}.mdh-avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:rgb(255 255 255 / .16);border:1px solid rgb(255 255 255 / .25);font-size:24px;font-weight:800}.mdh-hello{opacity:.75;font-size:14px}.mdh-hero h1{font-size:clamp(22px,4vw,30px);font-weight:800;color:#fff;line-height:1.15}.mdh-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:440px}.mdh-stats div{padding:12px 10px;border-radius:14px;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .14);text-align:center}.mdh-stats b{display:block;font-size:22px;font-weight:800}.mdh-stats span{font-size:12px;opacity:.8}.mdh-alert{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 16px;border-radius:16px;font-size:14px}.mdh-alert svg{width:22px;height:22px;margin-top:2px}.mdh-alert b{display:block}.mdh-alert--hold{background:#fff7e6;border:1px solid #fde1a6;color:#7a4b00}.mdh-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:20px}@media (min-width:960px){.mdh-grid{grid-template-columns:minmax(0,1fr) 330px}.mdh-side{position:sticky;top:100px;align-self:start}}.mdh-h2{font-size:18px;font-weight:800;margin:4px 2px 12px}.mdh-h2--muted{margin-top:26px;color:var(--mut)}.mdh-h3{font-size:15px;font-weight:800;margin-bottom:10px}.mdh-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:0 6px 20px -14px rgb(15 30 51 / .35)}.mdh-side{display:flex;flex-direction:column;gap:14px}.mdh-course{display:grid;grid-template-columns:1fr;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:14px;box-shadow:0 6px 20px -14px rgb(15 30 51 / .35)}@media (min-width:640px){.mdh-course{grid-template-columns:220px 1fr}}.mdh-thumb{position:relative;display:block;min-height:140px;background:#dfe8ff center/cover no-repeat}.mdh-pct{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:999px;background:rgb(11 27 58 / .82);color:#fff;font-size:13px;font-weight:800}.mdh-course-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px}.mdh-course h3{font-size:18px;font-weight:800;line-height:1.25}.mdh-course h3 a{color:var(--ink)}.mdh-progress{height:10px;border-radius:99px;background:#eef2f8;overflow:hidden}.mdh-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f8cff,var(--b))}.mdh-sub{font-size:13px;color:var(--mut);margin-top:-4px}.mdh-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0 0}.mdh-facts div{padding:10px;border-radius:12px;background:var(--bg)}.mdh-facts dt{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--mut);font-weight:600}.mdh-facts dt svg{width:14px;height:14px}.mdh-facts dd{margin:3px 0 0;font-size:14px;font-weight:800}.mdh-left dd{font-size:20px}.mdh-left--ok{background:#e9fbf3!important}.mdh-left--ok dd{color:#047857}.mdh-left--warn{background:#fff6e5!important}.mdh-left--warn dd{color:#b45309}.mdh-left--bad{background:#feecec!important}.mdh-left--bad dd{color:#b91c1c}.mdh-hold{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mdh-hold small{color:var(--mut);font-size:12px}.mdh-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:12.5px;font-weight:700}.mdh-chip svg{width:15px;height:15px}.mdh-chip--ok{background:#e9fbf3;color:#047857}.mdh-chip--hold{background:#fff3d6;color:#92400e}.mdh-chip--used{background:#eef2f8;color:#475569}.mdh-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.mdh-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 18px;border-radius:13px;font-weight:800;font-size:14.5px;border:1.5px solid #fff0;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s}.mdh-btn:active{transform:scale(.97)}.mdh-btn--pri{background:var(--b);color:#fff!important;box-shadow:0 10px 20px -10px rgb(31 94 255 / .8)}.mdh-btn--pri:hover{background:#174ad1}.mdh-btn--ghost{background:#fff;color:var(--b)!important;border-color:#cfdbff}.mdh-btn--ghost:hover{background:#f2f6ff}.mdh-btn--wa{width:100%;background:var(--wa);color:#fff!important;box-shadow:0 10px 20px -10px rgb(37 211 102 / .9)}@media (max-width:520px){.mdh-actions .mdh-btn{flex:1 1 100%}.mdh-facts{grid-template-columns:1fr 1fr}.mdh-left{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.mdh-left dd{margin:0}}.mdh-help{background:linear-gradient(180deg,#f0fff6,#fff);border-color:#c9f2da;text-align:center}.mdh-help-ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--wa);color:#fff;margin-bottom:8px}.mdh-help-ic svg{width:26px;height:26px}.mdh-help h3{font-size:17px;font-weight:800}.mdh-help p{font-size:13.5px;color:var(--mut);margin:6px 0 14px}.mdh-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--ink)!important;font-weight:700;font-size:14px}.mdh-links{display:flex;flex-direction:column}.mdh-links a{display:flex;align-items:center;gap:10px;padding:12px 4px;border-top:1px solid var(--line);color:var(--ink)!important;font-weight:600;font-size:14.5px}.mdh-links a:first-child{border-top:0}.mdh-links a svg{color:var(--b)}.mdh-links a:hover{color:var(--b)!important}.mdh-rules ul{margin:0;padding-left:18px;font-size:13.5px;color:#334155}.mdh-rules li{margin:4px 0}.mdh-empty,.mdh-guest{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 18px}.mdh-empty svg{width:34px;height:34px;color:var(--b)}.mdh-expired{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:14px 16px}.mdh-expired b{display:block}.mdh-expired span{font-size:13px;color:var(--mut)}