:root{--primary-green: #22C55E;--primary-dark: #166534;--primary-light: #DCFCE7;--warm-coral: #F97316;--warm-coral-light: #FFF7ED;--golden-honey: #EAB308;--golden-light: #FEF9C3;--charcoal: #1E293B;--slate: #475569;--cool-gray: #94A3B8;--silver: #E2E8F0;--snow: #F8FAFC;--white: #FFFFFF;--success: #22C55E;--warning: #EAB308;--error: #EF4444;--error-light: #FEF2F2;--info: #3B82F6;--info-light: #EFF6FF;--font-primary: "Inter", "Noto Sans Arabic", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-display: 2.25rem;--text-h1: 1.875rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-h4: 1rem;--text-body: .875rem;--text-caption: .75rem;--text-micro: .6875rem;--leading-heading: 1.2;--leading-body: 1.6;--leading-compact: 1.4;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .16), 0 8px 20px rgba(0, 0, 0, .08);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--sidebar-expanded: 260px;--sidebar-collapsed: 72px;--topbar-height: 56px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shakeX{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-enter{animation:fadeInUp .3s var(--ease-out) both}[dir=rtl] .text-start{text-align:right}[dir=rtl] .text-end{text-align:left}[dir=rtl] .icon-directional{transform:scaleX(-1)}[dir=rtl] .sidebar__toggle-icon{transform:rotate(180deg)}[dir=rtl] .sidebar__toggle-icon--flipped{transform:rotate(0)}@media (max-width: 639px){.hide-mobile{display:none!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}}.show-mobile{display:none!important}@media (max-width: 639px){.show-mobile{display:block!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--text-body);line-height:var(--leading-body);color:var(--charcoal);background-color:var(--snow);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cool-gray);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--slate)}h1{font-size:var(--text-h1);font-weight:700;line-height:var(--leading-heading)}h2{font-size:var(--text-h2);font-weight:600;line-height:var(--leading-heading)}h3{font-size:var(--text-h3);font-weight:600;line-height:var(--leading-heading)}h4{font-size:var(--text-h4);font-weight:600;line-height:var(--leading-heading)}a{color:var(--primary-green);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);font-family:var(--font-primary);font-size:var(--text-body);font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary-green);color:var(--white)}.btn--primary:hover:not(:disabled){background:#1ea34e;box-shadow:var(--shadow-sm)}.btn--secondary{background:transparent;border:1px solid var(--primary-green);color:var(--primary-green)}.btn--secondary:hover:not(:disabled){background:var(--primary-light)}.btn--danger{background:var(--error);color:var(--white)}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--ghost{background:transparent;color:var(--slate)}.btn--ghost:hover:not(:disabled){background:var(--snow)}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-caption)}.btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-h4)}.btn--icon{width:36px;height:36px;padding:0;border-radius:var(--radius-full);background:transparent}.btn--icon:hover:not(:disabled){background:var(--snow);box-shadow:var(--shadow-sm)}.card{background:var(--white);border:1px solid var(--silver);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-out)}.card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--selected{border-color:var(--primary-green);background:var(--primary-light)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card__title{font-size:var(--text-h3);font-weight:600;color:var(--charcoal)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-caption);font-weight:500;color:var(--slate);margin-bottom:var(--space-1)}.form-label .required{color:var(--error);margin-inline-start:2px}.form-control{width:100%;height:40px;padding:0 var(--space-3);font-family:var(--font-primary);font-size:var(--text-body);color:var(--charcoal);background:var(--white);border:1px solid var(--silver);border-radius:var(--radius-sm);transition:all var(--duration-fast);outline:none}.form-control::placeholder{color:var(--cool-gray)}.form-control:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #22c55e26}.form-control--error{border-color:var(--error);box-shadow:0 0 0 3px #ef444426}.form-control:disabled{background:var(--snow);opacity:.6;cursor:not-allowed}.form-error{font-size:var(--text-caption);color:var(--error);margin-top:var(--space-1);animation:shakeX .4s ease-in-out}textarea.form-control{height:auto;min-height:80px;padding:var(--space-2) var(--space-3);resize:vertical}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--snow);font-weight:600;font-size:var(--text-caption);color:var(--slate);text-align:start;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--silver);position:sticky;top:0;z-index:1}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--silver);font-size:var(--text-body)}.data-table tr:hover td{background:#22c55e0a}.badge{display:inline-flex;align-items:center;padding:0 var(--space-2);height:24px;border-radius:var(--radius-full);font-size:var(--text-micro);font-weight:500}.badge--active{background:#dcfce7;color:#166534}.badge--paused{background:#fef9c3;color:#854d0e}.badge--stopped{background:#fef2f2;color:#991b1b}.badge--draft{background:#f1f5f9;color:#475569}.badge--confirmed{background:#dcfce7;color:#166534}.badge--cancelled{background:#fef2f2;color:#991b1b}.badge--pending{background:#fff7ed;color:#9a3412}.badge--scheduled,.badge--info{background:#eff6ff;color:#1e40af}.badge--warning{background:#fef9c3;color:#854d0e}.toast-container .ngx-toastr{border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-md)!important;font-family:var(--font-primary)!important;font-size:var(--text-body)!important;padding:var(--space-3) var(--space-4)!important;border-left:4px solid transparent!important}.toast-container .toast-success{border-left-color:var(--primary-green)!important}.toast-container .toast-warning{border-left-color:var(--golden-honey)!important}.toast-container .toast-error{border-left-color:var(--error)!important}.toast-container .toast-info{border-left-color:var(--info)!important}.text-primary{color:var(--primary-green)}.text-muted{color:var(--cool-gray)}.text-danger{color:var(--error)}.text-center{text-align:center}.text-end{text-align:end}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.p-4{padding:var(--space-4)}.text-right{text-align:right}.mono{font-variant-numeric:tabular-nums;font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace)}@media (max-width: 640px){.hide-mobile{display:none!important}}@media (max-width: 1024px){.hide-tablet{display:none!important}}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3) var(--space-4);align-items:end}.form-group--full{grid-column:1/-1}.form-group--end{align-self:end;margin-bottom:0}.form-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body);cursor:pointer}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4);flex-wrap:wrap}.form-hint{display:block;margin-top:var(--space-1);font-size:var(--text-caption);color:var(--cool-gray)}.filter-card{margin-bottom:var(--space-4)}.section-title{font-size:var(--text-h3, 18px);font-weight:600;color:var(--charcoal);margin:0 0 var(--space-3) 0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.summary-tile{background:var(--snow, #f8fafc);border:1px solid var(--silver);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.summary-tile__label{font-size:var(--text-caption, 12px);color:var(--cool-gray);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.summary-tile__value{font-size:var(--text-h3, 18px);font-weight:600;color:var(--charcoal);line-height:1.3}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.data-table thead th{text-align:left;font-weight:600;color:var(--slate);background:var(--snow, #f8fafc);padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--silver);white-space:nowrap}.data-table tbody td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--silver);vertical-align:middle}.data-table tbody tr:hover{background:var(--snow, #f8fafc)}.data-table tbody tr.clickable-row{cursor:pointer}.data-table tbody tr.totals-row td{font-weight:600;border-top:2px solid var(--silver);background:var(--snow, #f8fafc)}.badge{display:inline-block;padding:2px 10px;font-size:var(--text-caption);font-weight:500;border-radius:var(--radius-full, 999px);background:var(--silver);color:var(--charcoal);white-space:nowrap}.badge--green{background:#22c55e1f;color:#15803d}.badge--amber{background:#f59e0b26;color:#b45309}.badge--blue{background:#3b82f61f;color:#1d4ed8}.badge--gray{background:var(--silver);color:var(--slate)}.badge--red{background:#ef44441f;color:#b91c1c}.modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-panel{background:var(--white);border-radius:var(--radius-md);padding:var(--space-5);max-width:480px;width:calc(100% - var(--space-6));box-shadow:var(--shadow-lg, 0 25px 50px rgba(0, 0, 0, .25))}.modal-title{font-size:var(--text-h3);font-weight:600;margin:0 0 var(--space-3)}.modal-body-text{color:var(--slate);margin:0 0 var(--space-4)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.action-buttons{display:flex;gap:var(--space-1)}.btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;margin-inline-end:var(--space-2);vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-row{height:24px;background:linear-gradient(90deg,var(--silver) 0%,var(--snow) 50%,var(--silver) 100%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm);margin-bottom:var(--space-2)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}