@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Roboto+Slab:wght@700;800&display=swap');
:root{--green:#183b12;--deep:#10290c;--olive:#718640;--gold:#d99a16;--cream:#f5f1e8;--ink:#203020;--muted:#687268;--line:#dfe3da;--white:#fff;--danger:#a32f2f}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}.eyebrow{margin:0 0 8px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#10290cf2,#183b12de),url('banner-ena-alta.png') center/cover}.login-card{width:min(460px,100%);padding:42px;border-radius:14px;background:#fff;box-shadow:0 24px 70px #07120466}.login-card>img{width:86px;height:86px;object-fit:cover;border-radius:50%;margin-bottom:24px}.login-card h1{margin:0;color:var(--green);font:800 36px/1.1 'Roboto Slab',serif}.intro{color:var(--muted);line-height:1.6}.login-form{display:grid;gap:18px;margin-top:28px}.login-form label,.course-form label,.security-panel label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#425143}.login-form input,.course-form input,.course-form select,.course-form textarea,.security-panel input{width:100%;border:1px solid var(--line);border-radius:7px;background:#fff;padding:12px 13px;color:var(--ink);outline:none}.login-form input:focus,.course-form input:focus,.course-form select:focus,.course-form textarea:focus,.security-panel input:focus{border-color:var(--olive);box-shadow:0 0 0 3px #71864020}.login-form button,.course-form button,.security-panel button{border:0;border-radius:7px;background:var(--green);color:#fff;padding:13px 18px;font-weight:800;cursor:pointer}.back-link{display:inline-block;margin-top:24px;color:var(--muted);font-size:12px;text-decoration:none}
.admin-head{min-height:82px;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--deep);color:#fff}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand img{width:52px;height:52px;object-fit:cover;border-radius:50%}.brand span{display:grid}.brand b{font:800 19px 'Roboto Slab',serif}.brand small{color:#becbb9;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.head-actions{display:flex;align-items:center;gap:18px;font-size:12px;font-weight:700}.head-actions a{text-decoration:none}.head-actions form{margin:0}.ghost{border:1px solid #ffffff55;border-radius:6px;background:transparent;color:#fff;padding:10px 14px;cursor:pointer}
.admin-main{width:min(1480px,92%);margin:0 auto;padding:54px 0 80px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}.page-title h1{margin:0;color:var(--green);font:800 clamp(36px,5vw,58px)/1.05 'Roboto Slab',serif}.page-title>div>p:last-child{color:var(--muted)}.stats{display:flex;gap:10px}.stats div{min-width:100px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:center}.stats b{display:block;color:var(--green);font:800 28px 'Roboto Slab',serif}.stats span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.notice{margin:0 0 22px;padding:14px 17px;border-radius:8px;background:#e8f3e5;color:#285124;font-size:13px}.notice.error{background:#f8e7e5;color:#7c2626}.notice ul{margin:8px 0 0;padding-left:20px}
.admin-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);gap:24px;align-items:start}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 26px #1935130b}.editor{padding:28px}.list-panel{overflow:hidden}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.panel-title h2{margin:0;color:var(--green);font:800 27px 'Roboto Slab',serif}.panel-title>a{color:var(--olive);font-size:12px;font-weight:800;text-decoration:none}.course-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.course-form .wide{grid-column:1/-1}.course-form textarea{resize:vertical;min-height:110px}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:17px;padding-top:4px}.form-actions span{color:var(--muted);font-size:11px;line-height:1.5}
.list-panel>.panel-title{padding:28px 28px 0}.course-list{max-height:760px;overflow:auto}.course-list article{padding:21px 28px;border-top:1px solid var(--line)}.course-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.course-row-head time{color:var(--muted);font-size:11px;font-weight:700}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status.published{background:#e3f1df;color:#2d6327}.status.draft{background:#eeeae2;color:#6a655d}.course-list h3{margin:12px 0 7px;color:var(--green);font:800 18px/1.25 'Roboto Slab',serif}.course-list article>p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.row-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:15px}.row-actions a,.link-button{border:0;background:none;padding:0;color:var(--olive);font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}.link-button.danger{color:var(--danger)}.row-actions form{margin:0}.empty{padding:50px 28px;text-align:center;color:var(--muted)}.empty b{color:var(--green);font:800 20px 'Roboto Slab',serif}.empty p{font-size:12px;line-height:1.6}
.security-panel{margin-top:24px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:20px 24px}.security-panel summary{cursor:pointer;color:var(--green);font-weight:800}.security-panel form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:end;margin-top:20px}.security-panel button{height:43px}.success{background:#e8f3e5;color:#285124}
@media(max-width:1050px){.admin-layout{grid-template-columns:1fr}.course-list{max-height:none}.security-panel form{grid-template-columns:1fr 1fr}.security-panel button{width:max-content}}
@media(max-width:720px){.admin-head{align-items:flex-start}.head-actions{align-items:flex-end;flex-direction:column;gap:10px}.page-title{display:block}.stats{margin-top:24px}.stats div{min-width:0;flex:1}.course-form{grid-template-columns:1fr}.course-form .wide{grid-column:auto}.form-actions{grid-column:auto;align-items:flex-start;flex-direction:column}.security-panel form{grid-template-columns:1fr}.login-card{padding:30px}.admin-main{width:90%;padding-top:38px}}