:root{--bg:#f6f1e8;--surface:#fffbf5e0;--surface-strong:#fffdf9;--line:#382f221f;--text:#1c1b1a;--text-soft:#655e54;--primary:#0f766e;--primary-strong:#115e59;--danger:#c2410c;--danger-soft:#c2410c1f;--success:#15803d;--success-soft:#15803d1f;--shadow-soft:0 18px 40px #422d1214;--shadow-card:0 18px 34px #23272a14;--radius-lg:24px;--radius-md:18px;--radius-sm:12px}*{box-sizing:border-box}html{font-size:16px}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #0f766e1f, transparent 26%), radial-gradient(circle at top right, #c77b3029, transparent 20%), linear-gradient(180deg, #fbf8f3 0%, var(--bg) 56%, #f0e7da 100%);margin:0;font-family:Segoe UI Variable,Segoe UI,Trebuchet MS,sans-serif}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#f8fffd;letter-spacing:.01em;border:0;border-radius:999px;padding:.8rem 1.2rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 10px 24px #115e5938}button:hover:not(:disabled){filter:saturate(1.06);transform:translateY(-1px);box-shadow:0 14px 26px #115e5942}button:disabled{cursor:wait;opacity:.7;box-shadow:none}input,textarea,select{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffffeb;outline:none;padding:.9rem 1rem;transition:border-color .18s,box-shadow .18s,background-color .18s}textarea{resize:vertical;min-height:120px}input:focus,textarea:focus,select:focus{background:#fff;border-color:#0f766e73;box-shadow:0 0 0 4px #0f766e1f}label{color:#3f392f;margin-bottom:.45rem;font-size:.95rem;font-weight:700;display:block}h1,h2,h3{letter-spacing:-.02em;margin-top:0;font-family:Georgia,Times New Roman,serif}h3{margin-bottom:1rem}p{line-height:1.65}.app-shell{min-height:100vh}.app-body{align-items:stretch;display:flex}.app-main{flex:1;min-width:0;padding:2rem}.topbar{z-index:20;color:#f8fafc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#152b38f5,#203f4ff5);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1.25rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.topbar__brand{flex-direction:column;gap:.15rem;display:flex}.topbar__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#ecfdf5b8;margin:0;font-size:.72rem}.topbar__title{color:#fff;margin:0;font-size:clamp(1.4rem,1rem + 1vw,2rem)}.topbar__actions{align-items:center;gap:.9rem;display:flex}.topbar__user{background:#ffffff14;border-radius:999px;align-items:center;gap:.7rem;padding:.45rem .8rem;display:flex}.topbar__name{font-weight:600}.sidebar{color:#e2f3ef;background:linear-gradient(#14343ef5,#1c3f49fa);border-right:1px solid #ffffff14;width:250px;padding:1.4rem 1rem}.sidebar__nav{flex-direction:column;gap:.55rem;display:flex;position:sticky;top:5.6rem}.sidebar__link{color:#f0fdfae0;border:1px solid #0000;border-radius:1rem;padding:.9rem 1rem;font-weight:600;transition:transform .18s,background-color .18s,border-color .18s;display:block}.sidebar__link:hover{background:#ffffff14;border-color:#ffffff0f;transform:translate(2px)}.sidebar__link.is-active{color:#fff;background:linear-gradient(135deg,#0f766e8c,#0b5d57c7);border-color:#a3e6d747}.page-title{color:#26211c;margin:0 0 1.35rem;font-size:clamp(2rem,1.6rem + 1vw,2.8rem)}.section-title{margin-bottom:1rem;font-size:1.5rem}.section-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff8c;padding:1.5rem}.section-card--spaced{margin-bottom:1.5rem}.grid{gap:1.25rem;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:linear-gradient(#ffffffdb,#fffaf4f0),linear-gradient(135deg,#0f766e0f,#c77b301a);border:1px solid #ffffff80;padding:1.4rem;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-3px);box-shadow:0 24px 38px #23272a1f}.metric-card:after{content:"";background:radial-gradient(circle,#0f766e1f,#0000 68%);border-radius:999px;width:6rem;height:6rem;position:absolute;inset:auto -2rem -2rem auto}.metric-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin-bottom:.65rem;font-size:.86rem;font-weight:700}.metric-value{font-size:clamp(2rem,1.5rem + 1vw,2.6rem);font-weight:800;line-height:1.15}.metric-value--compact{font-size:clamp(1.4rem,1.1rem + .8vw,1.9rem)}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.72rem;font-weight:800;display:inline-flex}.badge-admin{color:#0f766e;background:#0e74901f}.badge-student{color:#b45309;background:#f59e0b24}.badge-draft{color:#475569;background:#64748b24}.badge-published,.badge-active{background:var(--success-soft);color:var(--success)}.badge-inactive{background:var(--danger-soft);color:var(--danger)}.form-group{margin-bottom:1rem}.form-actions{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1rem;display:flex}.checkbox-field{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;align-items:center;gap:.55rem;margin-bottom:0;padding:.55rem .9rem;display:inline-flex}.checkbox-input{width:auto;accent-color:var(--primary);margin:0}.table-wrapper{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff85;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:1rem 1.1rem}.table th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);background:#f6f1e8f0;font-size:.82rem;font-weight:800}.table tbody tr:hover{background:#ffffff73}.course-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.3rem;display:grid}.course-card{border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:var(--shadow-card);border:1px solid #ffffff8c;transition:transform .18s,box-shadow .18s;overflow:hidden}.course-card:hover{transform:translateY(-4px);box-shadow:0 24px 36px #1f293724}.course-card img{object-fit:cover;width:100%;height:190px}.course-card-body{padding:1.2rem}.course-card h3{margin-bottom:.65rem;font-size:1.35rem}.course-card p{color:#4e4a44;margin:0 0 1rem}.course-meta{color:var(--text-soft);margin-bottom:.55rem;font-size:.94rem}.course-status-row{margin-top:.9rem}.course-actions{margin-top:1rem}.course-actions a,.back-link{color:var(--primary-strong);align-items:center;gap:.45rem;font-weight:700;display:inline-flex}.course-actions a:after{content:"→";transition:transform .18s}.back-link:before{content:"←"}.course-actions a:hover:after{transform:translate(3px)}.auth-wrapper{background:radial-gradient(circle at 20% 15%,#0f766e33,#0000 26%),radial-gradient(circle at 80% 20%,#c77b3038,#0000 24%),linear-gradient(145deg,#f6ede1,#e7f1ef 52%,#fbf8f2);place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.auth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9e6;border:1px solid #ffffffb3;border-radius:2rem;width:min(100%,460px);padding:2rem;box-shadow:0 28px 60px #36271024}.auth-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--primary);margin:0 0 .35rem;font-size:.8rem;font-weight:800}.auth-card h1{margin-bottom:.5rem;font-size:clamp(2rem,1.7rem + .8vw,2.6rem)}.auth-subtitle{color:var(--text-soft);margin:0 0 1.5rem}.detail-shell{gap:1.25rem;display:grid}.detail-hero{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#fffbf5e0,#e9f4f1eb);border:1px solid #ffffff8c;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.6rem;display:flex}.detail-description{color:#4c483f;max-width:65ch;margin:0}.detail-meta{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.lesson-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.lesson-item{border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffb8;padding:1.1rem 1.15rem}.lesson-item p{color:#4d4a45;margin:.55rem 0 1rem}.lesson-item__header{font-size:1.05rem}.action-group{flex-wrap:wrap;gap:.6rem;display:flex}.text-danger,.text-success{border-radius:1rem;margin-top:1rem;padding:.7rem .95rem;font-weight:600;display:inline-flex}.text-danger{color:var(--danger);background:var(--danger-soft)}.text-success{color:var(--success);background:var(--success-soft)}.text-muted{color:var(--text-soft)}@media (width<=1024px){.app-body{flex-direction:column}.sidebar{border-bottom:1px solid #ffffff14;border-right:0;width:100%;padding:1rem 1rem 0}.sidebar__nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem;margin-bottom:1rem;display:grid;position:static}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero{flex-direction:column}.detail-meta{justify-content:flex-start}}@media (width<=768px){.topbar{flex-direction:column;align-items:flex-start;padding:1rem}.topbar__actions{flex-wrap:wrap;justify-content:space-between;width:100%}.topbar__user{flex-wrap:wrap}.app-main{padding:1.2rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.auth-card,.section-card,.table-wrapper,.detail-hero{border-radius:1.4rem}.table th,.table td{padding:.85rem .9rem}}