:root{--bg:#f2f5f9;--card:#ffffff;--ink:#1a2835;--muted:#5a687a;--line:#dbe4ef;--brand:#0f5b94;--brand-2:#1f8f5f;--warn:#b26d00;--danger:#9b1c1c;--radius:14px}*{box-sizing:border-box}body,html{margin:0;font-family:Segoe UI,Inter,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#d9ecff 0,transparent 48%),radial-gradient(circle at top right,#e4f8ed 0,transparent 40%),var(--bg);min-height:100%}a{color:inherit}.page-wrap{max-width:1120px;margin:0 auto;padding:1rem}.top-nav{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.title-block h1{margin:0;font-size:1.3rem}.title-block p{margin:.2rem 0 0;color:var(--muted);font-size:.9rem}.nav-links{display:flex;gap:.5rem;align-items:center}.nav-links a,button,input,select,textarea{border-radius:10px}.nav-links a,button{border:1px solid var(--line);background:var(--card);padding:.45rem .75rem;text-decoration:none;cursor:pointer}.primary-btn{background:var(--brand)}.primary-btn,.warning-btn{border-color:transparent;color:#fff}.warning-btn{background:var(--warn)}.danger-btn{border-color:transparent;background:var(--danger);color:#fff}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:1rem;gap:1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:0 8px 20px rgba(18,42,66,.07)}.kpis{grid-column:span 12;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.7rem;gap:.7rem}.kpi h3{margin:0;font-size:.85rem;color:var(--muted)}.kpi p{margin:.5rem 0 0;font-size:1.5rem;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.55rem;border-bottom:1px solid var(--line);font-size:.9rem}th{color:var(--muted);font-size:.8rem}form{display:grid;grid-gap:.5rem;gap:.5rem}input,select,textarea{border:1px solid var(--line);background:#fff;padding:.5rem;font:inherit}.section-title{margin:0 0 .65rem;font-size:1rem}.admin-area,.teacher-area{grid-column:span 12}@media (min-width:900px){.teacher-left{grid-column:span 7}.teacher-right{grid-column:span 5}.admin-left,.admin-right{grid-column:span 6}}@media (max-width:899px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-left,.admin-right,.teacher-left,.teacher-right{grid-column:span 12}}