:root{--green:#0b5f46;--green2:#0a3f32;--mint:#eaf5ef;--gold:#efc14d;--ink:#11251f;--muted:#6b7d76;--line:#dbe7e1;--bg:#f6faf8;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}.auth-shell{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.05fr .95fr}.auth-brand{background:linear-gradient(145deg,#0a3f32,#0b5f46 60%,#b99a2e);color:white;padding:64px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-brand:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-150px;bottom:-150px}.auth-brand .logo-line{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.auth-brand .logo-line img{width:62px;height:62px;object-fit:contain;background:#fff;border-radius:16px;padding:6px}.auth-brand h1{font-size:48px;line-height:1.06;margin:36px 0 16px;max-width:620px}.auth-brand p{font-size:18px;line-height:1.65;max-width:560px;color:#dfece7}.auth-points{display:grid;gap:14px;margin-top:30px}.auth-points span{display:flex;align-items:center;gap:12px;color:#edf7f2}.auth-points i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14)}.auth-form-wrap{display:grid;place-items:center;padding:54px 32px}.auth-card{width:min(520px,100%);background:white;border:1px solid var(--line);border-radius:26px;padding:38px;box-shadow:0 20px 60px rgba(20,60,45,.08)}.auth-card h2{font-size:32px;margin:0 0 8px}.auth-card>p{margin:0 0 26px;color:var(--muted)}.field{display:grid;gap:8px;margin:16px 0}.field label{font-weight:700;font-size:14px}.field input{width:100%;height:50px;border:1px solid #cfded7;border-radius:12px;padding:0 14px;font:inherit;background:#fff;outline:none}.field input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(11,95,70,.08)}.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.check{display:flex;gap:8px;align-items:center}.auth-submit{width:100%;height:52px;border:0;border-radius:12px;background:var(--gold);color:#1a2a24;font-weight:800;font-size:16px;cursor:pointer;margin-top:20px}.auth-switch{text-align:center;margin-top:20px;color:var(--muted)}.auth-switch a{color:var(--green);font-weight:800}.auth-note{font-size:12px;color:#82918b;margin-top:16px;line-height:1.5}.dash-wrap{background:#f5f8f6;min-height:calc(100vh - 84px)}.dash-hero{background:linear-gradient(135deg,#0a3f32,#0b5f46);color:white;padding:34px 0}.dash-hero .container{display:flex;justify-content:space-between;align-items:center;gap:24px}.dash-hero h1{margin:0 0 8px;font-size:34px}.dash-hero p{margin:0;color:#d8e9e2}.student-chip{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);padding:10px 14px;border-radius:14px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e4c463,#fff0b5);color:#173b2f;font-weight:900}.dashboard{padding:32px 0 56px}.dash-grid{display:grid;grid-template-columns:240px 1fr;gap:26px}.dash-menu{background:white;border:1px solid var(--line);border-radius:18px;padding:12px;height:max-content}.dash-menu a{display:flex;gap:10px;padding:13px 12px;border-radius:10px;color:#455a52;font-weight:700;margin:4px 0}.dash-menu a.active,.dash-menu a:hover{background:var(--mint);color:var(--green)}.dash-content{min-width:0}.dash-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.dash-section-head h2{margin:0;font-size:28px}.dash-section-head a{color:var(--green);font-weight:800}.course-progress-card{display:grid;grid-template-columns:210px 1fr auto;gap:20px;align-items:center;background:white;border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:18px}.course-thumb{height:126px;border-radius:15px;background:linear-gradient(135deg,#083f32,#0d7656 75%,#d4b23f);display:flex;align-items:flex-end;padding:16px;color:#fff;font-weight:800;position:relative;overflow:hidden}.course-thumb:after{content:"GHA";position:absolute;right:14px;top:12px;font-weight:900;font-size:28px;opacity:.18}.course-progress-card h3{margin:0 0 8px;font-size:21px}.course-progress-card p{margin:0;color:var(--muted);font-size:14px}.bar{height:9px;background:#e9efec;border-radius:99px;overflow:hidden;margin:16px 0 7px}.bar i{display:block;height:100%;width:38%;background:var(--green);border-radius:inherit}.progress-meta{display:flex;justify-content:space-between;color:#6c7b75;font-size:13px}.continue-btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 18px;background:var(--green);color:#fff;border-radius:10px;font-weight:800;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.metric{background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.metric strong{font-size:28px;color:var(--green)}.metric span{display:block;color:var(--muted);margin-top:6px}.empty-card{background:white;border:1px dashed #c9d8d1;border-radius:18px;padding:26px;text-align:center;color:var(--muted)}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand{padding:36px;min-height:360px}.auth-brand h1{font-size:38px}.dash-grid{grid-template-columns:1fr}.dash-menu{display:flex;overflow:auto}.dash-menu a{white-space:nowrap}.course-progress-card{grid-template-columns:1fr}.course-thumb{height:170px}.metric-grid{grid-template-columns:1fr}.dash-hero .container{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.auth-form-wrap{padding:26px 16px}.auth-card{padding:24px}.auth-brand{padding:28px 20px}.auth-brand h1{font-size:31px}.course-progress-card{padding:12px}}