@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{font-family:IBM Plex Sans Arabic,system-ui,sans-serif;color:#112748;background:#f4f6fb;font-synthesis:none;-webkit-font-smoothing:antialiased;--navy:#102042;--border:#e5eaf2;--muted:#7a899f}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #81a6d8;outline-offset:2px}h1,h2,p{margin-top:0}.muted{color:var(--muted);font-size:13px}.shell{min-height:100dvh;display:grid;place-items:center;padding:22px}.panel{width:min(100%,455px);background:#fff;border-radius:22px;padding:32px;box-shadow:0 20px 70px #12254a10}.auth-shell .brand{height:121px;width:100%;padding:18px;object-fit:contain;background:var(--navy);border-radius:15px;display:block;margin-bottom:28px}.staff-auth-panel h1{font-size:28px;letter-spacing:-.4px;margin-bottom:7px}.staff-auth-panel .muted{margin-bottom:26px}.field{display:grid;gap:8px;margin:16px 0;color:#304361;font-size:13px;font-weight:600;min-width:0}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:48px;border:1px solid #d9e2ee;border-radius:11px;padding:11px 13px;font:inherit;font-size:14px;font-weight:400;background:#fff;color:#142949;transition:border-color .2s}.field input::placeholder{color:#a6b2c2}.field input:hover,.field select:hover,.field textarea:hover{border-color:#b4c5dc}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#6793c9;box-shadow:0 0 0 3px #7197c51c}.field select:disabled,.field input:disabled{background:#f5f7fa;color:#687a93}.field textarea{resize:vertical;min-height:92px}.field small{font-size:11px;line-height:1.6;color:#8291a7;overflow-wrap:anywhere}.primary{min-height:49px;padding:13px 18px;width:100%;border:1px solid var(--navy);border-radius:11px;background:var(--navy);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .18s}.primary:hover:not(:disabled){background:#213c6f}.error{margin:18px 0 0;color:#a93434;background:#fff0f0;border:1px solid #ffdfdf;border-radius:10px;padding:12px;font-size:12px;line-height:1.8}.shell.staff-shell{display:block;padding:0;background:linear-gradient(180deg,#101f3e,#132b52 176px,#f4f6fb 176px,#f4f6fb)}.panel.form-panel.staff-panel{max-width:970px;width:calc(100% - 40px);margin:0 auto;min-height:100dvh;box-shadow:none;background:transparent;border-radius:0;padding:0 0 60px}.staff-topbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}.staff-brand{display:flex;align-items:center;gap:10px;min-width:0}.staff-brand img{width:193px;height:64px;object-fit:contain}.staff-brand span{font-size:11px;color:#a7b9d5;border-inline-start:1px solid #ffffff30;padding-inline-start:14px;white-space:nowrap}.staff-header-actions{display:flex;align-items:center;gap:10px}.staff-profile{display:flex;align-items:center;gap:8px;color:#e4ebf6;font-size:12px;white-space:nowrap}.staff-topbar .logout{color:#fff;border:1px solid #ffffff44;background:#ffffff14;border-radius:10px;min-height:39px;padding:8px 12px;display:flex;align-items:center;gap:7px;font-size:12px}.staff-topbar .logout:hover{background:#ffffff24}.staff-page-intro{padding:24px 0 29px;color:#fff}.staff-eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;color:#a8c1e8;margin-bottom:10px}.staff-page-intro h1{font-size:clamp(26px,3.2vw,36px);margin:0 0 10px;letter-spacing:-.6px}.staff-page-intro p{color:#b7cae3;margin:0;font-size:12px;line-height:1.8}.registration-form{background:#fff;border:1px solid #e5eaf2;box-shadow:0 20px 60px #101f3e0a;border-radius:18px;padding:30px 34px}.group-title{display:flex;gap:10px;align-items:center;font-size:16px;font-weight:700;margin:24px 0 19px;padding:0 0 16px;border-bottom:1px solid #e8edf5;color:#193255}.group-title:first-child{margin-top:0}.group-title>svg{color:#466b9c}.group-title>span{margin-inline-start:auto;background:#edf3fa;color:#6480a2;border-radius:9px;font-size:12px;font-weight:700;padding:6px 9px}.fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:2px}.fields-grid .field{margin:10px 0 15px}.span-all{grid-column:1/-1}.hint{border:1px solid #dae6f5;background:#f3f8ff;color:#4b6486;border-radius:12px;padding:13px 15px;margin:18px 0;font-size:12px;line-height:1.9}.submit{margin-top:19px;font-size:15px;min-height:53px}.receipt{background:#fff;border:1px solid #e2e9f2;box-shadow:0 20px 60px #101f3e0a;border-radius:18px;padding:clamp(25px,5vw,55px);display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px}.receipt-icon{width:74px;height:74px;background:#e9f8f1;color:#21946a;border-radius:22px;display:grid;place-items:center;margin-bottom:11px}.receipt h2{font-size:23px;color:#155f45;margin:0}.receipt p{font-size:13px;color:#60728d;margin:2px 0;line-height:1.8}.registration-number{width:100%;max-width:490px;overflow-wrap:anywhere;background:#eff9f3;border-radius:11px;border:1px solid #d3edde;padding:18px;font-size:20px!important;font-weight:700!important;color:#193555!important;letter-spacing:1px}.receipt .primary{max-width:490px;margin-top:13px}@media(max-width:760px){.panel.form-panel.staff-panel{width:calc(100% - 28px)}.staff-brand img{width:154px;height:56px}.staff-brand span{display:none}.registration-form{padding:23px 22px}.staff-page-intro{padding:21px 0 26px}}@media(max-width:560px){.panel.form-panel.staff-panel{width:100%;padding:0 12px calc(40px + env(safe-area-inset-bottom))}.staff-topbar{height:75px;padding:0 4px}.staff-brand img{width:143px}.staff-profile{font-size:11px}.staff-profile svg{display:none}.staff-topbar .logout{padding:8px 9px}.staff-page-intro{padding:27px 6px 22px}.staff-page-intro h1{font-size:27px}.staff-page-intro p{font-size:12px}.registration-form{padding:19px 17px;border-radius:15px}.group-title{font-size:14px;margin:22px 0 13px}.fields-grid{grid-template-columns:1fr}.fields-grid .field{margin:9px 0}.field input,.field select,.field textarea{min-height:48px;font-size:16px}.staff-shell .submit{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:5;box-shadow:0 10px 30px #11284b33;min-height:55px}.receipt{padding:35px 18px}.receipt h2{font-size:20px}.registration-number{font-size:15px!important}.staff-shell{background:linear-gradient(180deg,#101f3e,#132b52 165px,#f4f6fb 165px,#f4f6fb)}}@media(max-width:360px){.staff-brand img{width:125px}.staff-profile{max-width:80px;overflow:hidden;text-overflow:ellipsis}.panel.form-panel.staff-panel{padding-inline:9px}.staff-page-intro h1{font-size:24px}.registration-form{padding:16px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}:root{font-size:16px;--muted:#566b88}body{font-size:16px;line-height:1.65}.staff-shell.shell{background:linear-gradient(to bottom,#0e1d3b,#152c52 315px,#f4f6fb 315px,#f4f6fb)}.panel.form-panel.staff-panel{max-width:1080px}.staff-topbar{height:88px}.staff-brand img{width:225px;height:auto;max-height:66px;object-fit:contain;object-position:right center}.staff-brand span{font-size:14px}.staff-profile,.staff-topbar .logout{font-size:15px}.staff-page-intro{padding:30px 0 36px;color:#fff;min-height:195px}.staff-page-intro h1{font-size:clamp(30px,3.2vw,41px);line-height:1.35;color:#fff;letter-spacing:-.4px;margin:4px 0 12px}.staff-page-intro p{color:#dae4f3;font-size:16px;line-height:1.7;max-width:640px}.staff-eyebrow{font-size:14px;color:#d0dff3}.registration-form{padding:32px 38px}.group-title{font-size:20px}.group-title>span{font-size:14px}.field{font-size:16px;gap:9px}.field input,.field select,.field textarea{font-size:16px;min-height:51px;padding:11px 14px}.field small{font-size:14px;color:#5f718a}.hint{font-size:15px}.primary{font-size:17px;min-height:53px}.staff-topbar .logout{min-height:45px}.receipt h2{font-size:25px}.receipt p{font-size:16px}.receipt .registration-number{font-size:21px!important}.auth-shell .muted{font-size:15px}.auth-shell h1{font-size:30px}.auth-shell .brand{padding:10px;height:105px}@media(min-width:1100px){.staff-page-intro{min-height:202px;padding-top:36px}.staff-shell.shell{background:linear-gradient(to bottom,#0e1d3b,#152c52 330px,#f4f6fb 330px,#f4f6fb)}}@media(max-width:760px){.staff-brand img{width:185px;max-height:59px}.staff-page-intro{padding:23px 0 31px;min-height:176px}.staff-shell.shell{background:linear-gradient(to bottom,#0e1d3b,#152c52 292px,#f4f6fb 292px,#f4f6fb)}.registration-form{padding:25px 24px}}@media(max-width:560px){.staff-shell.shell{background:linear-gradient(to bottom,#0e1d3b,#152c52 260px,#f4f6fb 260px,#f4f6fb)}.staff-topbar{height:77px}.staff-brand img{width:158px;max-height:53px}.staff-profile{font-size:14px;max-width:104px;overflow:hidden;text-overflow:ellipsis}.staff-topbar .logout{font-size:14px;min-height:43px}.staff-page-intro{padding:21px 6px 27px;min-height:167px}.staff-page-intro h1{font-size:29px;margin:5px 0 9px}.staff-page-intro p{font-size:14px;line-height:1.6}.staff-eyebrow{font-size:13px}.registration-form{padding:22px 17px}.group-title{font-size:18px}.field{font-size:15px}.field input,.field select,.field textarea{font-size:16px;min-height:51px}.field small{font-size:13px}.receipt p{font-size:15px}.receipt h2{font-size:22px}.staff-shell .submit{font-size:17px}}@media(max-width:360px){.staff-brand img{width:136px}.staff-page-intro h1{font-size:26px}.staff-page-intro{min-height:170px}.staff-header-actions{gap:5px}}