:root{--forest:#194c46;--dark:#123a36;--coral:#e66a3c;--cream:#f6f1e7;--ink:#24332f;--muted:#65716d;--red:#a42c25;--green:#16714c;--border:#dce2df}
*{box-sizing:border-box}body{margin:0;background:#f6f7f5;color:var(--ink);font:17px/1.55 Arial,sans-serif}a{color:var(--forest)}button,input,textarea,select{font:inherit}:focus-visible{outline:4px solid #ffc400;outline-offset:2px}.topbar{background:var(--dark);color:#fff}.topbar-inner{width:min(1180px,calc(100% - 34px));min-height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.2rem;font-weight:800;text-decoration:none;color:#fff}.brand b{display:inline-grid;place-items:center;width:46px;height:46px;margin-right:9px;border-radius:14px 14px 14px 5px;background:var(--coral)}.user-nav{display:flex;align-items:center;gap:15px}.user-nav a{color:#fff}.user-nav form{margin:0}.link-button{padding:0;border:0;background:transparent;color:#fff;text-decoration:underline;cursor:pointer}.layout{width:min(1180px,calc(100% - 34px));margin:32px auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}.side{align-self:start;position:sticky;top:20px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:14px}.side a{display:block;padding:11px 12px;border-radius:8px;text-decoration:none;font-weight:700}.side a:hover,.side a.current{background:var(--cream);color:var(--coral)}main{min-width:0}.page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.page-head h1{margin:0;color:var(--forest);font:700 clamp(2rem,5vw,3rem)/1.1 Georgia,serif}.page-head p{margin:7px 0 0;color:var(--muted)}.panel{padding:25px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 5px 20px rgba(25,76,70,.05);margin-bottom:22px}.panel h2{margin-top:0;color:var(--forest)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.stat{padding:22px;border-radius:14px;background:var(--forest);color:#fff}.stat strong{display:block;font-size:2rem}.stat span{color:#d9e7e2}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:2px solid var(--coral);border-radius:8px;background:var(--coral);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.button:hover{background:#b94823;border-color:#b94823}.button.secondary{background:#fff;color:var(--forest);border-color:var(--forest)}.button.danger{background:#fff;color:var(--red);border-color:var(--red)}label{display:block;margin:13px 0 5px;font-weight:700}input,textarea,select{width:100%;padding:11px;border:2px solid #aab5b1;border-radius:8px;background:#fff}textarea{min-height:120px}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--forest);font-size:.86rem;text-transform:uppercase}.badge{display:inline-block;padding:3px 9px;border-radius:99px;background:var(--cream);font-size:.8rem;font-weight:700}.badge.green{background:#dbf1e6;color:var(--green)}.badge.red{background:#f7ddda;color:var(--red)}.flash{padding:14px 18px;margin-bottom:20px;border-radius:10px;font-weight:700}.flash.success{background:#dbf1e6;color:#12583d}.flash.error{background:#f7ddda;color:#85251f}.login-shell{width:min(520px,calc(100% - 30px));margin:60px auto}.login-shell .brand{display:block;color:var(--forest);margin-bottom:20px}.course-card{display:flex;flex-direction:column}.course-card h2{margin-bottom:5px}.meta{color:var(--muted);margin:0 0 14px}.course-card .actions{margin-top:auto}.empty{padding:35px;text-align:center;color:var(--muted)}.hint{padding:14px;border-left:5px solid var(--coral);background:var(--cream)}
@media(max-width:800px){.layout{grid-template-columns:1fr;margin-top:18px}.side{position:static;display:flex;overflow:auto;padding:8px}.side a{white-space:nowrap}.stats,.grid,.form-grid{grid-template-columns:1fr}.page-head{align-items:start;flex-direction:column}.topbar-inner{min-height:64px}.user-nav span{display:none}}

.login-shell hr{border:0;border-top:1px solid var(--border);margin:28px 0}.login-shell small{display:block;color:var(--muted);margin-top:4px}.login-shell .check{margin:20px 0}.trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Clearly styled administration header actions */
.user-nav{gap:10px}.user-chip,.portal-link,.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 13px;border-radius:9px;font-size:.88rem;font-weight:800;white-space:nowrap}.user-chip{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18)}.user-chip>span{color:#82d2b1}.portal-link{background:#fff;color:var(--forest)!important;border:2px solid #fff;text-decoration:none}.portal-link:hover{background:var(--cream)}.logout-button{border:2px solid #f5a587;background:transparent;color:#fff;cursor:pointer}.logout-button:hover{background:var(--coral);border-color:var(--coral)}.user-nav form{display:flex}
@media(max-width:800px){.topbar-inner{padding:10px 0;align-items:flex-start}.user-nav{margin-left:auto}.user-chip{display:none}.portal-link,.logout-button{min-height:40px;padding:6px 10px;font-size:.8rem}.user-nav .portal-link span,.user-nav .logout-button span{display:inline}.topbar .brand{font-size:0}.topbar .brand b{margin:0;font-size:1rem}}
@media(max-width:420px){.topbar-inner{width:min(100% - 20px,1180px)}.portal-link,.logout-button{padding:5px 8px}.portal-link{font-size:0}.portal-link span{font-size:1rem!important}.logout-button{font-size:.76rem}}