:root{color-scheme:light;--brand-900: #04291f;--brand-800: #064633;--brand-700: #075c43;--brand-600: #0a7454;--brand-500: #0f9268;--brand-400: #2fb185;--brand-300: #69cba9;--brand-200: #a8e2cd;--brand-100: #d6f2e7;--brand-50: #eef9f4;--gold-700: #8a5f0f;--gold-600: #b07d16;--gold-500: #d4a437;--gold-400: #e4bd63;--gold-200: #f4e0b0;--gold-100: #fbf1d8;--gold-50: #fdf8ec;--ink-900: #0f1b17;--ink-800: #1b2a25;--ink-700: #2c3b35;--ink-600: #48584f;--ink-500: #66766d;--ink-400: #8a9992;--ink-300: #b9c4bf;--ink-200: #dbe3df;--ink-100: #eaf0ed;--ink-50: #f4f8f6;--primary: var(--brand-600);--primary-hover: var(--brand-700);--primary-active: var(--brand-800);--primary-soft: var(--brand-50);--primary-soft-hover: var(--brand-100);--primary-contrast: #ffffff;--accent: var(--gold-500);--accent-hover: var(--gold-600);--accent-soft: var(--gold-50);--bg: #f1f5f3;--surface: #ffffff;--surface-2: #f8fbf9;--surface-3: #eef4f1;--border: #e2eae6;--border-strong: #cfdad5;--text: var(--ink-900);--text-soft: var(--ink-700);--text-muted: var(--ink-500);--success: #0f9d68;--success-soft: #e7f7f0;--success-ink: #075e44;--warning: #c98a04;--warning-soft: #fdf5e1;--warning-ink: #79530a;--danger: #d64545;--danger-hover: #b93636;--danger-soft: #fdeded;--danger-ink: #8f2626;--info: #1570ef;--info-soft: #eaf2ff;--info-ink: #0f4fa8;--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 27, 23, .06);--shadow-sm: 0 2px 8px rgba(15, 27, 23, .06), 0 1px 2px rgba(15, 27, 23, .04);--shadow-md: 0 10px 28px rgba(15, 27, 23, .08), 0 2px 6px rgba(15, 27, 23, .04);--shadow-lg: 0 22px 55px rgba(15, 27, 23, .13), 0 6px 16px rgba(15, 27, 23, .06);--ring: 0 0 0 4px rgba(15, 146, 104, .18);--ring-danger: 0 0 0 4px rgba(214, 69, 69, .18);--container: 1280px;--sidebar-w: 272px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--ease: cubic-bezier(.4, 0, .2, 1);--dur: .18s;--dur-slow: .32s;--font-sans: "Cairo", "Tajawal", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-quran: "Amiri", "Traditional Arabic", "Cairo", serif;--font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);font-size:15px;line-height:1.65;color:var(--text);background-color:var(--bg);background-image:radial-gradient(1100px 520px at 100% -8%,rgba(15,146,104,.1),transparent 60%),radial-gradient(900px 460px at 0% 0%,rgba(212,164,55,.09),transparent 55%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.3;color:var(--ink-900);letter-spacing:-.01em}h1{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}h2{font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem)}h3{font-size:1.15rem}h4{font-size:1rem}p{margin:0}a{color:var(--primary);text-decoration:none;transition:color var(--dur) var(--ease)}a:hover{color:var(--primary-hover);text-decoration:underline;text-underline-offset:3px}img,svg{max-width:100%;display:block}hr{border:0;border-top:1px solid var(--border);margin:var(--space-5) 0}small{font-size:.82rem}strong,b{font-weight:700}::selection{background:var(--brand-200);color:var(--brand-900)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-xs)}*{scrollbar-width:thin;scrollbar-color:var(--ink-300) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--ink-300);border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-pill)}*::-webkit-scrollbar-thumb:hover{background:var(--ink-400);background-clip:content-box}input,select,textarea,button{font:inherit;color:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=date],input[type=time],input[type=datetime-local],select,textarea{width:100%;padding:.65rem .9rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur) var(--ease)}input::placeholder,textarea::placeholder{color:var(--ink-400)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--ink-300)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-3);color:var(--text-muted);cursor:not-allowed}input.error,select.error,textarea.error,input.ng-invalid.ng-touched,select.ng-invalid.ng-touched{border-color:var(--danger)}input.error:focus,select.error:focus,textarea.error:focus{box-shadow:var(--ring-danger)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2366766d'%3E%3Cpath d='M5.5 7.5 10 12l4.5-4.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:20px;background-position:left .6rem center;padding-left:2.1rem}[dir=ltr] select{background-position:right .6rem center;padding-left:.9rem;padding-right:2.1rem}textarea{min-height:96px;resize:vertical}label{font-weight:600;color:var(--text-soft)}input[type=checkbox],input[type=radio]{width:1.05rem;height:1.05rem;accent-color:var(--primary);cursor:pointer}button{cursor:pointer}button:disabled{cursor:not-allowed}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.62rem 1.15rem;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-weight:700;font-size:.94rem;line-height:1.4;white-space:nowrap;cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none}.btn.primary,.btn-primary-app{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast);box-shadow:var(--shadow-xs)}.btn.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-sm)}.btn.secondary{background:var(--primary-soft);border-color:var(--brand-100);color:var(--brand-800)}.btn.secondary:hover:not(:disabled){background:var(--primary-soft-hover);border-color:var(--brand-200)}.btn.outline,.btn.ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text-soft)}.btn.outline:hover:not(:disabled),.btn.ghost:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#40290a}.btn.accent:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn.small,.btn.sm{padding:.4rem .75rem;font-size:.83rem;border-radius:var(--radius-xs)}.btn.block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all var(--dur) var(--ease)}.icon-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card{padding:var(--space-6)}.surface-muted{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.page{max-width:var(--container);margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-10)}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header .subtitle,.subtitle{color:var(--text-muted);font-size:.92rem}.section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);margin-bottom:var(--space-5);border-bottom:1px solid var(--border)}.table-wrapper,.table-responsive{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:.92rem}thead th{padding:.85rem 1rem;background:var(--surface-3);color:var(--ink-700);font-weight:800;font-size:.83rem;letter-spacing:.02em;text-transform:none;white-space:nowrap;border-bottom:1px solid var(--border)}tbody td{padding:.8rem 1rem;border-bottom:1px solid var(--ink-100);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background-color var(--dur) var(--ease)}tbody tr:hover{background:var(--surface-2)}.chip,.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .7rem;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--border);color:var(--text-soft);font-size:.8rem;font-weight:700}.chip.success{background:var(--success-soft);border-color:transparent;color:var(--success-ink)}.chip.warning{background:var(--warning-soft);border-color:transparent;color:var(--warning-ink)}.chip.danger{background:var(--danger-soft);border-color:transparent;color:var(--danger-ink)}.chip.info{background:var(--info-soft);border-color:transparent;color:var(--info-ink)}.notice{padding:.85rem 1.05rem;border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid var(--border);color:var(--text-soft);font-weight:600}.notice.success,.success-message{background:var(--success-soft);border:1px solid rgba(15,157,104,.25);color:var(--success-ink);padding:.85rem 1.05rem;border-radius:var(--radius-sm);font-weight:600}.notice.error,.error-message{background:var(--danger-soft);border:1px solid rgba(214,69,69,.25);color:var(--danger-ink);padding:.85rem 1.05rem;border-radius:var(--radius-sm);font-weight:600}.notice.warning{background:var(--warning-soft);border:1px solid rgba(201,138,4,.25);color:var(--warning-ink)}.validation-error{color:var(--danger);font-size:.82rem;font-weight:600}.empty-message,.no-data{padding:var(--space-8) var(--space-5);text-align:center;color:var(--text-muted)}.hint{color:var(--text-muted);font-size:.82rem}.muted{color:var(--text-muted)}.modal-backdrop-app,.app-modal{position:fixed;inset:0;z-index:1050;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:#0b1a158c;backdrop-filter:blur(6px);animation:fade-in var(--dur-slow) var(--ease)}.app-modal>.modal-content,.modal-panel{width:min(720px,100%);max-height:88vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);animation:pop-in var(--dur-slow) var(--ease)}.spinner{width:40px;height:40px;border:3px solid var(--ink-100);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--ink-100) 37%,var(--surface-3) 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:var(--radius-xs)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.fade-in{animation:fade-in var(--dur-slow) var(--ease)}.rise-in{animation:rise-in var(--dur-slow) var(--ease) both}.competitor-link{color:var(--brand-700);cursor:pointer;font-weight:700;text-decoration:none;transition:color var(--dur) var(--ease)}.competitor-link:hover{color:var(--brand-900);text-decoration:underline}.btn{--bs-btn-focus-box-shadow: var(--ring)}.btn-success,.btn-primary{background-color:var(--primary);border-color:var(--primary);color:#fff}.btn-success:hover,.btn-primary:hover,.btn-success:focus,.btn-primary:focus{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn-outline-primary{color:var(--primary);border-color:var(--border-strong)}.btn-outline-primary:hover,.btn-outline-primary:focus{background-color:var(--primary);border-color:var(--primary);color:#fff}.btn-outline-secondary{color:var(--text-soft);border-color:var(--border-strong)}.btn-outline-secondary:hover{background-color:var(--surface-3);border-color:var(--ink-300);color:var(--text)}.btn-outline-danger{color:var(--danger);border-color:#d6454566}.btn-outline-danger:hover{background-color:var(--danger);border-color:var(--danger);color:#fff}.btn-secondary{background-color:var(--ink-600);border-color:var(--ink-600)}.form-control,.form-select{border-radius:var(--radius-sm);border-color:var(--border-strong);padding:.6rem .85rem}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:var(--ring)}.card{border-color:var(--border)}.card.shadow-sm{box-shadow:var(--shadow-md)!important;border-radius:var(--radius);overflow:hidden}.card-header{border-bottom:1px solid var(--border);padding:var(--space-5) var(--space-6)}.card-body{padding:var(--space-6)}.table>:not(caption)>*>*{padding:.8rem 1rem}.table-light>:not(caption)>*>*{background:var(--surface-3);color:var(--ink-700)}.table-hover>tbody>tr:hover>*{background-color:var(--surface-2)}.badge{border-radius:var(--radius-pill);padding:.35em .75em;font-weight:700}.badge.bg-success{background-color:var(--success-soft)!important;color:var(--success-ink)!important}.badge.bg-secondary{background-color:var(--surface-3)!important;color:var(--ink-700)!important}.badge.bg-primary{background-color:var(--info-soft)!important;color:var(--info-ink)!important}.badge.bg-warning{background-color:var(--warning-soft)!important;color:var(--warning-ink)!important}.badge.bg-danger{background-color:var(--danger-soft)!important;color:var(--danger-ink)!important}.modal-content{border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal-header,.modal-footer{border-color:var(--border);padding:var(--space-5) var(--space-6)}.modal-body{padding:var(--space-6)}.alert{border-radius:var(--radius-sm);border-width:1px}.alert-info{background:var(--info-soft);border-color:#1570ef33;color:var(--info-ink)}.alert-success{background:var(--success-soft);border-color:#0f9d6838;color:var(--success-ink)}.accordion-item{border-radius:var(--radius-sm)!important;border:1px solid var(--border);overflow:hidden}.accordion-button{font-weight:700;background:var(--surface-2);color:var(--ink-800)}.accordion-button:not(.collapsed){background:var(--primary-soft);color:var(--brand-800);box-shadow:none}.accordion-button:focus{box-shadow:var(--ring);border-color:transparent}.spinner-border.text-primary,.text-primary{color:var(--primary)!important}.text-success{color:var(--success)!important}.text-muted{color:var(--text-muted)!important}.border-primary{border-color:var(--primary)!important}@media print{@page{size:A4;margin:14mm}html,body{margin:0!important;padding:0!important;height:auto!important;min-height:0!important;background:#fff!important;background-image:none!important;background-attachment:scroll!important}.no-print,.d-print-none,#app-toast-container,.modal-backdrop-app,.app-modal,.modal-overlay{display:none!important}.print-only{display:block!important}app-admin-dashboard .sidebar{display:none!important}app-admin-dashboard .container,app-admin-dashboard .dashboard,app-admin-dashboard .content{display:block!important;max-width:none!important;width:auto!important;margin:0!important;padding:0!important;gap:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.container{min-height:0!important;max-width:none!important;padding:0!important}.card,.panel,.table-wrapper,.printable-area{box-shadow:none!important;border-color:#cfcfcf!important}thead{display:table-header-group}tfoot{display:table-footer-group}tr,img{break-inside:avoid;page-break-inside:avoid}}.print-only{display:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}