:root{--bg:#f6f7f9;--surface:#fff;--text:#1b1f24;--muted:#4a525c;--border:#c5ccd4;--primary:#0b4f8a;--primary-hover:#083c69;--on-primary:#fff;--focus:#b45309;--error:#a31515;--error-bg:#fdeeee;--success:#1d6b2e;--success-bg:#eaf6ec;--info:#0b4f8a;--info-bg:#e9f1f9;--warning:#7a4a00;--warning-bg:#fff4de;--radius:6px;--space:1rem;--max:72rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Tahoma,Geeza Pro,Noto Sans Arabic,Arial,sans-serif;line-height:1.6}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);overflow-wrap:anywhere;min-block-size:100vh}img,svg{block-size:auto;max-inline-size:100%}h1,h2,h3{margin-block:0 .75rem;line-height:1.3}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.1rem}p{margin-block:0 .75rem}a{color:var(--primary);text-underline-offset:.2em}a:hover{color:var(--primary-hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}main:focus,main:focus-visible{outline:none}.ltr{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:10;background:var(--surface);color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius);padding:.5rem 1rem;position:absolute;inset-block-start:-10rem;inset-inline-start:.5rem}.skip-link:focus{inset-block-start:.5rem}.app{flex-direction:column;min-block-size:100vh;display:flex}.app-header{background:var(--surface);border-block-end:1px solid var(--border)}.app-header-inner{max-inline-size:var(--max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-inline:auto;padding:.75rem 1rem;display:flex}.brand{flex-direction:column;min-inline-size:0;display:flex}.brand-name{font-weight:700}.brand-app{color:var(--muted);font-size:.9rem}.header-tools,.account{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.account-name{font-weight:600}.role-badge{border:1px solid var(--border);border-radius:999px;padding-block:.1rem;padding-inline:.75rem;font-size:.9rem}.app-nav{max-inline-size:var(--max);margin-inline:auto;padding-block-end:.5rem;padding-inline:1rem}.app-nav ul{flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}.app-nav a{border-block-end:3px solid #0000;padding-block:.35rem;text-decoration:none;display:inline-block}.app-nav a[aria-current=page]{border-block-end-color:var(--primary);font-weight:700}.nav-later{color:var(--muted);padding-block:.35rem;display:inline-block}.app-main{inline-size:100%;max-inline-size:var(--max);flex:1;margin-inline:auto;padding:1.5rem 1rem 3rem}.page-title{margin-block-end:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.narrow{max-inline-size:32rem;margin-inline:auto}.program-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.program-card{flex-direction:column;gap:.5rem;display:flex}.program-card h2{margin:0}.meta{color:var(--muted);margin:0}.status{align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.status:before{content:"";border:2px solid;border-radius:50%;block-size:.6rem;inline-size:.6rem}.status-completed{color:var(--success)}.status-completed:before{background:currentColor}.status-inProgress{color:var(--info)}.status-notStarted{color:var(--muted)}.later-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.later-item{border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface);padding:.75rem 1rem}.later-item .meta{font-size:.9rem}.dl{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}.dl dt{color:var(--muted)}.dl dd{margin:0}.profile-facts{margin-block:.75rem 1rem}.form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.3rem;display:flex}.field label{font-weight:600}.field .req{color:var(--error)}.field-hint{color:var(--muted);margin:0;font-size:.9rem}.field-error{color:var(--error);margin:0;font-weight:600}input,select,button{font:inherit}input,select{border-radius:var(--radius);background:var(--surface);min-block-size:2.75rem;inline-size:100%;color:var(--text);border:1px solid #6b7480;padding:.5rem .75rem}.input-row{align-items:stretch;gap:.5rem;display:flex}.input-row input{flex:1;min-inline-size:0}.code-toggle{white-space:nowrap;flex:none}.field-invalid input,.field-invalid select{border-color:var(--error);border-width:2px}.btn{border-radius:var(--radius);border:2px solid var(--primary);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;min-block-size:2.75rem;padding:.5rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary)}.btn-secondary{background:var(--surface);color:var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--info-bg)}.btn-link{color:var(--primary);background:0 0;border-color:#0000;padding-inline:.25rem;text-decoration:underline}.btn:disabled{cursor:not-allowed;opacity:.7}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.alert{border-radius:var(--radius);border:1px solid;border-inline-start-width:6px;align-items:flex-start;gap:.6rem;margin-block-end:1rem;padding:.75rem 1rem;display:flex}.alert p:last-child{margin-block-end:0}.alert .btn{margin-block-start:.5rem}.alert-icon{font-weight:700}.alert-body{min-inline-size:0}.alert-error{color:var(--error);background:var(--error-bg);border-color:var(--error)}.alert-success{color:var(--success);background:var(--success-bg);border-color:var(--success)}.alert-info{color:var(--info);background:var(--info-bg);border-color:var(--info)}.alert-warning{color:var(--warning);background:var(--warning-bg);border-color:var(--warning)}.request-id{font-size:.9rem}.loading{color:var(--muted);align-items:center;gap:.6rem;padding-block:1rem;display:flex}.spinner{border:3px solid var(--border);border-block-start-color:var(--primary);border-radius:50%;block-size:1.1rem;inline-size:1.1rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{gap:.6rem;display:grid}.skeleton-line{border-radius:var(--radius);background:#e3e7ec;block-size:1rem}.skeleton-line:nth-child(3n){inline-size:60%}.empty{border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);background:var(--surface);padding:1.5rem}.page-error{margin-block:1rem}.splash{place-items:center;min-block-size:60vh;display:grid}.offline-banner{text-align:center;color:var(--warning);background:var(--warning-bg);border-block-end:1px solid var(--warning);margin:0;padding:.6rem 1rem;font-weight:600}@media (min-width:48rem){.app-header-inner,.app-main,.app-nav{padding-inline:1.5rem}h1{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation:none}}