@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap";:root{--brand-teal: #008080;--brand-teal-deep: #004444;--brand-teal-700: #026a6a;--brand-blush: #EFCCBF;--brand-blush-soft: #F9EDE7;--ground: #F4F7F7;--surface: #FFFFFF;--surface-2: #EAF1F1;--ink: #0C2222;--ink-2: #40595A;--ink-3: #6F8889;--line: #D5E3E3;--line-strong:#B3C9C9;--ok: #1B7F4E;--ok-bg: #E2F2E9;--warn: #C9765A;--warn-bg: #FBEAE3;--danger: #B3382A;--danger-bg: #FBE7E4;--info: #2A6A86;--info-bg: #E3EFF4;--dept-kindergarten: #2F8F86;--dept-nutrition: #B98247;--dept-mental: #6C6AA8;--font-ui: "Tajawal", "Segoe UI", system-ui, sans-serif;--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--lh-body: 1.75;--lh-tight: 1.4;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-1: 0 1px 2px rgba(0, 68, 68, .06), 0 8px 24px -18px rgba(0, 68, 68, .3);--shadow-2: 0 2px 6px rgba(0, 68, 68, .08), 0 16px 40px -24px rgba(0, 68, 68, .35);--focus-ring: 0 0 0 3px rgba(0, 128, 128, .35)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--brand-teal: #3FB3AD;--brand-teal-deep: #9CD9D3;--brand-teal-700: #53c2bc;--brand-blush: #D9A794;--brand-blush-soft: #33231D;--ground: #081616;--surface: #0F2322;--surface-2: #16302E;--ink: #E6F1F0;--ink-2: #AFC7C6;--ink-3: #7B9695;--line: #1D3A38;--line-strong:#2B504D;--ok: #58C68C;--ok-bg: #0F2A1E;--warn: #E0977A;--warn-bg: #2F1D16;--danger: #E58474;--danger-bg: #321816;--info: #74B6D1;--info-bg: #10262F;--dept-kindergarten: #5FC3B9;--dept-nutrition: #D9AC74;--dept-mental: #9C9AD8;--shadow-1: 0 1px 2px rgba(0,0,0,.45), 0 8px 24px -18px rgba(0,0,0,.9);--shadow-2: 0 2px 6px rgba(0,0,0,.5), 0 16px 40px -24px rgba(0,0,0,.95);--focus-ring: 0 0 0 3px rgba(63, 179, 173, .4)}}:root[data-theme=dark]{--brand-teal: #3FB3AD;--brand-teal-deep: #9CD9D3;--brand-teal-700: #53c2bc;--brand-blush: #D9A794;--brand-blush-soft: #33231D;--ground: #081616;--surface: #0F2322;--surface-2: #16302E;--ink: #E6F1F0;--ink-2: #AFC7C6;--ink-3: #7B9695;--line: #1D3A38;--line-strong:#2B504D;--ok: #58C68C;--ok-bg: #0F2A1E;--warn: #E0977A;--warn-bg: #2F1D16;--danger: #E58474;--danger-bg: #321816;--info: #74B6D1;--info-bg: #10262F;--dept-kindergarten: #5FC3B9;--dept-nutrition: #D9AC74;--dept-mental: #9C9AD8;--shadow-1: 0 1px 2px rgba(0,0,0,.45), 0 8px 24px -18px rgba(0,0,0,.9);--shadow-2: 0 2px 6px rgba(0,0,0,.5), 0 16px 40px -24px rgba(0,0,0,.95);--focus-ring: 0 0 0 3px rgba(63, 179, 173, .4)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-ui);font-size:17px;line-height:var(--lh-body)}h1{font-size:1.25rem;margin:0}h2{font-size:.95rem;font-weight:500;color:var(--ink-2);margin:0}p{margin:0}.muted{color:var(--ink-3);font-size:.9375rem}.sm{font-size:.82rem}.error{color:var(--danger);background:var(--danger-bg);padding:8px 12px;border-radius:var(--radius-sm);font-size:.9375rem}.screen{max-width:460px;margin-inline:auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:14px;min-height:100dvh}.screen--center{justify-content:center}.brand{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;margin-bottom:6px}.mark{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--brand-teal);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}.hello{display:flex;flex-direction:column;gap:2px}.hello b{font-size:1.15rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:10px}.card--next{background:var(--brand-blush-soft);border-color:var(--brand-blush)}.card--next .when{font-size:1.05rem;color:var(--brand-teal-deep)}.form{display:flex;flex-direction:column;gap:10px}label{font-size:.9375rem;color:var(--ink-2)}input{font:inherit;width:100%;padding:12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}input.code{text-align:center;letter-spacing:.5em;font-size:1.35rem;font-variant-numeric:tabular-nums;padding-inline-start:.5em}.btn{font:inherit;font-size:1rem;padding:13px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-align:center;text-decoration:none;display:block;width:100%}.btn--primary{background:var(--brand-teal);color:#fff}.btn--ghost{background:transparent;color:var(--brand-teal);border-color:var(--line-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible,input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.file{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px}.file__nm{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.file .btn{width:auto;padding:6px 12px;font-size:.85rem}.tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;border-inline-start:2px solid var(--line);padding-inline-start:16px}.tl li{position:relative;display:flex;flex-direction:column;font-size:.95rem}.tl li:before{content:"";position:absolute;inset-inline-start:-23px;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--ground);border:2px solid var(--brand-teal)}.tl time{color:var(--ink-3);font-size:.82rem;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}