@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#008400;--dark:#002B00;--ink:#172317;--muted:#647064;--line:#e1e9e0;--surface:#f5f8f4;--white:#fff;--radius:18px;--shadow:0 12px 35px rgba(0,43,0,.07)}
*{box-sizing:border-box}body{margin:0;background:#fbfcfa;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.5}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.15;margin:0 0 12px}h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em}h2{font-size:1.55rem;letter-spacing:-.03em}h3{font-size:1.05rem}p{margin:0 0 12px}.hidden{display:none!important}.topbar{height:76px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1180px)/2));gap:20px}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--green);display:grid;place-items:center;font-family:Manrope;font-size:24px;font-weight:800}.brand strong,.brand small{display:block;line-height:1.1;letter-spacing:.09em}.brand small{font-size:10px;opacity:.75;margin-top:5px}.top-actions{display:flex;align-items:center;gap:12px}.user-label{font-size:.85rem;color:#e1eee0}.container{max-width:1180px;margin:0 auto;padding:34px 22px 70px;min-height:calc(100vh - 140px)}.auth-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;min-height:620px}.hero{padding:32px 0}.eyebrow{font-size:.72rem;letter-spacing:.16em;color:var(--green);font-weight:800}.hero h1{margin-top:18px}.hero h1 span{color:var(--green)}.hero p{font-size:1.1rem;color:var(--muted);max-width:510px;margin:20px 0 28px}.hero-tags{display:flex;flex-wrap:wrap;gap:9px}.hero-tags span{background:#edf5eb;border:1px solid #d9e9d5;border-radius:30px;padding:8px 12px;color:#285428;font-size:.82rem}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}.auth-panel{max-width:450px;width:100%;justify-self:end}.muted{color:var(--muted)}.small{font-size:.82rem}.auth-panel form{display:flex;flex-direction:column;gap:9px;margin-top:22px}label{font-size:.88rem;font-weight:700;margin-top:5px}input{font:inherit;border:1px solid #d7e1d5;border-radius:11px;padding:12px 13px;outline:none;background:white;width:100%;color:var(--ink)}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #00840018}.button{font:inherit;font-weight:700;border-radius:11px;padding:11px 16px;border:1px solid transparent;cursor:pointer;transition:.15s}.button:disabled{opacity:.55;cursor:wait}.button-primary{background:var(--green);color:white}.button-primary:hover{background:#006e00}.button-secondary{background:var(--dark);color:white}.button-outline{border-color:#cbdac9;background:white;color:var(--dark)}.button-outline:hover{background:#f0f6ef}.full{width:100%;margin-top:9px}.form-message{font-size:.85rem;min-height:20px;color:#9b3b22}.register-details{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.register-details summary{font-weight:700;cursor:pointer}.signup-form{margin-top:14px!important}.notice{border:1px solid #e4c76a;background:#fff9e4;padding:18px;border-radius:14px;margin-bottom:24px}.notice h2{font-size:1.15rem}.notice p{margin:0}.welcome-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0 28px}.welcome-row h1{font-size:2.4rem;margin-top:10px}.welcome-icon{height:82px;width:82px;border-radius:25px;background:#eaf5e7;color:var(--green);display:grid;place-items:center;font-size:2.7rem}.tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:30px;overflow-x:auto}.tab{border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 16px;font:inherit;font-weight:700;color:var(--muted);white-space:nowrap;cursor:pointer}.tab.active{border-bottom-color:var(--green);color:var(--dark)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading p{margin:0}.search-input{max-width:270px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter-chip{border:1px solid var(--line);border-radius:24px;padding:8px 13px;background:#fff;color:#526052;font:inherit;font-size:.85rem;cursor:pointer}.filter-chip.active{background:var(--dark);border-color:var(--dark);color:#fff}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 5px 20px rgba(0,43,0,.035)}.course-band{height:9px;background:linear-gradient(90deg,var(--dark),var(--green))}.course-content{padding:19px;display:flex;flex-direction:column;flex:1}.course-category{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--green)}.course-card h3{margin:9px 0}.course-card p{font-size:.9rem;color:var(--muted);flex:1}.course-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.78rem;margin:9px 0 16px}.course-actions{display:flex;gap:8px;flex-wrap:wrap}.course-actions .button{flex:1;font-size:.85rem;padding:10px}.status-pill{font-size:.75rem;border-radius:20px;padding:5px 9px;background:#edf5eb;color:#286128;display:inline-block;margin-top:6px;align-self:flex-start}.empty-state{text-align:center;color:var(--muted);padding:40px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 28px}.stat-card{border:1px solid var(--line);background:white;border-radius:15px;padding:18px}.stat-card span{font-size:.82rem;color:var(--muted);display:block}.stat-card strong{font-family:Manrope;font-size:2rem;display:block;margin-top:8px;letter-spacing:-.04em}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-list{display:flex;flex-direction:column;gap:14px}.report-row{display:grid;grid-template-columns:minmax(100px,1fr) 2fr auto;gap:12px;align-items:center;font-size:.84rem}.bar-track{height:8px;background:#eaf0e8;border-radius:9px;overflow:hidden}.bar-fill{height:100%;background:var(--green);border-radius:9px}.recent-item{border-bottom:1px solid var(--line);padding:12px 0;font-size:.88rem}.recent-item:last-child{border:0}.admin-note{margin-top:18px}.global-message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--dark);color:#fff;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow);max-width:calc(100% - 30px);z-index:20;display:none}.global-message.show{display:block}footer{border-top:1px solid var(--line);padding:22px max(22px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.78rem;background:white}
@media(max-width:850px){.auth-layout{grid-template-columns:1fr;gap:20px;min-height:auto}.hero{padding:25px 0 5px}.auth-panel{justify-self:stretch;max-width:none}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.container{padding-top:25px}.welcome-row h1{font-size:2rem}}
@media(max-width:560px){.topbar{height:68px;padding:0 16px}.user-label{display:none}.container{padding:20px 15px 50px}.hero h1{font-size:2.45rem}.hero p{font-size:1rem}.course-grid{grid-template-columns:1fr}.section-heading{align-items:stretch;flex-direction:column}.search-input{max-width:none}.welcome-icon{width:56px;height:56px;border-radius:18px;font-size:2rem}.tabs{margin-left:-3px;margin-right:-3px}.tab{padding:12px 11px;font-size:.9rem}.panel{padding:20px}.report-row{grid-template-columns:1fr auto}.bar-track{grid-column:1/-1;grid-row:2}footer{padding:18px 16px;flex-direction:column}}