@charset "UTF-8";:root{--ink: #121218;--primary: #3b37b5;--primary-strong: #2c2890;--primary-soft: #eeedfb;--bg: #fbfbf9;--surface: #ffffff;--surface-muted: #f3f3f0;--muted: #6c6c78;--line: #e8e8e3;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--shadow-sm: 0 1px 2px rgb(18 18 24 / .05);--shadow-md: 0 1px 2px rgb(18 18 24 / .04), 0 24px 48px -24px rgb(18 18 24 / .28);--font-display: "Alexandria", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-body: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:light}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:600;line-height:1.35;text-wrap:balance}p{margin:0}img{max-width:100%;display:block}a{color:inherit}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:10px}.user-text{overflow-wrap:anywhere}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:20px}@media(max-width:480px){.container{padding-inline:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:10px 20px;font-weight:500;font-size:.95rem;text-decoration:none;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s,color .2s,border-color .2s}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-strong);transform:translateY(-2px);box-shadow:0 14px 28px -14px #3b37b5b3}.btn--dark{background:var(--ink);color:#fff}.btn--dark:hover:not(:disabled){background:var(--primary);transform:translateY(-2px)}.btn--knob{padding:8px 26px 8px 8px;gap:14px}.btn--knob .btn__knob{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);transition:transform .4s var(--ease)}.btn--knob:hover .btn__knob{transform:rotate(-45deg)}.btn--outline{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn--outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn--ghost{background:transparent;color:var(--muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-muted);color:var(--ink)}.btn--lg{padding:15px 32px;font-size:1.05rem}.btn--sm{padding:7px 14px;font-size:.86rem}.icon-btn{color:var(--ink);width:40px;height:40px;border:0;border-radius:50%;background:var(--surface-muted);display:grid;place-items:center;flex:none;transition:background .2s}.icon-btn:hover{background:var(--line)}.form{display:grid;gap:24px}.field{display:grid;gap:8px;min-width:0}.field__label{display:block;font-weight:600;font-size:1rem;color:var(--ink);line-height:1.6}.field__req{color:var(--primary)}.field__hint{margin-top:-6px;font-size:.85rem;color:var(--muted)}.field__error{color:#c0263f;font-size:.85rem}.field__foot{display:flex;align-items:center;gap:12px}.field__counter{margin-inline-start:auto;font-size:.8rem;color:var(--muted)}.field--invalid .input{border-color:#c0263f;background:#fff}.input{width:100%;border:1.5px solid var(--line);background:var(--surface-muted);color:var(--ink);border-radius:var(--radius-sm);padding:13px 16px;font-size:1rem;transition:border-color .2s,background .2s,box-shadow .2s}.input::placeholder{color:var(--muted);opacity:.7}.input:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--primary-soft)}textarea.input{min-height:100px;resize:vertical;line-height:1.8}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips input{position:absolute;opacity:0;pointer-events:none}.chips label{border:1.5px solid var(--line);border-radius:999px;padding:9px 18px;font-size:.95rem;color:var(--ink);background:var(--surface);cursor:pointer;transition:all .2s}.chips label:hover{color:var(--ink);border-color:var(--muted)}.chips input:checked+label{background:var(--primary);border-color:var(--primary);color:#fff}.chips input:focus-visible+label{outline:2px solid var(--primary);outline-offset:2px}.form__actions{display:flex;flex-wrap:wrap;gap:10px}.form__actions .btn--primary{flex:1;min-width:180px}.form__alert{background:var(--primary-soft);color:var(--ink);border-radius:var(--radius-sm);padding:10px 14px;font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;font-size:.8rem;font-weight:500;white-space:nowrap}.badge--pending{background:var(--ink);color:#fff}.badge--approved{background:var(--primary-soft);color:var(--primary)}.badge--rejected{background:var(--surface-muted);color:var(--muted)}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--delay, 0s)}.reveal.is-visible{opacity:1;transform:none}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface-muted) 0%,var(--surface) 50%,var(--surface-muted) 100%);background-size:200% 100%;animation:shimmer 1.6s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}