:root{--ink: #17251f;--ink-soft: #45544c;--paper: #f7f6f1;--card: #ffffff;--green: #0e6b4a;--green-deep: #0a4f37;--green-tint: #e7f2ec;--gold: #b98a00;--gold-tint: #f8f0da;--clay: #a6402d;--clay-tint: #f9e9e5;--mist: #e3e6df;--radius: 10px;--shadow: 0 1px 2px rgba(23, 37, 31, .06), 0 8px 24px -12px rgba(23, 37, 31, .18);--font-display: "Fraunces", "Noto Sans Ethiopic", serif;--font-body: "Public Sans", "Noto Sans Ethiopic", system-ui, sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100vh}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.55}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0 0 .5rem}h1{font-size:1.9rem}h2{font-size:1.4rem}h3{font-size:1.1rem}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 .8rem}.tilet{height:5px;background:linear-gradient(90deg,var(--green) 0 40%,var(--gold) 40% 70%,var(--ink) 70%);border-radius:3px 3px 0 0}.card{background:var(--card);border:1px solid var(--mist);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:1.25rem 1.4rem}.page{max-width:1180px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.page-narrow{max-width:640px}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.row{display:flex;gap:.75rem;align-items:center}.row-between{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.stack>*+*{margin-top:.8rem}.muted{color:var(--ink-soft)}.small{font-size:.82rem}.eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-deep);font-weight:700}.btn{display:inline-flex;align-items:center;gap:.45rem;border:1px solid transparent;border-radius:8px;padding:.55rem 1.05rem;font:600 .9rem var(--font-body);cursor:pointer;transition:.15s;background:var(--green);color:#fff}.btn:hover{background:var(--green-deep)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--green-deep);border-color:var(--green)}.btn-secondary:hover{background:var(--green-tint)}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover{background:var(--mist)}.btn-danger{background:var(--clay)}.btn-danger:hover{background:#8a3324}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.btn-gold{background:var(--gold);color:var(--ink)}label.field{display:block;margin-bottom:.9rem}label.field>span{display:block;font-weight:600;font-size:.84rem;margin-bottom:.3rem}input,select,textarea{width:100%;border:1px solid var(--mist);border-radius:8px;padding:.55rem .7rem;font:400 .92rem var(--font-body);background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus,.btn:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.error-text{color:var(--clay);font-size:.8rem;margin-top:.2rem}.hint{color:var(--ink-soft);font-size:.78rem;margin-top:.2rem}input[type=checkbox],input[type=radio]{width:auto}table.data{width:100%;border-collapse:collapse;font-size:.88rem}table.data th{text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding:.6rem .7rem;border-bottom:2px solid var(--mist);white-space:nowrap}table.data td{padding:.6rem .7rem;border-bottom:1px solid var(--mist);vertical-align:top}table.data tr:hover td{background:var(--green-tint)}.table-scroll{overflow-x:auto}.badge{display:inline-block;padding:.15rem .55rem;border-radius:99px;font-size:.72rem;font-weight:700}.badge.active,.badge.approved,.badge.verified,.badge.paid,.badge.completed,.badge.ready{background:var(--green-tint);color:var(--green-deep)}.badge.pending,.badge.approved_unpaid,.badge.waitlisted,.badge.registered{background:var(--gold-tint);color:#7c5c00}.badge.expired,.badge.rejected,.badge.defaulter,.badge.suspended,.badge.cancelled{background:var(--clay-tint);color:var(--clay)}.badge.neutral{background:var(--mist);color:var(--ink-soft)}.alert{border-radius:8px;padding:.7rem .9rem;font-size:.88rem;margin-bottom:1rem}.alert.success{background:var(--green-tint);color:var(--green-deep)}.alert.error{background:var(--clay-tint);color:var(--clay)}.alert.info{background:var(--gold-tint);color:#6c5100}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--ink);color:#dfe7e2;padding:1rem .9rem;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .brand{font-family:var(--font-display);font-size:1.15rem;color:#fff;padding:.4rem .5rem 1rem;display:block}.sidebar nav a{display:block;color:#c4d2ca;padding:.5rem .65rem;border-radius:7px;font-size:.88rem;margin-bottom:2px}.sidebar nav a:hover{background:#ffffff14;text-decoration:none}.sidebar nav a.router-link-active{background:var(--green);color:#fff;font-weight:600}.sidebar .section-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#7d8f85;margin:1rem .6rem .35rem}.topbar{background:var(--card);border-bottom:1px solid var(--mist);padding:.7rem 1.4rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:sticky;top:0;z-index:30}main.content{padding:1.4rem;max-width:1220px;width:100%;margin:0 auto}.public-nav{background:var(--card);border-bottom:1px solid var(--mist)}.public-nav .inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:1.4rem;padding:.8rem 1.25rem;flex-wrap:wrap}.public-nav .brand{font-family:var(--font-display);font-size:1.25rem;color:var(--ink);font-weight:700}.public-nav a{color:var(--ink-soft);font-size:.9rem}.public-nav a.router-link-active{color:var(--green-deep);font-weight:700}.steps{display:flex;gap:.4rem;margin-bottom:1.4rem;flex-wrap:wrap}.steps .step{flex:1;min-width:120px;padding:.5rem .7rem;border-radius:8px;background:var(--mist);font-size:.8rem;font-weight:600;color:var(--ink-soft)}.steps .step.current{background:var(--green);color:#fff}.steps .step.done{background:var(--green-tint);color:var(--green-deep)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17251f80;display:grid;place-items:center;z-index:60;padding:1rem}.modal{background:#fff;border-radius:var(--radius);max-width:560px;width:100%;max-height:88vh;overflow-y:auto}.toast-wrap{position:fixed;bottom:1.2rem;right:1.2rem;z-index:90;display:grid;gap:.5rem}.toast{background:var(--ink);color:#fff;padding:.7rem 1rem;border-radius:8px;box-shadow:var(--shadow);font-size:.88rem;max-width:340px}.toast.error{background:var(--clay)}.id-card{width:340px;height:214px;border-radius:12px;color:#fff;padding:1rem;position:relative;overflow:hidden;box-shadow:var(--shadow)}.id-card .stripe{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--gold) 0 30%,#fff 30% 34%,var(--gold) 34%);opacity:.9}.stat{padding:1rem 1.1rem}.stat .value{font-family:var(--font-display);font-size:1.7rem;font-weight:700}.stat .label{font-size:.78rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.tabs{display:flex;gap:.3rem;border-bottom:2px solid var(--mist);margin-bottom:1rem;flex-wrap:wrap}.tabs button{border:0;background:none;padding:.55rem .9rem;font:600 .88rem var(--font-body);color:var(--ink-soft);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.tabs button.on{color:var(--green-deep);border-color:var(--green)}.empty{text-align:center;padding:2.5rem 1rem;color:var(--ink-soft)}.chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--mist);border-radius:99px;padding:.2rem .6rem;font-size:.78rem}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.modal.wide{max-width:900px;width:94vw}.field input.invalid,.field select.invalid,.field textarea.invalid{border-color:var(--clay)}.sidebar nav .nav-item{display:flex;align-items:center;gap:.65rem;padding:.48rem .9rem;border-radius:8px;margin:1px .5rem;font-size:.86rem;font-weight:500;letter-spacing:.01em;color:inherit;opacity:.82;transition:background .12s,opacity .12s}.sidebar nav .nav-item svg{opacity:.75}.sidebar nav .nav-item:hover{opacity:1;background:#ffffff0f}.sidebar nav .nav-item.router-link-active{opacity:1;background:#ffffff1a;font-weight:600}.sidebar nav .nav-item.router-link-active svg{opacity:1}.sidebar .section-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;opacity:.45;padding:1rem 1.4rem .3rem;font-weight:700}.impersonation-bar{background:var(--clay);color:#fff;padding:.5rem 1.4rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem}.avatar-lg{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);box-shadow:0 2px 10px #00000026}.lms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.lms-card .thumb{aspect-ratio:16/9;border-radius:10px 10px 0 0;overflow:hidden;background:var(--mist)}.portal-slider{position:relative;height:420px;overflow:hidden}.portal-slide{height:100%;background:var(--ink) center/cover no-repeat;display:flex;align-items:center;justify-content:center}.portal-slide-overlay{text-align:center;color:#fff;background:#0a141073;padding:2rem 3rem;border-radius:14px;max-width:640px}.portal-slide-overlay h1{color:#fff;font-size:2.6rem;margin:0 0 .4rem}.portal-slide-overlay p{font-size:1.15rem;margin:0 0 1.2rem;opacity:.95}.portal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:#2f7cf6;color:#fff;font-size:1.4rem;cursor:pointer;z-index:2}.portal-arrow.left{left:14px}.portal-arrow.right{right:14px}.portal-body{max-width:1100px;margin:0 auto;padding:3rem 1.4rem 4rem;text-align:center}.portal-title{color:#1d5fd6;font-size:2.2rem;margin:0 0 2rem}.portal-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.portal-card{border-radius:18px;padding:2.4rem 2rem;box-shadow:0 10px 30px #00000014;text-align:center}.portal-card h2{margin:0 0 .8rem;font-size:1.5rem}.portal-card p{color:#444;margin:0 0 1.6rem}.portal-card-green{background:linear-gradient(135deg,#e8fbee,#e3efff)}.portal-card-purple{background:linear-gradient(135deg,#f4ecfd,#fdecf1)}.portal-btn{display:inline-block;width:100%;max-width:420px;padding:.8rem 1.4rem;border-radius:999px;color:#fff;font-weight:700;text-decoration:none;transition:filter .12s}.portal-btn:hover{filter:brightness(1.06)}.portal-btn-green{background:#22a94d}.portal-btn-purple{background:#a34ae0}@media print{body *{visibility:hidden!important}#id-print-area,#id-print-area *{visibility:visible!important}#id-print-area{position:fixed;top:0;right:0;bottom:0;left:0;display:flex!important;gap:4mm;align-items:flex-start;justify-content:flex-start;padding:6mm;background:#fff}#id-print-area .idf{break-inside:avoid}}.editor-savebar{position:sticky;bottom:0;background:var(--card-bg, #fff);padding:.8rem 0 .2rem;margin-top:1rem;border-top:1px solid var(--mist);display:flex;justify-content:space-between;align-items:center;gap:1rem;z-index:5}.hero-slider-wrap{position:relative;min-height:460px;overflow:hidden}.bslide{position:relative;min-height:460px;display:flex}.bs-media{position:absolute;top:0;right:0;bottom:0;left:0}.bs-overlay{position:relative;z-index:2;margin:auto;text-align:center;color:#fff;max-width:760px;padding:3rem 1.5rem;background:linear-gradient(#081e169e,#081e169e)}.bs-overlay h1,.bs-video-copy h1,.bs-panel h1,.bs-textpanel h1{margin:.3rem 0 .6rem}.bs-split_left,.bs-split_right{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.bs-split_left .bs-media,.bs-split_right .bs-media{position:relative;inset:auto;min-height:460px}.bs-split_right{direction:rtl}.bs-split_right>*{direction:ltr}.bs-panel{display:flex;flex-direction:column;justify-content:center;padding:3rem 2.6rem;background:var(--paper)}.bs-textpanel{margin:auto;text-align:center;max-width:720px;padding:4rem 1.5rem;color:#fff}.bs-text_panel{background:linear-gradient(135deg,var(--green-deep),var(--green))}.bs-video{display:grid;grid-template-columns:auto 1fr;gap:2.4rem;align-items:center;margin:auto;padding:3rem 2rem;max-width:1100px}.bs-video_copy,.bs-video-copy{max-width:420px}.bs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:#ffffffe6;font-size:1.6rem;line-height:1;color:var(--ink)}.bs-arrow.left{left:1rem}.bs-arrow.right{right:1rem}.bs-dots{position:absolute;bottom:1rem;left:0;right:0;z-index:5;display:flex;justify-content:center;gap:.4rem}.bs-dots button{width:9px;height:9px;border-radius:50%;border:none;cursor:pointer;background:#ffffff80}.bs-dots button.on{background:#fff;width:22px;border-radius:5px}@media (max-width: 820px){.bs-split_left,.bs-split_right,.bs-video{grid-template-columns:1fr}.bs-split_left .bs-media,.bs-split_right .bs-media{min-height:220px}}