:root{--its-navy:#014a8f;--its-navy-dark:#013870;--its-navy-mid:#0076bb;--its-navy-light:#eaf4fb;--its-navy-pale:#f4f8fc;--its-orange:#f47920;--its-gold:#d4a843;--white:#fff;--gray-50:#f9fafb;--gray-100:#f0f4f8;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-500:#64748b;--gray-700:#334155;--gray-900:#0f172a;--bg-page:#f4f8fc;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border:#e2e8f0;--success:#16a34a;--success-light:#f0fdf4;--danger:#dc2626;--danger-light:#fef2f2;--warning:#d97706;--warning-light:#fffbeb;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:99px;--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-standard:cubic-bezier(.4,0,.2,1);--duration-fast:.15s;--duration-base:.22s;--duration-slow:.35s;--shadow-sm:0 1px 2px #0000000a,0 2px 6px #0000000f;--shadow-md:0 4px 8px #0000000f,0 8px 24px #0000001a;--shadow-lg:0 8px 16px #00000014,0 24px 48px #00000024;--shadow-navy:0 4px 12px #014a8f33,0 12px 32px #014a8f26;--shadow-orange:0 4px 12px #f4792040,0 8px 20px #f479201f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-page);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Neue Frutiger Arabic,Frutiger Arabic,Neue Frutiger,Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}h1,h2,.serif{letter-spacing:-.02em;font-family:Neue Frutiger Arabic,Frutiger Arabic,Neue Frutiger,Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 32px}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.page-content{flex:1;padding:40px 0}.section-pill{background:var(--its-navy-light);color:var(--its-navy);border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;border:1px solid #014a8f1f;margin-bottom:14px;padding:4px 16px;font-size:.72rem;font-weight:600;display:inline-block;box-shadow:inset 0 1px #ffffffb3}.btn{border-radius:var(--radius-full);transition:background var(--duration-base)var(--ease-standard),border-color var(--duration-base)var(--ease-standard),color var(--duration-base)var(--ease-standard),transform var(--duration-fast)var(--ease-spring),box-shadow var(--duration-base)var(--ease-standard);white-space:nowrap;letter-spacing:.01em;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--duration-fast)var(--ease-standard);background:#fff0;position:absolute;inset:0}.btn:active:after{background:#ffffff1f}.btn-primary{background:var(--its-navy);color:var(--white);border-color:var(--its-navy)}.btn-primary:hover{background:var(--its-navy-dark);border-color:var(--its-navy-dark);box-shadow:var(--shadow-navy);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #014a8f33}.btn-outline-white{color:var(--white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:0 0;border-color:#ffffff8c}.btn-outline-white:hover{background:#ffffff24;border-color:#ffffffe6;transform:translateY(-2px)}.btn-outline-white:active{transform:translateY(0)}.btn-outline{color:var(--its-navy);border-color:var(--its-navy);background:0 0}.btn-outline:hover{background:var(--its-navy-light);transform:translateY(-1px);box-shadow:0 2px 8px #014a8f1a}.btn-outline:active{transform:translateY(0)}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--gray-100);border-color:var(--gray-300)}.btn-success{background:var(--success);color:var(--white);border-color:var(--success)}.btn-success:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 4px 14px #16a34a4d}.btn-success:active{filter:brightness();transform:translateY(0)}.btn-orange{background:var(--its-orange);color:var(--white);border-color:var(--its-orange)}.btn-orange:hover{filter:brightness(1.06);box-shadow:var(--shadow-orange);transform:translateY(-2px)}.btn-orange:active{filter:brightness();transform:translateY(0)}.btn-sm{padding:7px 18px;font-size:.8rem}.btn-lg{letter-spacing:.015em;padding:13px 32px;font-size:.95rem}.btn-full{border-radius:var(--radius-md);width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base)var(--ease-standard),transform var(--duration-base)var(--ease-standard),border-color var(--duration-base)var(--ease-standard);padding:24px;position:relative}.card:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(#fffc 0%,#0000 40%);position:absolute;inset:0}.card>*{z-index:1;position:relative}.card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-2px)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.03em;font-size:.8rem;font-weight:600}.form-input{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--duration-fast)var(--ease-standard),box-shadow var(--duration-fast)var(--ease-standard),background var(--duration-fast)var(--ease-standard);width:100%;padding:11px 14px;font-size:.9rem}.form-input:hover:not(:focus){border-color:var(--gray-300)}.form-input:focus{border-color:var(--its-navy);background:#fafcff;outline:none;box-shadow:0 0 0 3px #014a8f1f,0 1px 4px #014a8f14}.form-input::placeholder{color:var(--gray-300)}:focus-visible{outline:2.5px solid var(--its-navy);outline-offset:3px;border-radius:4px}.form-input:focus-visible,.btn:focus-visible{outline:2.5px solid var(--its-navy);outline-offset:2px}.btn-outline-white:focus-visible{outline-color:#ffffffd9}.badge{border-radius:var(--radius-full);letter-spacing:.03em;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-blue{background:var(--its-navy-light);color:var(--its-navy);box-shadow:inset 0 1px #fff9,0 0 0 1px #014a8f1f}.badge-orange{color:var(--its-orange);background:#fff4ec;box-shadow:inset 0 1px #fff9,0 0 0 1px #f4792026}.badge-green{background:var(--success-light);color:var(--success);box-shadow:inset 0 1px #ffffff80,0 0 0 1px #16a34a26}.badge-yellow{background:var(--warning-light);color:var(--warning);box-shadow:inset 0 1px #ffffff80,0 0 0 1px #d9770626}.badge-red{background:var(--danger-light);color:var(--danger);box-shadow:inset 0 1px #ffffff80,0 0 0 1px #dc262626}.badge-purple{color:#6d28d9;background:#f3effe;box-shadow:inset 0 1px #ffffff80,0 0 0 1px #6d28d91f}.page-header{margin-bottom:28px}.page-header h1{color:var(--its-navy);font-family:Neue Frutiger Arabic,Frutiger Arabic,Neue Frutiger,Arial,sans-serif;font-size:1.75rem;font-weight:700}.page-header p{color:var(--text-muted);margin-top:6px;font-size:.9rem}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.alert{border:1px solid;border-radius:8px;padding:10px 14px;font-size:.85rem}.alert-error{background:var(--danger-light);color:var(--danger);border-color:#fecaca}.alert-success{background:var(--success-light);color:var(--success);border-color:#bbf7d0}.alert-warning{background:var(--warning-light);color:var(--warning);border-color:#fde68a}.spinner{border:2px solid #ffffff59;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp var(--duration-slow)var(--ease-out-expo)both}.animate-scale-in{animation:scaleIn var(--duration-base)var(--ease-out-expo)both}.slide-in-right{animation:.32s cubic-bezier(.22,1,.36,1) slideInRight}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.empty-state{text-align:center;color:var(--text-muted);padding:56px 20px}.empty-state h3{color:var(--text-secondary);margin-bottom:6px;font-size:1rem}.empty-state p{font-size:.85rem}