:root{--ink:#12194A;--blue:#2F47A1;--gold:#F0C419;--bg:#f3f5fb;--tx:#1c2140;--mut:#6b7194}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.5 Figtree,Arial,sans-serif;color:var(--tx)}a{color:var(--blue);text-decoration:none}
h1,h2,h3{font-family:Fraunces,Georgia,serif;color:var(--ink);margin:0 0 .4em}.wrap{max-width:1120px;margin:0 auto;padding:0 18px}
.ph{background:var(--ink);color:#fff;position:sticky;top:0;z-index:20}.ph>.wrap:first-child{display:flex;justify-content:space-between;align-items:center;padding-top:10px;padding-bottom:6px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;color:#fff}.brand img{height:42px}.brand b{display:block;font:600 17px Fraunces,serif;line-height:1.1}.brand small{color:var(--gold);font-size:12px}
.who{display:flex;align-items:center;gap:12px}.who span{text-align:right}.who b{display:block;font-size:14px}.who small{color:#aab2dc;font-size:12px}.out{background:#ffffff1a;color:#fff;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.out:hover{background:var(--gold);color:var(--ink)}
.tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:0}.tabs a{color:#cfd5f2;padding:.65rem 1rem;font-weight:600;font-size:14px;border-bottom:3px solid transparent;white-space:nowrap}.tabs a:hover{color:#fff}.tabs a.on{color:#fff;border-color:var(--gold)}.tabs .site{margin-left:auto}
main{padding-top:24px;padding-bottom:40px;min-height:70vh}
.alert{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-weight:500}.alert.ok{background:#e3f6ea;border:1px solid #2e9e5b;color:#1b6e3d}.alert.err{background:#fde8e8;border:1px solid #d64545;color:#a02828}
.card{background:#fff;border:1px solid #e3e7f5;border-radius:16px;padding:22px;margin-bottom:20px}.card h3{font-size:1.15rem;margin-bottom:14px}.card.flat{padding:0;overflow:hidden}.card.flat>h3{padding:18px 22px 0}
.grid{display:grid;gap:18px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.welcome{background:var(--ink);color:#fff;border-radius:18px;padding:26px;display:flex;gap:20px;align-items:center;margin-bottom:20px;position:relative;overflow:hidden}.welcome:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 95% 0%,#ffffff0d 0 6deg,transparent 6deg 12deg)}.welcome>*{position:relative}
.welcome h1{color:#fff;font-size:1.7rem;margin:0}.welcome p{margin:.2rem 0 0;color:#cfd5f2}.avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);background:#fff;flex:none}.avatar.ph0{display:flex;align-items:center;justify-content:center;color:var(--ink);font:700 30px Fraunces,serif}
.stat{background:#fff;border:1px solid #e3e7f5;border-radius:16px;padding:18px 20px;border-top:4px solid var(--gold)}.stat small{color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:.8px;font-size:11px}.stat b{display:block;font:700 2rem Fraunces,serif;color:var(--ink)}.stat.bad b{color:#c0392b}.stat.good b{color:#1b8a4a}
table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--mut);padding:10px 14px;background:#f6f7fc;border-bottom:1px solid #e3e7f5}td{padding:10px 14px;border-bottom:1px solid #eef0f8;font-size:14px}tr:last-child td{border-bottom:0}.n{text-align:right}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-weight:700;font-size:12px;background:#e8ecfb;color:var(--blue)}.pill.ok{background:#e3f6ea;color:#1b6e3d}.pill.bad{background:#fde8e8;color:#a02828}.pill.warn{background:#fff4d1;color:#7a5d00}
.btn{display:inline-flex;align-items:center;gap:.45rem;border:0;border-radius:10px;padding:.6rem 1.1rem;font:700 14px Figtree,sans-serif;cursor:pointer;background:var(--ink);color:#fff}.btn:hover{filter:brightness(1.15);color:#fff}.btn.gold{background:var(--gold);color:var(--ink)}.btn.sm{padding:.35rem .75rem;font-size:13px}
label{display:block;font-weight:600;margin:12px 0 5px;color:var(--ink);font-size:14px}input,select{width:100%;padding:.65rem .85rem;border:1px solid #d6d9e8;border-radius:10px;font:inherit;background:#fff}input:focus,select:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #2f47a133}
.sem-h{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#f6f7fc;border-bottom:1px solid #e3e7f5}.sem-h b{font-family:Fraunces,serif;color:var(--ink);font-size:1.05rem}.sem-h span{color:var(--mut);font-size:13px}
.idcard{width:340px;max-width:100%;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #d6d9e8;box-shadow:0 10px 30px #12194a1f}.idcard .top{background:var(--ink);color:#fff;padding:14px;display:flex;align-items:center;gap:10px}.idcard .top img{height:44px}.idcard .top b{font:600 16px Fraunces,serif}.idcard .top small{display:block;color:var(--gold);font-size:11px}
.idcard .mid{padding:16px;display:flex;gap:14px}.idcard .ph1{width:92px;height:112px;object-fit:cover;border:2px solid var(--gold);border-radius:8px;background:#eef0f8}.idcard .mid dl{margin:0;font-size:12.5px}.idcard dt{color:var(--mut);font-size:10px;text-transform:uppercase;letter-spacing:.6px;margin-top:6px}.idcard dd{margin:0;font-weight:700;color:var(--ink)}
.idcard .bar{padding:0 16px 14px;text-align:center}.idcard .gold{height:5px;background:var(--gold)}
.tt-day{margin-bottom:14px}.tt-day h4{margin:0 0 8px;font-family:Fraunces,serif;color:var(--ink)}.slot{display:flex;gap:14px;padding:12px 16px;border:1px solid #e3e7f5;border-left:5px solid var(--gold);border-radius:12px;background:#fff;margin-bottom:8px;align-items:center}.slot .t{min-width:120px;font-weight:700;color:var(--ink)}.slot small{color:var(--mut)}
.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login .l{background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;position:relative;overflow:hidden}.login .l:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 50%,#ffffff0d 0 6deg,transparent 6deg 12deg)}.login .l>*{position:relative}.login .l img{width:min(240px,60%);margin-bottom:18px}.login .l h1{color:#fff;font-size:2.2rem}.login .l p{color:#cfd5f2;max-width:380px}
.login .r{display:flex;align-items:center;justify-content:center;padding:34px;background:#fff}.login .r form{width:100%;max-width:380px}.login .r h2{font-size:1.9rem}.login .r .sub{color:var(--mut);margin-bottom:16px}.login .btn{width:100%;justify-content:center;padding:.8rem;margin-top:18px;background:var(--gold);color:var(--ink);font-size:15px}
.pf{text-align:center;color:var(--mut);font-size:13px;padding:22px}.pf a{color:var(--blue)}
.print-only{display:none}@media print{.ph,.pf,.noprint{display:none}body{background:#fff}.card{border:0}}
@media(max-width:820px){.g2,.g3,.g4{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.login .l{padding:28px}.welcome{flex-direction:column;text-align:center}.who span{display:none}}
@media(max-width:520px){.g2,.g3,.g4{grid-template-columns:1fr}td,th{padding:8px 9px;font-size:13px}.slot{flex-direction:column;align-items:flex-start;gap:4px}}

/* language switch: LANGUAGE - LUUQAD */
.langsw{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.langsw .lbl{font-weight:700;letter-spacing:.4px;margin-right:4px;white-space:nowrap}.langsw a{display:inline-block;padding:2px 10px;border-radius:999px;border:1px solid currentColor;margin:0!important;text-decoration:none;font-weight:600;opacity:.85}.langsw a.on{background:#F0C419;color:#12194A!important;border-color:#F0C419;opacity:1}
.topbar .langsw{margin-left:18px}[dir=rtl] .topbar .langsw{margin-left:0;margin-right:18px}

.in-portal{color:#fff;margin-right:6px}@media(max-width:1000px){.in-portal .lbl{display:none}}.on-login{position:absolute;top:16px;right:20px;color:#12194A}.login .r{position:relative}
.bell{position:relative;background:#ffffff1a;color:#fff;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.bell em{position:absolute;top:-4px;right:-4px;background:#F0C419;color:#12194A;font:700 10px Figtree,sans-serif;border-radius:999px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 3px}
.nrow{display:flex;gap:12px;padding:14px 22px;border-top:1px solid #eceffa}.nrow.unread{background:#fff9dd}.nrow .ic{width:34px;height:34px;border-radius:50%;background:#12194A;color:#F0C419;display:flex;align-items:center;justify-content:center;flex:none}.nrow b{display:block}.nrow small{color:var(--mut)}
.bar{height:10px;background:#e3e7f4;border-radius:5px;overflow:hidden}.bar span{display:block;height:100%;background:#2F47A1}.bar.low span{background:#c0392b}