.online-portal{z-index:1;color:#173f35;background:#f5f8f6;max-width:1240px;min-height:100vh;margin:auto;padding:36px 24px 80px;font-size:16px;line-height:1.8;position:relative}.online-portal h1{margin:8px 0 20px;font-size:clamp(28px,4vw,42px);line-height:1.4}.online-portal h2{font-size:24px;line-height:1.6}.online-portal header{border-bottom:2px solid #173f35;margin-bottom:24px;padding-bottom:24px}.online-portal .online-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.online-portal .online-nav a,.online-portal button{color:#fff;cursor:pointer;background:#173f35;border:1px solid #173f35;border-radius:8px;padding:8px 18px;font-size:16px;text-decoration:none}.online-portal button.secondary,.online-portal .online-nav a{color:#173f35;background:#fff}.online-portal button:disabled{opacity:.55;cursor:wait}.online-portal .online-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;display:grid}.online-portal .online-card{background:#fff;border:1px solid #bdcec7;border-radius:12px;margin-bottom:20px;padding:24px}.online-portal .online-stat{font-size:32px;font-weight:700}.online-portal label{gap:6px;margin:12px 0;font-weight:600;display:grid}.online-portal input,.online-portal select,.online-portal textarea{width:100%;font:inherit;color:#173f35;box-sizing:border-box;background:#fff;border:1px solid #859f94;border-radius:6px;padding:9px}.online-portal input[type=checkbox]{width:auto}.online-portal .check{align-items:start;gap:10px;display:flex}.online-portal table{border-collapse:collapse;width:100%;font-size:16px}.online-portal th{color:#fff;text-align:start;background:#173f35}.online-portal td,.online-portal th{text-align:start;border-bottom:1px solid #d7e0dc;padding:12px}.online-portal .table-wrap{overflow-x:auto}.online-portal small{color:#496359;font-size:14px;display:block}.online-portal [role=alert]{color:#842020;background:#fff4f4;border:1px solid #a33838;padding:14px}.online-portal [role=status]{background:#e7f4ee;padding:14px}.online-portal .online-material{background:#fff;border:1px solid #bdcec7;border-radius:12px;padding:24px}.online-material img{max-width:100%;height:auto}.online-material th{color:#173f35!important;background:#e1ede7!important}.online-portal a{color:#145548;text-decoration:underline}.online-portal details summary{cursor:pointer;font-weight:700}.online-portal .setup-link{overflow-wrap:anywhere}.online-portal .muted{color:#496359}@media (max-width:600px){.online-portal{padding:24px 14px}.online-portal .online-card{padding:18px}}:is(body:has(.online-portal[lang=ar])>.site-header,body:has(.online-portal[lang=ar])>.site-footer){display:none}