:root{--primary-color: #193659;--secondary-color: #00c0a9;--navy-950: #0b1a2b;--navy-900: #122a44;--navy-800: #193659;--navy-700: #244a6e;--teal-400: #1ad4bc;--teal-500: #00c0a9;--teal-600: #00a892;--teal-soft: rgba(0, 192, 169, .14);--teal-glow: rgba(0, 192, 169, .35);--surface: #eef3f8;--surface-elevated: #ffffff;--surface-muted: #e2eaf2;--ink: #0f2438;--ink-muted: #5a6f86;--ink-faint: #8a9bb0;--line: rgba(25, 54, 89, .12);--danger: #e11d48;--danger-soft: rgba(225, 29, 72, .1);--warning: #d97706;--radius-sm: .7rem;--radius-md: 1.1rem;--radius-lg: 1.6rem;--radius-xl: 2rem;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(11, 26, 43, .06);--shadow-md: 0 10px 28px rgba(11, 26, 43, .12);--shadow-lg: 0 22px 48px rgba(11, 26, 43, .18);--shadow-glow: 0 0 40px rgba(0, 192, 169, .22);--font-display: "Cairo", system-ui, sans-serif;--font-body: "Cairo", system-ui, sans-serif;--space-1: .5vh;--space-2: 1vh;--space-3: 1.5vh;--space-4: 2vh;--space-5: 3vh;--space-6: 4vh;--touch: 5.5vh;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html,body{padding:0;margin:0;min-height:100%;font-family:var(--font-body);color:var(--ink);background:var(--surface);text-align:start;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button{background-color:var(--teal-500);color:#fff;font-weight:700;border:none;padding:1.2vh 2.4vh;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s var(--ease-out),transform .15s var(--ease-out),box-shadow .2s var(--ease-out),opacity .2s ease}button:active:not(:disabled){transform:scale(.97)}button:disabled,.disabled-button{background-color:#c5d0db!important;color:#7a8b9c!important;cursor:not-allowed;opacity:.75;box-shadow:none!important;transform:none!important}.gap-10{height:10vh}.gap-5{height:5vh}.error-message{padding:1.2vh 1.6vh;border-radius:var(--radius-md);background:var(--danger-soft);border:1px solid rgba(225,29,72,.2);color:var(--danger);font-size:1.8vh;font-weight:700;text-align:center;line-height:1.4}.confirm-btn{background-color:var(--navy-800)}.app-atmosphere{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;background:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(0,192,169,.28),transparent 55%),radial-gradient(ellipse 70% 50% at 100% 20%,rgba(36,74,110,.55),transparent 50%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(0,192,169,.12),transparent 45%),linear-gradient(165deg,var(--navy-950) 0%,var(--navy-800) 48%,var(--navy-900) 100%)}.app-atmosphere:before{content:"";position:absolute;inset:0;z-index:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:4.5vh 4.5vh;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%)}.app-atmosphere>*{position:relative;z-index:1}@keyframes rise-in{0%{opacity:0;transform:translateY(2vh)}to{opacity:1;transform:translateY(0)}}@keyframes soft-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-in{0%{opacity:0;transform:translateY(2.5vh) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:3vh;background:#0812209e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:rise-in .22s var(--ease-out) both}.modal-card{width:min(440px,92vw);max-height:88vh;overflow:auto;padding:3.5vh 3vh 3vh;border-radius:var(--radius-xl);background:var(--surface-elevated);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0f;text-align:center;animation:modal-in .28s var(--ease-out) both}.modal-icon{display:flex;align-items:center;justify-content:center;width:7vh;height:7vh;margin:0 auto 2vh;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:3.2vh;font-weight:700;line-height:1}.modal-icon--error{background:var(--danger-soft);color:var(--danger);box-shadow:0 0 0 6px #e11d480f}.modal-icon--info{background:var(--teal-soft);color:var(--teal-600);box-shadow:0 0 0 6px #00c0a914}.modal-icon--edit{background:linear-gradient(140deg,#00c0a92e,#19365914);color:var(--navy-800);box-shadow:0 0 0 6px #00c0a90f}.modal-title{margin:0 0 1.2vh;font-family:var(--font-display);font-size:2.8vh;font-weight:700;letter-spacing:-.02em;color:var(--navy-800);line-height:1.25}.modal-message{margin:0 0 3vh;font-size:2.2vh;font-weight:600;color:var(--ink-muted);line-height:1.45}.modal-actions{display:flex;gap:1.4vh;width:100%}.modal-btn{flex:1;min-height:6.2vh;padding:1.4vh 2vh;border:none;border-radius:var(--radius-md);font-size:2.2vh;font-weight:800;cursor:pointer;transition:transform .12s var(--ease-out),filter .15s ease,background .15s ease}.modal-btn:active:not(:disabled){transform:scale(.97)}.modal-btn--primary{background:linear-gradient(140deg,var(--navy-700),var(--navy-800));color:#fff;box-shadow:0 10px 22px #19365947}.modal-btn--accent{background:linear-gradient(140deg,var(--teal-400),var(--teal-600));color:#04241f;box-shadow:0 10px 22px #00c0a947}.modal-btn--danger{background:linear-gradient(140deg,#e11d48,#be123c);color:#fff;box-shadow:0 10px 22px #e11d4847}.modal-btn--ghost{flex:0 0 34%;background:#fff;color:var(--ink-muted);border:1.5px solid var(--line);box-shadow:none}.modal-btn:disabled{background:var(--surface-muted)!important;color:var(--ink-faint)!important;box-shadow:none!important}.phone-tail{display:inline-flex;align-items:baseline;gap:.2em;margin-inline:.25em;padding:.08em .5em .12em;border-radius:.4em;background:#ffffff2e;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:.06em;line-height:1;unicode-bidi:isolate;vertical-align:middle;white-space:nowrap}.phone-tail__mask{opacity:.55;letter-spacing:.14em;font-size:.82em}.phone-tail__num{font-size:1.22em;font-weight:900}.phone-tail--on-gold{background:#3b220424;color:#1c1003}.phone-tail--on-dark{background:#fbbf242e;color:#fbbf24}html[dir=rtl] .icon-flip-rtl,[dir=rtl] .icon-flip-rtl{transform:scaleX(-1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}