:root{--brand:#087f7b;--brand2:#0aa19a;--ink:#253238;--muted:#6a7a7e;--line:#dce5e6;--bg:#f5f8f8;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,"Traditional Arabic",sans-serif;background:var(--bg);color:var(--ink);line-height:1.75}.wrap{width:min(1120px,calc(100% - 28px));margin:auto}.site-header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.header-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}.brand img{width:78px;height:52px;object-fit:contain}.brand strong{display:block;font-size:20px;color:var(--brand)}.brand small{display:block;color:var(--muted)}nav{display:flex;gap:15px}nav a{color:var(--brand);text-decoration:none}.main{padding:34px 0 60px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 8px 30px rgba(27,59,61,.06);margin-bottom:20px}.hero{text-align:center;margin-bottom:24px}.hero h1,.hero h2{margin:6px 0;color:var(--brand)}.eyebrow{display:inline-block;background:#eaf6f5;color:#087f7b;padding:4px 10px;border-radius:999px;font-size:13px}.form-row{max-width:620px;margin:auto}.label{display:block;font-weight:bold;margin-bottom:6px}.input,.select,.textarea{width:100%;border:1px solid #bdcccc;border-radius:10px;padding:12px 13px;font:inherit;background:white}.textarea{min-height:180px;resize:vertical}.btn{display:inline-block;border:0;border-radius:10px;padding:11px 18px;font:inherit;font-weight:bold;cursor:pointer;text-decoration:none;text-align:center}.btn-primary{background:var(--brand);color:white}.btn-light{background:#eef5f5;color:var(--brand)}.btn-danger{background:#fee4e2;color:#b42318}.btn-block{width:100%}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px}.alert-error{background:#fef3f2;color:#b42318}.alert-info{background:#eff8ff;color:#175cd3}.alert-ok{background:#ecfdf3;color:#067647}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.identity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.item{border:1px solid var(--line);border-radius:10px;padding:11px}.k{color:var(--muted);font-size:13px}.v{font-weight:bold}.course-list{display:grid;gap:12px}.course-card{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--line);border-radius:14px;padding:16px}.course-card h3{margin:0;color:var(--brand)}.status{font-size:13px;padding:4px 9px;border-radius:999px}.status.done{background:#ecfdf3;color:#067647}.status.pending{background:#fff7ed;color:#b54708}.grades{width:100%;border-collapse:collapse;margin:18px 0}.grades th{background:var(--brand);color:white}.grades td,.grades th{border:1px solid #d5e0e1;padding:9px;text-align:center}.declaration{background:#f8fbfb;border:1px solid #b7d8d6;border-right:5px solid var(--brand);padding:18px;border-radius:10px;text-align:justify}.fineprint,.hint{font-size:13px;color:var(--muted);margin-top:9px}.footer{text-align:center;color:#839195;padding:25px}.admin-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.admin-nav a{padding:8px 12px;background:white;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--brand)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{background:white;border:1px solid var(--line);border-radius:14px;padding:18px}.kpi b{font-size:28px;color:var(--brand);display:block}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:right;white-space:nowrap}.table th{background:#f1f6f6}.actions{display:flex;gap:6px;flex-wrap:wrap}.ltr{direction:ltr;text-align:left}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.section-title{color:var(--brand);margin:20px 0 8px}.code{direction:ltr;background:#f6f8fa;border:1px solid var(--line);padding:10px;border-radius:8px;font-family:monospace}@media(max-width:760px){.grid,.identity,.two,.three,.kpis{grid-template-columns:1fr}.course-card{display:block}.course-card .btn{margin-top:10px;width:100%}.brand small{display:none}.card{padding:18px}}