/* MANI Mock Test v5.0
   Material-inspired component layer for WordPress.
   No external CDN or framework dependency. */
:root{
  --mmt-m-primary:#2f6fad;--mmt-m-primary-dark:#23598e;--mmt-m-on-primary:#fff;
  --mmt-m-secondary:#5b5fc7;--mmt-m-success:#2f8f57;--mmt-m-warning:#c88622;--mmt-m-error:#cf4f4f;
  --mmt-m-surface:#fff;--mmt-m-surface-2:#f6f8fb;--mmt-m-outline:#d8e0e9;--mmt-m-on-surface:#172234;
  --mmt-m-muted:#708093;--mmt-m-radius:12px;--mmt-m-radius-sm:9px;
  --mmt-m-shadow-1:0 2px 8px rgba(24,46,73,.06);--mmt-m-shadow-2:0 8px 24px rgba(24,46,73,.09);
  --mmt-m-shadow-3:0 18px 50px rgba(24,46,73,.13);
  --mmt-m-ease:cubic-bezier(.2,.7,.25,1);
}
.mmt-mui{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--mmt-m-on-surface)}
.mmt-mui *{box-sizing:border-box}
.mmt-m-card{background:var(--mmt-m-surface);border:1px solid var(--mmt-m-outline);border-radius:var(--mmt-m-radius);box-shadow:var(--mmt-m-shadow-1);transition:transform .2s var(--mmt-m-ease),box-shadow .2s var(--mmt-m-ease),border-color .2s ease}
.mmt-m-card:hover{transform:translateY(-2px);box-shadow:var(--mmt-m-shadow-2)}
.mmt-m-btn{min-height:42px;border:0;border-radius:10px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:600 13px/1 Inter,sans-serif;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .16s var(--mmt-m-ease),box-shadow .16s var(--mmt-m-ease),filter .16s ease}
.mmt-m-btn.primary{background:linear-gradient(180deg,#3f7db8,#2f6fad);color:#fff;box-shadow:0 7px 14px rgba(47,111,173,.18)}
.mmt-m-btn.secondary{background:#fff;color:#294f75;border:1px solid #b9c6d5}
.mmt-m-btn.tonal{background:#edf4fb;color:#285e8d}
.mmt-m-btn.danger{background:#fff0f0;color:#9f3535;border:1px solid #f0cccc}
.mmt-m-btn:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 9px 18px rgba(31,64,98,.12)}
.mmt-m-btn:active{transform:translateY(1px) scale(.99)}
.mmt-m-btn .mmt-svg-icon{width:18px;height:18px}
.mmt-m-icon-btn{width:40px;height:40px;padding:0;border:1px solid var(--mmt-m-outline);border-radius:11px;background:#fff;color:#2c5e88;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.16s ease}
.mmt-m-icon-btn:hover{transform:translateY(-1px);box-shadow:var(--mmt-m-shadow-1);background:#f7fbff}
.mmt-m-icon-btn .mmt-svg-icon{width:19px;height:19px}
.mmt-m-input,.mmt-m-select,.mmt-m-textarea{width:100%;height:44px;border:1px solid #bbc7d5;border-radius:9px;background:#fff;color:#28384c;padding:0 12px;font:400 13px/1.2 Inter,sans-serif;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}
.mmt-m-textarea{height:auto;min-height:110px;padding:11px 12px;resize:vertical}
.mmt-m-input:hover,.mmt-m-select:hover,.mmt-m-textarea:hover{border-color:#96a6b8}
.mmt-m-input:focus,.mmt-m-select:focus,.mmt-m-textarea:focus{border-color:#4a78b5;box-shadow:0 0 0 4px rgba(74,120,181,.10);background:#fff}
.mmt-m-field{display:grid;gap:7px}
.mmt-m-field label{font-size:11px;font-weight:700;color:#405064}
.mmt-m-field label em{font-style:normal;color:#cf4f4f}
.mmt-m-field small{font-size:10px;color:#8a95a2;line-height:1.4}
.mmt-m-pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:9px;font-weight:800}
.mmt-m-pill.success{background:#e9f7ee;color:#287645}.mmt-m-pill.warning{background:#fff3d9;color:#8b6209}.mmt-m-pill.error{background:#feecec;color:#9f3737}.mmt-m-pill.info{background:#edf5fb;color:#2a658e}.mmt-m-pill.neutral{background:#eef1f4;color:#66727f}
.mmt-m-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid;font-size:12px;line-height:1.45}
.mmt-m-alert.success{background:#edf8f1;border-color:#cbe7d3;color:#256d3e}.mmt-m-alert.warning{background:#fff7e2;border-color:#eed7a2;color:#7d5d0a}.mmt-m-alert.error{background:#fff0f0;border-color:#efcccc;color:#9f3636}.mmt-m-alert.info{background:#eff7fd;border-color:#d0e4f4;color:#2b618d}
.mmt-m-empty{padding:48px 22px;text-align:center;border:1px dashed #cbd6e2;border-radius:12px;background:linear-gradient(180deg,#fbfcfe,#f7f9fb)}
.mmt-m-empty .mmt-empty-icon{width:58px;height:58px;border-radius:18px;background:#eaf2f9;color:#2d699c;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;animation:mmtEmptyFloat 4s ease-in-out infinite}
.mmt-m-empty h3{margin:0 0 5px;font-size:16px}.mmt-m-empty p{margin:0;color:#7b8795;font-size:11px}
.mmt-m-spinner{width:22px;height:22px;border:2.5px solid rgba(47,111,173,.18);border-top-color:#2f6fad;border-radius:50%;animation:mmtSpin .75s linear infinite}
.mmt-m-skeleton{background:linear-gradient(90deg,#eef2f6 25%,#f7f9fb 37%,#eef2f6 63%);background-size:400% 100%;animation:mmtShimmer 1.2s ease infinite;border-radius:8px}
.mmt-m-ripple{position:absolute;border-radius:999px;transform:scale(0);background:rgba(255,255,255,.45);pointer-events:none;animation:mmtRipple .55s ease-out}
.mmt-m-tooltip{position:relative}.mmt-m-tooltip:hover:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);padding:6px 8px;border-radius:6px;background:#1d2b3e;color:#fff;font-size:9px;white-space:nowrap;z-index:1000;box-shadow:var(--mmt-m-shadow-2)}
.mmt-m-dialog-backdrop{position:fixed;inset:0;background:rgba(16,30,48,.46);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:20px;z-index:999999}
.mmt-m-dialog-backdrop.open{display:flex;animation:mmtFadeIn .16s ease both}
.mmt-m-dialog{width:min(560px,100%);background:#fff;border-radius:16px;box-shadow:var(--mmt-m-shadow-3);padding:22px;animation:mmtDialogIn .22s var(--mmt-m-ease) both}
.mmt-m-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mmt-m-dialog-head h3{margin:0;font-size:18px}.mmt-m-dialog-body{margin:14px 0;color:#687789;font-size:12px;line-height:1.55}.mmt-m-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
.mmt-m-topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,228,237,.8)}
.mmt-m-nav{display:flex;align-items:center;gap:4px;overflow:auto;padding:7px}.mmt-m-nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:9px;color:#5b6877;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap}.mmt-m-nav a.active,.mmt-m-nav a:hover{background:#edf4fb;color:#285f8e}.mmt-m-nav a .mmt-svg-icon{width:16px;height:16px;opacity:.85}
.mmt-m-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mmt-m-stat{padding:16px;border-radius:13px;border:1px solid var(--mmt-m-outline);box-shadow:var(--mmt-m-shadow-1);background:#fff;display:flex;align-items:center;gap:11px}.mmt-m-stat-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#edf4fb;color:#2c6697}.mmt-m-stat-icon .mmt-svg-icon{width:19px;height:19px}.mmt-m-stat small{display:block;color:#7c8794;font-size:9px}.mmt-m-stat strong{display:block;margin-top:3px;font:700 23px/1.1 Manrope,Inter,sans-serif;letter-spacing:-.02em}
.mmt-m-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px}.mmt-m-section-title h2{margin:0;font:700 19px/1.15 Manrope,Inter,sans-serif}.mmt-m-section-title p{margin:4px 0 0;color:#768393;font-size:10px}
.mmt-m-fab{position:fixed;right:24px;bottom:24px;width:54px;height:54px;border-radius:18px;border:0;background:linear-gradient(145deg,#4388c2,#2f6fad);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 25px rgba(47,111,173,.25);cursor:pointer;z-index:1000;transition:transform .18s ease}.mmt-m-fab:hover{transform:translateY(-3px) rotate(-2deg)}
@keyframes mmtSpin{to{transform:rotate(360deg)}}@keyframes mmtShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}@keyframes mmtRipple{to{transform:scale(5);opacity:0}}@keyframes mmtFadeIn{from{opacity:0}to{opacity:1}}@keyframes mmtDialogIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes mmtEmptyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:900px){.mmt-m-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mmt-m-stat-grid{grid-template-columns:1fr}.mmt-m-btn{min-height:40px;padding:0 13px;font-size:12px}.mmt-m-dialog{padding:18px}.mmt-m-fab{right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.mmt-m-card,.mmt-m-btn,.mmt-m-icon-btn{transition:none!important}.mmt-m-skeleton,.mmt-m-spinner,.mmt-m-empty .mmt-empty-icon{animation:none!important}}

/* v5.1 — Notification & communication components */
.mmt-notification-center{max-width:1040px;margin:28px auto;padding:0 18px}.mmt-notification-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.mmt-notification-head h1{font:700 30px/1.15 Manrope,Inter,sans-serif;margin:4px 0}.mmt-notification-head p{margin:0;color:#738093;font-size:12px}.mmt-notification-count{padding:8px 10px;border-radius:999px;background:#edf4fb;color:#2b618d;font-weight:800;font-size:10px}.mmt-notification-list{display:grid;gap:9px}.mmt-notification-item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:15px 16px;border:1px solid var(--mmt-m-outline);border-radius:12px;background:#fff;box-shadow:var(--mmt-m-shadow-1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.mmt-notification-item:hover{transform:translateY(-2px);box-shadow:var(--mmt-m-shadow-2)}.mmt-notification-item.unread{border-left:3px solid #3b78b4;background:linear-gradient(90deg,#f7fbff,#fff)}.mmt-notification-icon{width:44px;height:44px;border-radius:12px;background:#edf4fb;color:#2d6799;display:flex;align-items:center;justify-content:center}.mmt-notification-icon.test{background:#eef4fc;color:#326ea5}.mmt-notification-icon.result{background:#f2edfb;color:#7051a0}.mmt-notification-icon.message{background:#edf8f1;color:#287446}.mmt-notification-icon.announcement{background:#fff3dd;color:#93650b}.mmt-notification-content{min-width:0}.mmt-notification-title-row{display:flex;align-items:center;gap:7px}.mmt-notification-title-row h3{font-size:13px;margin:0;font-weight:800}.mmt-notification-content p{font-size:11px;line-height:1.45;color:#687789;margin:5px 0}.mmt-notification-content small{font-size:9px;color:#909aa6}.mmt-notification-actions{display:flex;align-items:center;gap:5px}.mmt-notification-actions form{margin:0}.mmt-notification-actions .mmt-m-icon-btn{width:34px;height:34px}.mmt-communication-page{max-width:1400px;margin:20px 24px 40px 0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#172234}.mmt-communication-head{margin-bottom:17px}.mmt-communication-head>div>span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#718093}.mmt-communication-head h1{font-size:30px;margin:4px 0}.mmt-communication-head p{font-size:12px;color:#718093;margin:0}.mmt-communication-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-bottom:15px}.mmt-communication-card{background:#fff;border:1px solid #dce4ec;border-radius:13px;padding:20px;box-shadow:0 6px 18px rgba(25,47,75,.05);margin-bottom:15px}.mmt-communication-card-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px}.mmt-communication-card-head h2{font-size:18px;margin:0 0 4px}.mmt-communication-card-head p{font-size:10px;color:#748091;margin:0}.mmt-communication-icon{width:38px;height:38px;border-radius:10px;background:#edf4fb;color:#2d6799;display:flex;align-items:center;justify-content:center;flex:0 0 38px}.mmt-communication-icon.info{background:#f2edfb;color:#7152a0}.mmt-communication-form{display:grid;gap:11px}.mmt-communication-form>div{display:grid;gap:6px}.mmt-communication-form label{font-size:10px;font-weight:800;color:#405064}.mmt-communication-form label b{color:#cf4f4f}.mmt-communication-form input,.mmt-communication-form textarea,.mmt-communication-form select{width:100%;height:42px;border:1px solid #bcc8d5;border-radius:8px;padding:0 10px;font-size:11px;box-sizing:border-box}.mmt-communication-form textarea{height:110px;padding:10px;resize:vertical}.mmt-communication-two{display:grid!important;grid-template-columns:1fr 1fr;gap:11px}.mmt-communication-check{display:flex!important;align-items:center;gap:8px!important;align-self:end;padding:12px 0!important}.mmt-communication-check input{width:auto!important;height:auto!important}.mmt-communication-form>.mmt-m-btn{width:max-content}.mmt-communication-side{background:linear-gradient(145deg,#f7fbff,#eef4fa)}.mmt-type-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #e1e7ee}.mmt-type-row>span{width:34px;height:34px;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;color:#2c6698}.mmt-type-row strong,.mmt-type-row small{display:block}.mmt-type-row strong{font-size:10px}.mmt-type-row small{font-size:8px;color:#87919e;margin-top:2px}.mmt-communication-table-wrap{overflow:auto}.mmt-communication-table{width:100%;border-collapse:collapse;min-width:700px}.mmt-communication-table th{height:42px;background:#f1f4f7;text-align:left;padding:0 12px;font-size:10px}.mmt-communication-table td{padding:11px 12px;border-bottom:1px solid #edf0f4;font-size:10px}.mmt-communication-table td:first-child strong,.mmt-communication-table td:first-child small{display:block}.mmt-communication-table td:first-child small{font-size:8px;color:#89939f;margin-top:2px}
@media(max-width:900px){.mmt-communication-grid{grid-template-columns:1fr}}@media(max-width:650px){.mmt-notification-head{align-items:flex-start;flex-direction:column}.mmt-notification-item{grid-template-columns:40px 1fr}.mmt-notification-actions{grid-column:2}.mmt-communication-two{grid-template-columns:1fr!important}.mmt-communication-head h1{font-size:26px}}

/* v5.2 — Leaderboard & Gamification */
.mmt-gamification-page{max-width:1120px;margin:28px auto;padding:0 18px}.mmt-gamification-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#163f6e,#2f79b1 62%,#3fb4c9);box-shadow:0 18px 40px rgba(28,74,113,.18);margin-bottom:15px;position:relative;overflow:hidden}.mmt-gamification-hero:after{content:"";position:absolute;right:-70px;bottom:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.20),transparent 68%);pointer-events:none}.mmt-gamification-hero>div:first-child{position:relative;z-index:1}.mmt-gamification-hero>div:first-child>span{font-size:10px;letter-spacing:.13em;font-weight:800;opacity:.82}.mmt-gamification-hero h1{font:700 30px/1.15 Manrope,Inter,sans-serif;margin:7px 0 6px}.mmt-gamification-hero p{margin:0;font-size:12px;opacity:.86}.mmt-gamification-rank{position:relative;z-index:1;min-width:130px;text-align:center;padding:14px;border-radius:14px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)}.mmt-gamification-rank small,.mmt-gamification-rank span{display:block;font-size:9px;opacity:.8}.mmt-gamification-rank strong{display:block;font:800 30px/1 Manrope,Inter,sans-serif;margin:5px 0}.mmt-gamification-stats{margin-bottom:14px}.mmt-gamification-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.mmt-gamification-card{padding:19px}.mmt-xp-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px}.mmt-xp-progress>div:first-child strong{font-size:17px;color:#285e8d}.mmt-xp-track{height:12px;background:#eaf0f5;border-radius:999px;overflow:hidden;margin:10px 0 7px}.mmt-xp-track>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f6fad,#41b5c9);box-shadow:0 2px 5px rgba(47,111,173,.18);transition:width .7s var(--mmt-m-ease)}.mmt-xp-progress small{font-size:9px;color:#88929f}.mmt-badge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mmt-achievement-badge{padding:11px;border:1px solid #e1e7ee;border-radius:11px;background:#fbfcfe;display:grid;grid-template-columns:30px 1fr;column-gap:7px;align-items:center}.mmt-achievement-badge>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:#fff4d9;color:#a57211;display:flex;align-items:center;justify-content:center}.mmt-achievement-badge>span .mmt-svg-icon{width:16px;height:16px}.mmt-achievement-badge strong{font-size:9px}.mmt-achievement-badge small{font-size:7px;color:#89939f}.mmt-leaderboard-card{padding:19px}.mmt-leaderboard-table-wrap{overflow:auto}.mmt-leaderboard-table{width:100%;border-collapse:collapse;min-width:650px}.mmt-leaderboard-table th{height:42px;background:#f1f4f7;text-align:left;padding:0 12px;font-size:10px}.mmt-leaderboard-table td{height:58px;padding:0 12px;border-bottom:1px solid #edf0f4;font-size:10px}.mmt-leaderboard-table tr.me{background:linear-gradient(90deg,#f4f9ff,#fff)}.mmt-rank-medal{display:inline-flex;width:28px;height:28px;border-radius:9px;align-items:center;justify-content:center;background:#f1f4f7;color:#65717d;font-weight:800}.mmt-rank-medal.rank-1{background:#fff0b8}.mmt-rank-medal.rank-2{background:#e9edf2}.mmt-rank-medal.rank-3{background:#f6dfcf}.mmt-leader-user{display:flex;align-items:center;gap:9px}.mmt-leader-user>span{width:30px;height:30px;border-radius:9px;background:#edf4fb;color:#2d6799;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.mmt-leader-user strong{font-size:10px}.mmt-leader-user em{font-style:normal;margin-left:6px;font-size:7px;padding:3px 5px;border-radius:999px;background:#e9f7ee;color:#277344}.mmt-leaderboard-table td strong{font-size:10px;color:#2d5f88}
@media(max-width:850px){.mmt-gamification-grid{grid-template-columns:1fr}.mmt-gamification-hero{align-items:flex-start;flex-direction:column}.mmt-gamification-rank{align-self:stretch;text-align:left}.mmt-gamification-rank strong{font-size:24px}}
@media(max-width:560px){.mmt-gamification-page{padding:0 12px}.mmt-gamification-hero{padding:22px}.mmt-gamification-hero h1{font-size:24px}.mmt-badge-grid{grid-template-columns:1fr}}