@font-face{font-family:Barlow;src:url(/assets/fonts/Barlow/Barlow-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/assets/fonts/Barlow/Barlow-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/assets/fonts/Barlow/Barlow-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/assets/fonts/Barlow/Barlow-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/assets/fonts/Barlow/Barlow-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url(/assets/fonts/Cairo/Cairo-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url(/assets/fonts/Cairo/Cairo-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url(/assets/fonts/Cairo/Cairo-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url(/assets/fonts/Cairo/Cairo-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url(/assets/fonts/Cairo/Cairo-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--brand: #1f86b9;--brand-strong: #166d98;--brand-soft: rgba(31, 134, 185, .1);--on-brand: #ffffff;--accent: #5f9a17;--accent-soft: rgba(110, 165, 29, .12);--bg: #f6f8fa;--bg-glow-1: rgba(44, 153, 206, .18);--bg-glow-2: rgba(141, 192, 48, .16);--surface: #ffffff;--surface-2: #f1f4f7;--surface-3: #e7ecf1;--border: #e1e7ed;--border-strong: #cdd6df;--text: #0f1b26;--text-muted: #546474;--text-faint: #8696a5;--success: #2f8f3a;--success-soft: rgba(47, 143, 58, .12);--warning: #b86e00;--warning-soft: rgba(245, 165, 36, .16);--danger: #d1343a;--danger-soft: rgba(229, 72, 77, .12);--shadow-sm: 0 1px 2px rgba(15, 27, 38, .06);--shadow: 0 1px 2px rgba(15, 27, 38, .04), 0 8px 24px rgba(15, 27, 38, .06);--shadow-lg: 0 2px 4px rgba(15, 27, 38, .04), 0 24px 48px rgba(15, 27, 38, .1);--focus: 0 0 0 3px rgba(31, 134, 185, .35);--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--font: "Barlow", "Cairo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--ease: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--brand: #4fb3e3;--brand-strong: #7cc7ec;--brand-soft: rgba(79, 179, 227, .14);--on-brand: #04121b;--accent: #9bd043;--accent-soft: rgba(155, 208, 67, .14);--bg: #0b1015;--bg-glow-1: rgba(44, 153, 206, .22);--bg-glow-2: rgba(141, 192, 48, .12);--surface: #121a21;--surface-2: #18222b;--surface-3: #212d38;--border: #22303b;--border-strong: #31424f;--text: #e9eff4;--text-muted: #9aaab8;--text-faint: #6b7d8c;--success: #5cc96a;--success-soft: rgba(92, 201, 106, .14);--warning: #f5b546;--warning-soft: rgba(245, 181, 70, .14);--danger: #ff6b70;--danger-soft: rgba(255, 107, 112, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .3), 0 24px 48px rgba(0, 0, 0, .5);--focus: 0 0 0 3px rgba(79, 179, 227, .45);color-scheme:dark}}:root[data-theme=dark]{--brand: #4fb3e3;--brand-strong: #7cc7ec;--brand-soft: rgba(79, 179, 227, .14);--on-brand: #04121b;--accent: #9bd043;--accent-soft: rgba(155, 208, 67, .14);--bg: #0b1015;--bg-glow-1: rgba(44, 153, 206, .22);--bg-glow-2: rgba(141, 192, 48, .12);--surface: #121a21;--surface-2: #18222b;--surface-3: #212d38;--border: #22303b;--border-strong: #31424f;--text: #e9eff4;--text-muted: #9aaab8;--text-faint: #6b7d8c;--success: #5cc96a;--success-soft: rgba(92, 201, 106, .14);--warning: #f5b546;--warning-soft: rgba(245, 181, 70, .14);--danger: #ff6b70;--danger-soft: rgba(255, 107, 112, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .3), 0 24px 48px rgba(0, 0, 0, .5);--focus: 0 0 0 3px rgba(79, 179, 227, .45);color-scheme:dark}:root[lang=ar]{--font: "Cairo", "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;min-height:100vh;font-family:var(--font);font-size:16px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .3s var(--ease),color .3s var(--ease)}h1,h2,h3,h4{margin:0;line-height:1.15;font-weight:700;letter-spacing:-.01em}:lang(ar) body,[lang=ar] body{line-height:1.8}[lang=ar] :is(h1,h2,h3,h4){line-height:1.45;letter-spacing:0}p{margin:0}a{color:var(--brand);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block;max-width:100%}code,pre,.mono{font-family:var(--font-mono);font-size:.92em}::selection{background:var(--brand-soft)}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius-sm)}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:20px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:12px;top:-48px;z-index:100;padding:8px 14px;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow)}.skip-link:focus{top:12px}.ltr{direction:ltr;unicode-bidi:isolate}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background-color .3s var(--ease)}.card__title{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.card__title app-icon{color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius-pill);font-weight:600;white-space:nowrap;cursor:pointer;text-decoration:none!important;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .15s var(--ease),box-shadow .2s var(--ease)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--brand);color:var(--on-brand);box-shadow:0 6px 18px -6px var(--brand)}.btn--primary:hover:not(:disabled){background:var(--brand-strong)}.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--subtle{background:var(--surface-2);color:var(--text)}.btn--subtle:hover:not(:disabled){background:var(--surface-3)}.btn--sm{min-height:34px;padding:0 12px;font-size:.9rem}.btn--icon{width:40px;min-height:40px;padding:0}.spinner{width:18px;height:18px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:.82rem;font-weight:600;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.chip--brand{background:var(--brand-soft);color:var(--brand);border-color:transparent}.chip--success{background:var(--success-soft);color:var(--success);border-color:transparent}.chip--warning{background:var(--warning-soft);color:var(--warning);border-color:transparent}.chip--danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.chip--button{cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease),transform .15s var(--ease)}.chip--button:hover{background:var(--brand-soft);color:var(--brand)}.chip--button:active{transform:scale(.96)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse-ring 1.8s var(--ease) infinite;--pulse-color: currentColor}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.field{display:grid;gap:6px;min-width:0}.field>label,.field__label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.input{width:100%;min-width:0;height:46px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);font-weight:600;font-variant-numeric:tabular-nums;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease)}.input::placeholder{color:var(--text-faint);font-weight:500}.input:hover{border-color:var(--border-strong);background:var(--surface)}.input:focus{outline:none;border-color:var(--brand);background:var(--surface);box-shadow:var(--focus)}.input[type=number]{-moz-appearance:textfield;appearance:textfield}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-group{display:flex;align-items:center;height:46px;min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease)}.input-group:hover{border-color:var(--border-strong);background:var(--surface)}.input-group:focus-within{border-color:var(--brand);background:var(--surface);box-shadow:var(--focus)}.input-group .input{flex:1;height:100%;border:0;background:transparent;box-shadow:none}.input-group .input:hover,.input-group .input:focus{background:transparent;box-shadow:none}.input-group__addon{display:inline-flex;align-items:center;flex:none;height:100%;padding-inline:12px;font-weight:700;color:var(--text-faint)}.input-group__addon:first-child{padding-inline-end:0}.input-group__addon:last-child{padding-inline-start:0}.input-group:focus-within .input-group__addon{color:var(--brand)}.input-group--lg{height:56px}.input-group--lg .input{font-size:1.25rem}.input-group--lg .input-group__addon{font-size:1.15rem}.kv{display:grid;gap:2px;min-width:0}.kv dt{font-size:.8rem;color:var(--text-faint);font-weight:600}.kv dd{margin:0;font-weight:600;overflow-wrap:anywhere}.empty{display:grid;justify-items:center;gap:8px;padding:36px 12px;text-align:center;color:var(--text-muted)}.table{width:100%;border-collapse:collapse;font-size:.94rem}.table th,.table td{padding:10px 12px;text-align:start;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);font-weight:700}.table tr:last-child td{border-bottom:0}.table td{overflow-wrap:anywhere}.table-wrap{overflow-x:auto;margin-inline:-4px;padding-inline:4px}.grid{display:grid;gap:16px}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}:where(.fee,.field,.calc__row,.card):has(>app-select.is-open,>.field>app-select.is-open){position:relative;z-index:25}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--pulse-color, var(--brand-soft))}to{box-shadow:0 0 0 10px transparent}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(3%,-4%,0) scale(1.08)}}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.fade-up{animation:fade-up .5s var(--ease) both;animation-delay:calc(var(--i, 0) * 60ms)}.fade-in{animation:fade-in .35s var(--ease) both}.scale-in{animation:scale-in .35s var(--ease) both}.pop{animation:pop .5s var(--ease-spring) both}.fade-out{animation:fade-in .2s var(--ease) reverse both}::view-transition-old(root){animation:fade-in .18s var(--ease) reverse both}::view-transition-new(root){animation:fade-up .32s var(--ease) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after,::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{app-header,app-footer,app-toast-host,.backdrop,.skip-link{display:none!important}body{background:#fff}}
