:root{--bg:#f4f7fb;--panel:#fff;--text:#132033;--muted:#66758a;--line:#dfe7f1;--brand:#0f3d68;--brand2:#145ea0;--soft:#eef5fc;--danger:#b42318;--ok:#067647;--warn:#b54708;--shadow:0 12px 30px rgba(15,61,104,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0f3d68,#f4f7fb 62%)}.login-card{width:100%;max-width:430px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.login-brand{font-weight:800;font-size:25px;color:var(--brand);margin-bottom:6px}.login-card label,.form label{display:block;margin:14px 0 6px;font-weight:700;font-size:13px}.input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#fff;color:var(--text);font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer;background:var(--brand);color:#fff}.btn:hover{background:var(--brand2)}.btn.secondary{background:#fff;color:var(--brand);border:1px solid var(--line)}.btn.danger{background:var(--danger)}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;background:#0b2742;color:#dbeafe;padding:18px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-weight:900;font-size:19px;margin-bottom:4px}.brand-sub{font-size:12px;color:#9fb7cf;margin-bottom:18px}.nav-group{margin:18px 0 8px;color:#8fb0cf;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.nav a{display:block;padding:10px 12px;border-radius:11px;color:#e9f3ff;margin:3px 0;font-weight:700}.nav a.active,.nav a:hover{background:rgba(255,255,255,.1)}.content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:15px 24px;display:flex;align-items:center;justify-content:space-between}.main{padding:24px;max-width:1360px}.page-title{font-size:27px;margin:0 0 5px}.page-subtitle{margin:0 0 22px;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px;margin-bottom:18px}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{padding:18px;border:1px solid var(--line);background:#fff;border-radius:16px}.metric .num{font-size:28px;font-weight:900;color:var(--brand)}.metric .label{color:var(--muted);font-weight:700}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}.badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--soft);font-size:12px;font-weight:800;color:var(--brand)}.badge.ok{background:#ecfdf3;color:var(--ok)}.badge.warn{background:#fffaeb;color:var(--warn)}.badge.danger{background:#fef3f2;color:var(--danger)}.actions{display:flex;gap:8px;flex-wrap:wrap}.alert{border:1px solid var(--line);border-radius:14px;padding:13px 15px;background:#fff}.alert.info{background:#eef5fc}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-actions{margin-top:18px;display:flex;gap:10px}.site-header{background:#fff;border-bottom:1px solid var(--line);padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.site-hero{padding:70px 24px;background:linear-gradient(135deg,#0f3d68,#145ea0);color:#fff}.site-wrap{max-width:1120px;margin:0 auto}.course-card{background:#fff;color:var(--text);border-radius:20px;border:1px solid var(--line);padding:22px;box-shadow:var(--shadow)}@media(max-width:900px){.app-shell{display:block}.sidebar{position:relative;width:auto;height:auto}.grid.cols-2,.grid.cols-3,.form-row{grid-template-columns:1fr}.main{padding:16px}}
.muted{color:var(--muted)}.mini{font-size:12px;color:var(--muted)}.page-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.form-row.three{grid-template-columns:2fr 1fr auto}.filter-actions{display:flex;align-items:flex-end;gap:8px}.table-card{padding:0;overflow:hidden}.table-headline{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.table-headline span{color:var(--muted);font-size:13px}.success-box{background:#ecfdf3;border-color:#bbf7d0;color:#067647}.danger-box{background:#fef3f2;border-color:#fecaca;color:#b42318}.big-state{font-size:34px;font-weight:900;margin:10px 0;color:var(--brand)}.inline-review{display:grid;grid-template-columns:135px minmax(220px,1fr) auto;gap:8px;margin-top:10px;align-items:center}.timeline{display:grid;gap:10px}.timeline-item{border-left:3px solid var(--brand);padding:8px 0 8px 12px;background:#fff}.compact-form{padding:16px}.badge.danger{background:#fef3f2;color:var(--danger)}@media(max-width:1100px){.form-row.three,.inline-review{grid-template-columns:1fr}.filter-actions{align-items:center}.table{font-size:14px}.page-toolbar{display:block}}
.section-title{font-size:16px;margin:0 0 14px;color:var(--brand);font-weight:900}.detail-list{display:grid;gap:10px;margin:0}.detail-list div{display:grid;grid-template-columns:170px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.detail-list dt{font-weight:900;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.detail-list dd{margin:0}.material-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.material-summary div{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.material-summary strong{display:block;font-size:24px;color:var(--brand)}.material-summary span{color:var(--muted);font-weight:700;font-size:13px}.course-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.course-info-grid section{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px}.course-info-grid section h3{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 8px}.course-info-grid section p{margin:0;line-height:1.5}.course-info-grid .span-2{grid-column:span 2}.process-list{display:grid;gap:10px;margin-top:14px}.process-list div{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px}@media(max-width:900px){.detail-list div,.course-info-grid{grid-template-columns:1fr}.course-info-grid .span-2{grid-column:auto}.material-summary{grid-template-columns:1fr}}
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.muted{color:#66758a}.section-title{font-size:15px;margin:22px 0 12px;color:#0f1f35}.compact-filter{margin-bottom:16px}.table-card h2,.detail-card h2{font-size:17px;margin:0 0 14px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail-grid div{padding:12px;border:1px solid #e1e7ef;border-radius:14px;background:#f8fafc}.detail-grid span{display:block;font-size:12px;color:#66758a;margin-bottom:4px}.detail-grid strong{font-size:14px}.checkline{display:flex;align-items:center;gap:8px;margin-top:8px;font-weight:700}.alert.danger{background:#fff1f1;border:1px solid #ffc9c9;color:#b42318;padding:12px;border-radius:14px;margin-bottom:12px}@media(max-width:900px){.page-head{display:block}.detail-grid{grid-template-columns:1fr}.actions{margin-top:10px}}