@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";:root{--surface-default: var(--bg-base);--surface-raised: var(--card-bg);--surface-raised-hover: var(--card-bg-hover);--surface-overlay: var(--surface-elevated);--surface-sunken: var(--input-bg);--text-tertiary: var(--text-muted);--border-subtle: var(--card-border);--border-default: var(--input-border);--border-strong: var(--card-border-hover);--feedback-success: var(--color-success);--feedback-warning: var(--color-warning);--feedback-danger: var(--color-danger);--feedback-info: var(--color-info);--feedback-neutral: var(--text-secondary);--feedback-success-subtle: color-mix(in srgb, var(--color-success) 12%, transparent);--feedback-warning-subtle: color-mix(in srgb, var(--color-warning) 12%, transparent);--feedback-danger-subtle: color-mix(in srgb, var(--color-danger) 12%, transparent);--feedback-info-subtle: color-mix(in srgb, var(--color-info) 12%, transparent);--feedback-neutral-subtle: color-mix(in srgb, var(--text-secondary) 10%, transparent);--priority-vip: var(--priority-vip-raw, #9333ea);--priority-vip-subtle: color-mix(in srgb, var(--priority-vip-raw, #9333ea) 12%, transparent);--priority-delivery: var(--color-info);--priority-delivery-subtle: var(--feedback-info-subtle);--priority-normal: var(--text-secondary);--priority-scheduled: var(--color-secondary);--priority-scheduled-subtle: color-mix(in srgb, var(--color-secondary) 12%, transparent);--brand-primary: var(--color-primary);--brand-accent: var(--color-accent);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-small: var(--radius-sm);--radius-medium: var(--radius-md);--radius-large: var(--radius-lg);--radius-pill: 999px;--shadow-resting: var(--card-shadow);--shadow-raised: var(--card-shadow-hover);--shadow-overlay: var(--surface-elevated-shadow);--shadow-focus-ring: 0 0 0 3px var(--input-focus-ring);--motion-duration-instant: 80ms;--motion-duration-fast: .14s;--motion-duration-normal: .22s;--motion-duration-slow: .3s;--motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--motion-easing-decelerate: cubic-bezier(0, 0, .2, 1);--motion-easing-accelerate: cubic-bezier(.4, 0, 1, 1);--touch-target-min: 44px}.density-compact{--touch-target-min: 56px;--spacing-inset: var(--spacing-4)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-ghost:hover{background:var(--surface-raised-hover);color:var(--text-primary)}.mv-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-medium);box-shadow:var(--shadow-resting);padding:var(--spacing-4);transition:box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.mv-card:hover{box-shadow:var(--shadow-raised)}.mv-card-compact{padding:var(--spacing-3)}.mv-checkbox,.mv-radio{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:var(--touch-target-min)}.mv-checkbox input,.mv-radio input{width:20px;height:20px;flex-shrink:0;accent-color:var(--brand-primary);cursor:pointer}.mv-checkbox input{border-radius:5px}.mv-checkbox-label,.mv-radio-label{font-size:.875rem;color:var(--text-primary)}.status-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap}.status-chip svg{width:12px;height:12px;flex-shrink:0}.status-chip-success{background:var(--feedback-success-subtle);color:var(--feedback-success)}.status-chip-warning{background:var(--feedback-warning-subtle);color:var(--feedback-warning)}.status-chip-danger{background:var(--feedback-danger-subtle);color:var(--feedback-danger)}.status-chip-info{background:var(--feedback-info-subtle);color:var(--feedback-info)}.status-chip-neutral{background:var(--feedback-neutral-subtle);color:var(--feedback-neutral)}.priority-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700}.priority-badge-vip{background:var(--priority-vip-subtle);color:var(--priority-vip)}.priority-badge-delivery{background:var(--priority-delivery-subtle);color:var(--priority-delivery)}.priority-badge-normal{background:transparent;color:var(--priority-normal)}.priority-badge-scheduled{background:var(--priority-scheduled-subtle);color:var(--priority-scheduled)}.timer-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--feedback-neutral)}.timer-badge svg{width:14px;height:14px}.timer-badge-warning{color:var(--feedback-warning)}.timer-badge-danger{color:var(--feedback-danger);animation:none}.mv-tabs{display:flex;gap:var(--spacing-1);border-bottom:1px solid var(--border-subtle)}.mv-tab{padding:.625rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);border-bottom:2px solid transparent;cursor:pointer;background:none;border-inline:none;border-top:none;min-height:var(--touch-target-min)}.mv-tab:hover{color:var(--text-primary)}.mv-tab.is-active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--border-subtle) 37%,var(--surface-sunken) 63%);background-size:400% 100%;animation:mv-skeleton-shimmer 1.6s ease infinite;border-radius:var(--radius-small)}@keyframes mv-skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;opacity:.6}}.spinner{width:18px;height:18px;border:2.5px solid var(--border-subtle);border-top-color:var(--brand-primary);border-radius:50%;animation:mv-spin .6s linear infinite;display:inline-block}@keyframes mv-spin{to{transform:rotate(360deg)}}.kpi-widget{display:flex;flex-direction:column;gap:.375rem}.kpi-widget-label{font-size:.72rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.kpi-widget-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.kpi-widget-delta{font-size:.78rem;font-weight:600}.kpi-widget-delta-up{color:var(--feedback-success)}.kpi-widget-delta-down,.kpi-widget-danger .kpi-widget-value{color:var(--feedback-danger)}.kpi-widget-link{font-size:.78rem;color:var(--brand-primary)}.product-card{position:relative;display:flex;flex-direction:column;background:var(--surface-raised);border:1.5px solid var(--border-subtle);border-radius:var(--radius-large);overflow:hidden;cursor:pointer;min-height:var(--touch-target-min);box-shadow:var(--shadow-resting);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard),transform var(--motion-duration-fast) var(--motion-easing-standard)}.product-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-raised);transform:translateY(-2px)}.product-card:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}.product-card:active{transform:translateY(0) scale(.97);box-shadow:var(--shadow-resting);transition-duration:80ms}.product-card.is-selected{border-color:var(--brand-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary) 35%,transparent)}.product-card-image{aspect-ratio:5 / 4;background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.product-card-placeholder-mark{color:color-mix(in srgb,var(--brand-primary) 45%,var(--text-tertiary));opacity:.55}.product-card-body{padding:var(--spacing-3) var(--spacing-3) .85rem;display:flex;flex-direction:column;gap:.5rem}.product-card-name{font-size:.87rem;font-weight:700;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-price{align-self:flex-start;font-size:.78rem;font-weight:800;color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 10%,transparent);padding:.25rem .65rem;border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;letter-spacing:.01em}.product-card-badges{position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem;display:flex;gap:.3rem}.product-card-badges .status-chip{box-shadow:var(--shadow-resting)}.product-card-unavailable{background:var(--feedback-neutral-subtle);pointer-events:none;box-shadow:none}.product-card-unavailable .product-card-image,.product-card-unavailable .product-card-body{opacity:.5}.order-ticket{display:flex;flex-direction:column;height:100%}.order-ticket-line{display:flex;justify-content:space-between;gap:var(--spacing-2);padding:.625rem 0;border-bottom:1px solid var(--border-subtle);font-size:.85rem}.order-ticket-line:last-child{border-bottom:none}.order-ticket-line-note{font-size:.72rem;color:var(--text-tertiary)}.order-ticket-summary-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);padding:.2rem 0}.order-ticket-total-row{display:flex;justify-content:space-between;font-weight:700;font-size:1.05rem;color:var(--text-primary);margin-top:.375rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.kitchen-ticket{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-medium);box-shadow:var(--shadow-resting);display:flex;flex-direction:column;min-width:220px}.kitchen-ticket-header{padding:var(--spacing-3);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.kitchen-ticket-order-label{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.kitchen-ticket-sub-label{font-size:.78rem;color:var(--text-tertiary);font-weight:600;margin-top:.15rem}.kitchen-ticket-body{padding:var(--spacing-3);display:flex;flex-direction:column;gap:.6rem;flex:1}.kitchen-ticket-item{display:flex;align-items:center;gap:.6rem;font-size:.95rem}.kitchen-ticket-item-qty{font-weight:800;color:var(--text-primary);min-width:28px}.kitchen-ticket-item-name{flex:1;font-weight:600;color:var(--text-primary)}.kitchen-ticket-item-status{flex-shrink:0;color:var(--feedback-success)}.kitchen-ticket-item-form{flex-shrink:0}.kitchen-ticket-item-advance-btn{flex-shrink:0;border:1px solid var(--border-subtle);background:var(--surface-sunken);color:var(--text-primary);font-size:.72rem;font-weight:700;padding:.4rem .7rem;border-radius:var(--radius-small);cursor:pointer;min-height:var(--touch-target-min);transition:background var(--motion-duration-fast) var(--motion-easing-standard),transform var(--motion-duration-fast) var(--motion-easing-standard)}.kitchen-ticket-item-advance-btn:hover{background:var(--surface-raised-hover)}.kitchen-ticket-item-advance-btn:active{transform:scale(.95)}.kitchen-ticket-item-note{font-size:.76rem;color:var(--text-tertiary);padding-inline-start:2.15rem;margin-top:-.35rem}.kitchen-ticket-footer{padding:var(--spacing-3);border-top:1px solid var(--border-subtle)}.kitchen-ticket-note{background:var(--feedback-danger-subtle);color:var(--feedback-danger);font-weight:700;font-size:.8rem;padding:.375rem .5rem;border-radius:var(--radius-small)}.kitchen-ticket-danger-border{border-color:var(--feedback-danger);border-width:2px}.kitchen-ticket-warning-border{border-color:var(--feedback-warning);border-width:2px}.table-shape{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;min-height:var(--touch-target-min);border-radius:var(--radius-medium);border:2px solid var(--border-subtle);background:var(--surface-raised);cursor:pointer;font-size:.75rem;gap:.3rem;box-shadow:var(--shadow-resting);transition:transform var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.table-shape:hover{transform:translateY(-2px);box-shadow:var(--shadow-raised)}.table-shape:active{transform:translateY(0) scale(.97);box-shadow:var(--shadow-resting)}.table-shape:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}.table-shape-available{background:var(--feedback-success-subtle);border-color:var(--feedback-success)}.table-shape-reserved{background:var(--feedback-warning-subtle);border-color:var(--feedback-warning)}.table-shape-occupied{background:var(--feedback-danger-subtle);border-color:var(--feedback-danger)}.table-shape-waiting{background:var(--feedback-info-subtle);border-color:var(--feedback-info)}.table-shape-bill-requested{background:var(--priority-vip-subtle);border-color:var(--priority-vip)}.table-shape-label{font-weight:800;color:var(--text-primary);font-size:.95rem}.payment-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-6)}.payment-panel-methods{display:flex;flex-direction:column;gap:var(--spacing-2)}.payment-method-tile{position:relative;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);padding-inline-start:2.6rem;border:1.5px solid var(--border-subtle);border-radius:var(--radius-medium);cursor:pointer;min-height:var(--touch-target-min);font-weight:700;color:var(--text-secondary);background:var(--surface-raised);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),background var(--motion-duration-fast) var(--motion-easing-standard),transform var(--motion-duration-fast) var(--motion-easing-standard)}.payment-method-tile:before{content:"";position:absolute;inset-inline-start:var(--spacing-3);width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface-sunken);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),background var(--motion-duration-fast) var(--motion-easing-standard)}.payment-method-tile:hover{border-color:var(--brand-primary)}.payment-method-tile:active{transform:scale(.98)}.payment-method-tile.is-selected{border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 8%,transparent);color:var(--text-primary)}.payment-method-tile.is-selected:before{border-color:var(--brand-primary);background:var(--brand-primary);box-shadow:inset 0 0 0 3px var(--surface-raised)}.payment-panel-summary{display:flex;flex-direction:column;gap:.7rem}.payment-panel-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary)}.payment-panel-row-total{font-size:1.4rem;font-weight:800;color:var(--text-primary)}.payment-panel-row-change{font-size:1.1rem;font-weight:700;color:var(--feedback-success)}@media (max-width: 768px){.payment-panel{grid-template-columns:1fr}}.active-filters-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;padding:.65rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:var(--surface-sunken)}.active-filters-label{font-size:.76rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.active-filters-chips{display:flex;gap:.4rem;flex-wrap:wrap}.active-filter-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:var(--radius-pill, 999px);background:var(--surface-raised);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.76rem;font-weight:600;text-decoration:none;transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard)}.active-filter-chip:hover{border-color:var(--feedback-danger);color:var(--feedback-danger)}.active-filter-chip svg{flex-shrink:0}.active-filters-clear{margin-inline-start:auto;font-size:.78rem;font-weight:700;color:var(--brand-primary);text-decoration:none;flex-shrink:0}.active-filters-clear:hover{text-decoration:underline}.tbl-action.tbl-action-primary{background:var(--brand-primary, var(--color-primary));border-color:var(--brand-primary, var(--color-primary));color:#fff}.tbl-action.tbl-action-primary:hover{background:var(--brand-primary, var(--color-primary));border-color:var(--brand-primary, var(--color-primary));filter:brightness(1.08);color:#fff}.tbl-action.tbl-action-ghost{border-color:transparent;background:transparent;opacity:.65}.tbl-action.tbl-action-ghost:hover{opacity:1;border-color:var(--border-subtle);background:var(--surface-sunken)}.kpi-as-of{font-size:.76rem;color:var(--text-tertiary);margin:-.5rem 0 1.25rem}:root{--premium-motion-fast: .15s;--premium-motion-normal: .2s;--premium-motion-slow: .25s}.mv-premium-card{transition:transform var(--premium-motion-normal) var(--motion-easing-standard),box-shadow var(--premium-motion-normal) var(--motion-easing-standard),border-color var(--premium-motion-fast) var(--motion-easing-standard)}.mv-premium-card:hover,.mv-premium-card:focus-within{transform:translateY(-3px);box-shadow:var(--shadow-raised);border-color:var(--border-strong)}.mv-soft-lift{transition:transform var(--premium-motion-fast) var(--motion-easing-standard)}.mv-soft-lift:hover{transform:translateY(-2px)}.mv-smart-shadow{box-shadow:var(--shadow-resting);transition:box-shadow var(--premium-motion-normal) var(--motion-easing-standard)}.mv-smart-shadow:hover,.mv-smart-shadow:focus-within{box-shadow:var(--shadow-raised)}.mv-subtle-glow{transition:box-shadow var(--premium-motion-normal) var(--motion-easing-standard)}.mv-subtle-glow:hover,.mv-subtle-glow:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 18%,transparent)}@keyframes mv-pulse-ring{0%{box-shadow:0 0 0 0 var(--mv-pulse-color, transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.mv-pulse-success{--mv-pulse-color: color-mix(in srgb, var(--feedback-success) 45%, transparent);animation:mv-pulse-ring 1.1s var(--motion-easing-decelerate) 3}.mv-pulse-warning{--mv-pulse-color: color-mix(in srgb, var(--feedback-warning) 45%, transparent);animation:mv-pulse-ring 1.1s var(--motion-easing-decelerate) 3}.mv-pulse-critical{--mv-pulse-color: color-mix(in srgb, var(--feedback-danger) 50%, transparent);animation:mv-pulse-ring .9s var(--motion-easing-decelerate) 3}@keyframes mv-fade-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mv-fade-slide-in{animation:mv-fade-slide-in var(--premium-motion-slow) var(--motion-easing-decelerate) both}@keyframes mv-scale-dialog-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.mv-scale-dialog-in{animation:mv-scale-dialog-in var(--premium-motion-normal) var(--motion-easing-decelerate) both}.mv-accent-success{color:var(--feedback-success);border-inline-start:3px solid var(--feedback-success)}.mv-accent-warning{color:var(--feedback-warning);border-inline-start:3px solid var(--feedback-warning)}.mv-accent-danger{color:var(--feedback-danger);border-inline-start:3px solid var(--feedback-danger)}.mv-accent-info{color:var(--feedback-info);border-inline-start:3px solid var(--feedback-info)}.mv-accent-ai{color:var(--priority-vip);border-inline-start:3px solid var(--priority-vip)}@media (prefers-reduced-motion: reduce){.mv-premium-card,.mv-soft-lift,.mv-smart-shadow,.mv-subtle-glow{transition:none}.mv-premium-card:hover,.mv-premium-card:focus-within,.mv-soft-lift:hover,.mv-smart-shadow:hover,.mv-smart-shadow:focus-within,.mv-subtle-glow:hover,.mv-subtle-glow:focus-within{transform:none}.mv-pulse-success,.mv-pulse-warning,.mv-pulse-critical,.mv-fade-slide-in,.mv-scale-dialog-in{animation:none}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Cairo,ui-sans-serif,system-ui;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.z-\[99\]{z-index:99}.-ml-px{margin-left:-1px}.mb-5{margin-bottom:1.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-full{height:100%}.\!w-auto{width:auto!important}.w-5{width:1.25rem}.flex-shrink{flex-shrink:1}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.rounded-md{border-radius:.375rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.bg-black\/50{background-color:#00000080}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--font-sans: "Tajawal", "Segoe UI", system-ui, sans-serif;--color-primary: #d97706;--color-primary-dark: #b45309;--color-primary-light: #f59e0b;--color-secondary: #ca8a04;--color-accent: #fbbf24;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--priority-vip-raw: #9333ea;--primary-grad: linear-gradient(135deg, #d97706, #b45309);--avatar-grad: linear-gradient(135deg, #d97706, #ca8a04);--bg-base: #fdf8f0;--app-bg-grad: linear-gradient(145deg, #fdf8f0 0%, #fef3c7 50%, #fdf8f0 100%);--orb-1: rgba(251, 191, 36, .18);--orb-2: rgba(217, 119, 6, .1);--orb-3: rgba(245, 158, 11, .08);--grid-color: rgba(217, 119, 6, .04);--card-bg: #ffffff;--card-bg-hover: #ffffff;--card-border: rgba(253, 230, 138, .8);--card-border-hover:rgba(251, 191, 36, .55);--card-shadow: 0 4px 24px rgba(180, 83, 9, .1);--card-shadow-hover:0 12px 40px rgba(180, 83, 9, .15);--card-blur: none;--surface-elevated: #ffffff;--surface-elevated-border: rgba(253, 230, 138, .9);--surface-elevated-shadow: 0 12px 40px rgba(26, 15, 0, .15);--surface-header-bg: rgba(253, 248, 240, .6);--text-primary: #1a0f00;--text-secondary: #78350f;--text-muted: #a16207;--selection-bg: rgba(217, 119, 6, .25);--selection-text: #1a0f00;--sidebar-bg: #1a0f00;--sidebar-border: rgba(251, 191, 36, .15);--sidebar-logo-grad: linear-gradient(135deg, #fbbf24, #f59e0b);--sidebar-section: rgba(251, 191, 36, .4);--sidebar-item-text: rgba(255, 255, 255, .55);--sidebar-item-hover-bg: rgba(251, 191, 36, .08);--sidebar-item-hover-text:#fbbf24;--sidebar-active-bg: rgba(251, 191, 36, .16);--sidebar-active-text: #fbbf24;--sidebar-active-border: rgba(251, 191, 36, .25);--sidebar-active-accent: linear-gradient(180deg, #fbbf24, #d97706);--sidebar-user-name: #fef3c7;--sidebar-user-role: rgba(251, 191, 36, .5);--sidebar-status-ring: #1a0f00;--navbar-bg: rgba(253, 248, 240, .94);--navbar-border: rgba(253, 230, 138, .9);--navbar-btn-bg: rgba(255, 255, 255, .7);--navbar-btn-border: rgba(253, 230, 138, .8);--input-bg: #ffffff;--input-bg-hover: #fffef8;--input-bg-focus: #fffef8;--input-border: rgba(253, 230, 138, .9);--input-text: #1a0f00;--input-placeholder: rgba(161, 98, 7, .7);--input-focus-border: #d97706;--input-focus-ring: rgba(217, 119, 6, .12);--select-option-bg: #ffffff;--select-option-text: #1a0f00;--table-head-bg: rgba(253, 230, 138, .25);--table-head-text: #a16207;--table-row-border: rgba(253, 230, 138, .4);--table-row-hover: rgba(253, 230, 138, .15);--table-border: rgba(253, 230, 138, .7);--divider: rgba(253, 230, 138, .6);--scrollbar-thumb: rgba(217, 119, 6, .25);--scrollbar-thumb-hover:rgba(217, 119, 6, .45);--empty-icon-bg: rgba(253, 230, 138, .25);--empty-icon-border: rgba(253, 230, 138, .7);--track-bg: rgba(180, 83, 9, .1);--modal-backdrop: rgba(26, 15, 0, .45);--btn-secondary-bg: rgba(255, 255, 255, .85);--btn-secondary-text: #78350f;--btn-secondary-border: rgba(253, 230, 138, .9);--btn-secondary-hover: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--t-fast: all .15s ease;--t-base: all .25s cubic-bezier(.4, 0, .2, 1);--t-smooth: all .35s cubic-bezier(.4, 0, .2, 1);--t-spring: all .4s cubic-bezier(.68, -.55, .265, 1.55);--sidebar-w: 280px;--sidebar-w-collapsed: 72px;--navbar-h: 68px;--glass-bg: var(--card-bg);--glass-bg-md: var(--card-bg-hover);--glass-bg-hover: var(--card-bg-hover);--glass-border: var(--card-border);--glass-border-md: var(--card-border-hover);--glass-shadow: var(--card-shadow);--glass-blur: var(--card-blur)}[data-theme=dark]{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #818cf8;--color-secondary: #06b6d4;--color-accent: #f59e0b;--priority-vip-raw: #a78bfa;--primary-grad: linear-gradient(135deg, #6366f1, #4f46e5);--avatar-grad: linear-gradient(135deg, #6366f1, #06b6d4);--bg-base: #080818;--app-bg-grad: linear-gradient(135deg, #080818 0%, #0f0f2a 50%, #16163a 100%);--orb-1: rgba(99, 102, 241, .18);--orb-2: rgba(6, 182, 212, .12);--orb-3: rgba(245, 158, 11, .08);--grid-color: rgba(99, 102, 241, .03);--card-bg: rgba(255, 255, 255, .05);--card-bg-hover: rgba(255, 255, 255, .1);--card-border: rgba(255, 255, 255, .1);--card-border-hover:rgba(255, 255, 255, .15);--card-shadow: 0 8px 32px rgba(0, 0, 0, .4);--card-shadow-hover:0 20px 60px rgba(0, 0, 0, .5);--card-blur: blur(24px) saturate(180%);--surface-elevated: rgba(15, 15, 42, .97);--surface-elevated-border: rgba(255, 255, 255, .15);--surface-elevated-shadow: 0 20px 50px rgba(0, 0, 0, .5);--surface-header-bg: rgba(255, 255, 255, .03);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--selection-bg: rgba(99, 102, 241, .35);--selection-text: #ffffff;--sidebar-bg: #0a0a1f;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-logo-grad: linear-gradient(135deg, #818cf8, #06b6d4);--sidebar-section: #64748b;--sidebar-item-text: #94a3b8;--sidebar-item-hover-bg: rgba(255, 255, 255, .08);--sidebar-item-hover-text:#f1f5f9;--sidebar-active-bg: rgba(99, 102, 241, .18);--sidebar-active-text: #818cf8;--sidebar-active-border: rgba(99, 102, 241, .25);--sidebar-active-accent: linear-gradient(180deg, #6366f1, #06b6d4);--sidebar-user-name: #f1f5f9;--sidebar-user-role: #64748b;--sidebar-status-ring: #0a0a1f;--navbar-bg: rgba(8, 8, 24, .85);--navbar-border: rgba(255, 255, 255, .1);--navbar-btn-bg: rgba(255, 255, 255, .05);--navbar-btn-border: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .05);--input-bg-hover: rgba(255, 255, 255, .07);--input-bg-focus: rgba(99, 102, 241, .06);--input-border: rgba(255, 255, 255, .15);--input-text: #f1f5f9;--input-placeholder: #64748b;--input-focus-border: #6366f1;--input-focus-ring: rgba(99, 102, 241, .15);--select-option-bg: #16163a;--select-option-text: #f1f5f9;--table-head-bg: rgba(99, 102, 241, .06);--table-head-text: #64748b;--table-row-border: rgba(255, 255, 255, .04);--table-row-hover: rgba(255, 255, 255, .03);--table-border: rgba(255, 255, 255, .1);--divider: rgba(255, 255, 255, .1);--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-thumb-hover:rgba(255, 255, 255, .22);--empty-icon-bg: rgba(255, 255, 255, .08);--empty-icon-border: rgba(255, 255, 255, .15);--track-bg: rgba(255, 255, 255, .06);--modal-backdrop: rgba(0, 0, 0, .65);--btn-secondary-bg: rgba(255, 255, 255, .08);--btn-secondary-text: #f1f5f9;--btn-secondary-border: rgba(255, 255, 255, .15);--btn-secondary-hover: rgba(255, 255, 255, .12)}[data-theme=light]{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #3b82f6;--color-secondary: #0ea5e9;--color-accent: #3b82f6;--priority-vip-raw: #7c3aed;--primary-grad: linear-gradient(135deg, #2563eb, #1d4ed8);--avatar-grad: linear-gradient(135deg, #2563eb, #0ea5e9);--bg-base: #f8f9fc;--app-bg-grad: linear-gradient(145deg, #f8f9fc 0%, #eef2f9 50%, #f8f9fc 100%);--orb-1: rgba(37, 99, 235, .08);--orb-2: rgba(14, 165, 233, .06);--orb-3: rgba(37, 99, 235, .05);--grid-color: rgba(37, 99, 235, .03);--card-bg: #ffffff;--card-bg-hover: #ffffff;--card-border: #e5e7eb;--card-border-hover:#cbd5e1;--card-shadow: 0 2px 12px rgba(15, 23, 42, .06);--card-shadow-hover:0 12px 32px rgba(15, 23, 42, .1);--card-blur: none;--surface-elevated: #ffffff;--surface-elevated-border: #e5e7eb;--surface-elevated-shadow: 0 12px 40px rgba(15, 23, 42, .12);--surface-header-bg: #f8fafc;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--selection-bg: rgba(37, 99, 235, .18);--selection-text: #111827;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-logo-grad: linear-gradient(135deg, #2563eb, #0ea5e9);--sidebar-section: #9ca3af;--sidebar-item-text: #6b7280;--sidebar-item-hover-bg: #f3f4f6;--sidebar-item-hover-text:#111827;--sidebar-active-bg: #eff6ff;--sidebar-active-text: #2563eb;--sidebar-active-border: rgba(37, 99, 235, .2);--sidebar-active-accent: linear-gradient(180deg, #2563eb, #0ea5e9);--sidebar-user-name: #111827;--sidebar-user-role: #9ca3af;--sidebar-status-ring: #ffffff;--navbar-bg: rgba(255, 255, 255, .92);--navbar-border: #e5e7eb;--navbar-btn-bg: #f8fafc;--navbar-btn-border: #e5e7eb;--input-bg: #ffffff;--input-bg-hover: #fafbfc;--input-bg-focus: #ffffff;--input-border: #d1d5db;--input-text: #111827;--input-placeholder: #9ca3af;--input-focus-border: #2563eb;--input-focus-ring: rgba(37, 99, 235, .12);--select-option-bg: #ffffff;--select-option-text: #111827;--table-head-bg: #f8fafc;--table-head-text: #6b7280;--table-row-border: #f1f5f9;--table-row-hover: #f8fafc;--table-border: #e5e7eb;--divider: #e5e7eb;--scrollbar-thumb: rgba(100, 116, 139, .25);--scrollbar-thumb-hover:rgba(100, 116, 139, .45);--empty-icon-bg: #f1f5f9;--empty-icon-border: #e5e7eb;--track-bg: rgba(15, 23, 42, .06);--modal-backdrop: rgba(15, 23, 42, .45);--btn-secondary-bg: #ffffff;--btn-secondary-text: #4b5563;--btn-secondary-border: #d1d5db;--btn-secondary-hover: #f8fafc}[data-theme=navy]{--color-primary: #0ea5e9;--color-primary-dark: #0284c7;--color-primary-light: #38bdf8;--color-secondary: #38bdf8;--color-accent: #38bdf8;--priority-vip-raw: #c084fc;--primary-grad: linear-gradient(135deg, #0ea5e9, #0284c7);--avatar-grad: linear-gradient(135deg, #0ea5e9, #38bdf8);--bg-base: #0d1b2a;--app-bg-grad: linear-gradient(135deg, #0d1b2a 0%, #0a1622 50%, #0d1b2a 100%);--orb-1: rgba(56, 189, 248, .15);--orb-2: rgba(14, 165, 233, .1);--orb-3: rgba(56, 189, 248, .08);--grid-color: rgba(56, 189, 248, .04);--card-bg: rgba(255, 255, 255, .04);--card-bg-hover: rgba(255, 255, 255, .07);--card-border: rgba(56, 189, 248, .12);--card-border-hover:rgba(56, 189, 248, .25);--card-shadow: 0 8px 32px rgba(0, 0, 0, .35);--card-shadow-hover:0 18px 50px rgba(0, 0, 0, .45);--card-blur: blur(20px) saturate(160%);--surface-elevated: #0f2233;--surface-elevated-border: rgba(56, 189, 248, .18);--surface-elevated-shadow: 0 20px 50px rgba(0, 0, 0, .5);--surface-header-bg: rgba(56, 189, 248, .04);--text-primary: #e0f2fe;--text-secondary: #94c5e0;--text-muted: #64a3c4;--selection-bg: rgba(56, 189, 248, .3);--selection-text: #e0f2fe;--sidebar-bg: #07111c;--sidebar-border: rgba(56, 189, 248, .12);--sidebar-logo-grad: linear-gradient(135deg, #38bdf8, #0ea5e9);--sidebar-section: rgba(56, 189, 248, .4);--sidebar-item-text: #94c5e0;--sidebar-item-hover-bg: rgba(56, 189, 248, .1);--sidebar-item-hover-text:#38bdf8;--sidebar-active-bg: rgba(56, 189, 248, .14);--sidebar-active-text: #38bdf8;--sidebar-active-border: rgba(56, 189, 248, .25);--sidebar-active-accent: linear-gradient(180deg, #38bdf8, #0ea5e9);--sidebar-user-name: #e0f2fe;--sidebar-user-role: rgba(56, 189, 248, .5);--sidebar-status-ring: #07111c;--navbar-bg: rgba(13, 27, 42, .9);--navbar-border: rgba(56, 189, 248, .12);--navbar-btn-bg: rgba(255, 255, 255, .04);--navbar-btn-border: rgba(56, 189, 248, .15);--input-bg: rgba(255, 255, 255, .04);--input-bg-hover: rgba(255, 255, 255, .06);--input-bg-focus: rgba(56, 189, 248, .06);--input-border: rgba(56, 189, 248, .18);--input-text: #e0f2fe;--input-placeholder: #64a3c4;--input-focus-border: #0ea5e9;--input-focus-ring: rgba(14, 165, 233, .18);--select-option-bg: #0f2233;--select-option-text: #e0f2fe;--table-head-bg: rgba(56, 189, 248, .06);--table-head-text: #64a3c4;--table-row-border: rgba(56, 189, 248, .08);--table-row-hover: rgba(56, 189, 248, .05);--table-border: rgba(56, 189, 248, .12);--divider: rgba(56, 189, 248, .12);--scrollbar-thumb: rgba(56, 189, 248, .2);--scrollbar-thumb-hover:rgba(56, 189, 248, .4);--empty-icon-bg: rgba(56, 189, 248, .08);--empty-icon-border: rgba(56, 189, 248, .15);--track-bg: rgba(56, 189, 248, .08);--modal-backdrop: rgba(0, 0, 0, .6);--btn-secondary-bg: rgba(255, 255, 255, .06);--btn-secondary-text: #e0f2fe;--btn-secondary-border: rgba(56, 189, 248, .18);--btn-secondary-hover: rgba(255, 255, 255, .1)}[data-theme=emerald]{--color-primary: #059669;--color-primary-dark: #047857;--color-primary-light: #10b981;--color-secondary: #0d9488;--color-accent: #10b981;--priority-vip-raw: #8b5cf6;--primary-grad: #059669;--avatar-grad: #059669;--bg-base: #f7faf9;--app-bg-grad: #f7faf9;--orb-1: transparent;--orb-2: transparent;--orb-3: transparent;--grid-color: transparent;--card-bg: #ffffff;--card-bg-hover: #ffffff;--card-border: #e2e8e6;--card-border-hover:#cbd8d3;--card-shadow: 0 1px 3px rgba(15, 23, 20, .06);--card-shadow-hover:0 4px 12px rgba(15, 23, 20, .08);--card-blur: none;--surface-elevated: #ffffff;--surface-elevated-border: #e2e8e6;--surface-elevated-shadow: 0 8px 24px rgba(15, 23, 20, .1);--surface-header-bg: #f7faf9;--text-primary: #0f1712;--text-secondary: #475b52;--text-muted: #7c9088;--selection-bg: rgba(5, 150, 105, .16);--selection-text: #0f1712;--sidebar-bg: #0f1712;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-logo-grad: #10b981;--sidebar-section: rgba(255, 255, 255, .35);--sidebar-item-text: rgba(255, 255, 255, .55);--sidebar-item-hover-bg: rgba(255, 255, 255, .06);--sidebar-item-hover-text:#10b981;--sidebar-active-bg: rgba(16, 185, 129, .14);--sidebar-active-text: #10b981;--sidebar-active-border: rgba(16, 185, 129, .25);--sidebar-active-accent: #10b981;--sidebar-user-name: #f7faf9;--sidebar-user-role: rgba(255, 255, 255, .45);--sidebar-status-ring: #0f1712;--navbar-bg: #ffffff;--navbar-border: #e2e8e6;--navbar-btn-bg: #f7faf9;--navbar-btn-border: #e2e8e6;--input-bg: #ffffff;--input-bg-hover: #fafcfb;--input-bg-focus: #ffffff;--input-border: #d5ded9;--input-text: #0f1712;--input-placeholder: #7c9088;--input-focus-border: #059669;--input-focus-ring: rgba(5, 150, 105, .12);--select-option-bg: #ffffff;--select-option-text: #0f1712;--table-head-bg: #f7faf9;--table-head-text: #475b52;--table-row-border: #edf1ef;--table-row-hover: #f7faf9;--table-border: #e2e8e6;--divider: #e2e8e6;--scrollbar-thumb: rgba(71, 91, 82, .25);--scrollbar-thumb-hover:rgba(71, 91, 82, .45);--empty-icon-bg: #eef4f2;--empty-icon-border: #e2e8e6;--track-bg: rgba(15, 23, 20, .06);--modal-backdrop: rgba(15, 23, 20, .45);--btn-secondary-bg: #ffffff;--btn-secondary-text: #475b52;--btn-secondary-border: #d5ded9;--btn-secondary-hover: #f7faf9}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6;transition:background .3s ease,color .3s ease}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}::-moz-selection{background:var(--selection-bg);color:var(--selection-text)}::selection{background:var(--selection-bg);color:var(--selection-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-10;background:var(--app-bg-grad);overflow:hidden;pointer-events:none}.app-bg:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--orb-1) 0%,transparent 70%);top:-250px;right:-250px;animation:floatOrb 9s ease-in-out infinite}.app-bg:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--orb-2) 0%,transparent 70%);bottom:-180px;left:-180px;animation:floatOrb 12s ease-in-out infinite reverse}.app-bg-orb3{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,var(--orb-3) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:floatOrb 15s ease-in-out infinite 3s}@keyframes floatOrb{0%,to{transform:translateY(0) scale(1) rotate(0)}33%{transform:translateY(-30px) scale(1.05) rotate(2deg)}66%{transform:translateY(-15px) scale(.97) rotate(-1deg)}}.app-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:60px 60px}.glass{background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border)}.glass-md{background:var(--card-bg-hover);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border-hover)}.glass-card{background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);transition:var(--t-smooth)}.glass-card:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.app-shell{display:flex;min-height:100vh}.main-content{flex:1;min-height:100vh;margin-inline-end:var(--sidebar-w);display:flex;flex-direction:column;transition:margin-inline-end .3s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-collapsed{margin-inline-end:var(--sidebar-w-collapsed)}.page-body{flex:1;padding:2rem;margin-top:var(--navbar-h)}.sidebar{position:fixed;top:0;inset-inline-end:0;height:100vh;width:var(--sidebar-w);background:var(--sidebar-bg);border-inline-start:1px solid var(--sidebar-border);z-index:var(--z-sidebar, 100);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s ease;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-logo{padding:1.5rem 1.25rem;display:flex;align-items:center;gap:.875rem;border-bottom:1px solid var(--sidebar-border);text-decoration:none;flex-shrink:0}.sidebar-logo-icon{width:42px;height:42px;border-radius:12px;background:var(--primary-grad);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 15px #00000040;animation:pulse-ring 3s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--card-border-hover)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.sidebar-logo-text{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap}.sidebar-logo-title{font-size:1.1rem;font-weight:800;background:var(--sidebar-logo-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.sidebar-logo-subtitle{font-size:.7rem;color:var(--sidebar-user-role);font-weight:400;line-height:1}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem .75rem;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-section-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sidebar-section);padding:.75rem .75rem .375rem;white-space:nowrap;overflow:hidden;transition:opacity .2s}.sidebar.collapsed .sidebar-section-label{opacity:0}.sidebar-item{display:flex;align-items:center;gap:.875rem;padding:.7rem .875rem;border-radius:var(--radius-md);color:var(--sidebar-item-text);text-decoration:none;font-weight:500;font-size:.9rem;transition:var(--t-base);white-space:nowrap;overflow:hidden;position:relative;cursor:pointer;border:none;background:transparent;width:100%;text-align:inherit;margin-bottom:2px}.sidebar-item:hover{background:var(--sidebar-item-hover-bg);color:var(--sidebar-item-hover-text);transform:translate(-3px)}[dir=ltr] .sidebar-item:hover{transform:translate(3px)}.sidebar-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border:1px solid var(--sidebar-active-border)}.sidebar-item.active:before{content:"";position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);width:3px;height:70%;background:var(--sidebar-active-accent);border-radius:2px 0 0 2px}[dir=ltr] .sidebar-item.active:before{border-radius:0 2px 2px 0}.sidebar-item-icon{width:20px;height:20px;flex-shrink:0;transition:transform .25s ease}.sidebar-item:hover .sidebar-item-icon,.sidebar-item.active .sidebar-item-icon{transform:scale(1.15)}.sidebar-item-label{font-size:.875rem;transition:opacity .2s}.sidebar.collapsed .sidebar-item-label{opacity:0}.sidebar-footer{padding:.875rem;border-top:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--t-base);text-decoration:none;color:inherit}.sidebar-user:hover{background:var(--sidebar-item-hover-bg)}.sidebar-user-avatar{width:38px;height:38px;border-radius:50%;background:var(--avatar-grad);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#fff;flex-shrink:0;position:relative}.sidebar-user-avatar:after{content:"";position:absolute;bottom:1px;right:1px;width:9px;height:9px;background:var(--color-success);border-radius:50%;border:2px solid var(--sidebar-status-ring)}.sidebar-user-info{overflow:hidden;transition:opacity .2s}.sidebar.collapsed .sidebar-user-info{opacity:0}.sidebar-user-name{font-size:.82rem;font-weight:600;color:var(--sidebar-user-name);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.7rem;color:var(--sidebar-user-role);white-space:nowrap}.navbar{position:fixed;top:0;inset-inline-start:0;right:var(--sidebar-w);height:var(--navbar-h);background:var(--navbar-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--navbar-border);z-index:90;display:flex;align-items:center;padding:0 1.5rem;gap:1rem;transition:right .3s cubic-bezier(.4,0,.2,1),background .3s ease}[dir=ltr] .navbar{right:0;left:var(--sidebar-w)}.navbar-start{display:flex;align-items:center;gap:.75rem}.navbar-center{flex:1}.navbar-end{display:flex;align-items:center;gap:.625rem}.navbar-toggle{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--navbar-btn-bg);border:1px solid var(--navbar-btn-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--t-base);color:var(--text-muted)}.navbar-toggle:hover{background:var(--card-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.navbar-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.navbar-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.navbar-breadcrumb a:hover{color:var(--color-primary)}.navbar-breadcrumb .sep{opacity:.4}.navbar-breadcrumb .current{color:var(--text-primary);font-weight:600}.navbar-btn{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--navbar-btn-bg);border:1px solid var(--navbar-btn-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--t-base);color:var(--text-muted);position:relative;text-decoration:none}.navbar-btn:hover{background:var(--card-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.navbar-btn .badge-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--color-danger);border:2px solid var(--bg-base)}.locale-toggle{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--navbar-btn-bg);border:1px solid var(--navbar-btn-border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--t-base);text-decoration:none}.locale-toggle:hover{background:var(--card-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.theme-swatches{display:flex;flex-direction:column;gap:2px;padding:.375rem}.theme-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius-sm);cursor:pointer;border:none;background:transparent;width:100%;text-align:inherit;font-family:var(--font-sans);font-size:.85rem;color:var(--text-secondary);transition:var(--t-fast)}.theme-option:hover{background:var(--table-row-hover);color:var(--text-primary)}.theme-option.is-active{background:var(--sidebar-active-bg, var(--table-row-hover));color:var(--color-primary);font-weight:700}.theme-dot{width:22px;height:22px;border-radius:7px;flex-shrink:0;border:1.5px solid rgba(255,255,255,.3);box-shadow:inset 0 0 0 1px #0000001a}.theme-dot-amber{background:linear-gradient(135deg,#1a0f00 50%,#f59e0b 50%)}.theme-dot-dark{background:linear-gradient(135deg,#0a0a1f 50%,#6366f1 50%)}.theme-dot-light{background:linear-gradient(135deg,#fff 50%,#2563eb 50%)}.theme-dot-navy{background:linear-gradient(135deg,#07111c 50%,#38bdf8 50%)}.theme-dot-emerald{background:linear-gradient(135deg,#0f1712 50%,#10b981 50%)}.theme-check{margin-inline-start:auto;opacity:0}.theme-option.is-active .theme-check{opacity:1}.stat-card{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:1.5rem;background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:var(--t-smooth);cursor:default}.stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--stat-color-from, var(--card-border-hover)),transparent 60%);opacity:0;transition:opacity .35s ease;pointer-events:none}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--card-shadow-hover);border-color:var(--stat-color-border, var(--card-border-hover))}.stat-card-glow{position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(40px);opacity:.4;top:-30px;inset-inline-start:-30px;transition:opacity .35s;pointer-events:none}.stat-card:hover .stat-card-glow{opacity:.7}.stat-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;position:relative;z-index:1;flex-shrink:0;box-shadow:0 8px 20px #00000026}.stat-card-value{font-size:2.25rem;font-weight:800;line-height:1;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.375rem}.stat-card-label{font-size:.82rem;color:var(--text-muted);font-weight:500;margin-bottom:1rem}.stat-card-trend{display:flex;align-items:center;gap:.375rem;font-size:.78rem;font-weight:600}.stat-card-trend.up{color:var(--color-success)}.stat-card-trend.down{color:var(--color-danger)}.stat-primary{--stat-color-from: rgba(99,102,241,.1);--stat-color-border: rgba(99,102,241,.3)}.stat-cyan{--stat-color-from: rgba(6,182,212,.1);--stat-color-border: rgba(6,182,212,.3)}.stat-emerald{--stat-color-from: rgba(16,185,129,.1);--stat-color-border: rgba(16,185,129,.3)}.stat-amber{--stat-color-from: rgba(245,158,11,.1);--stat-color-border: rgba(245,158,11,.35)}.stat-rose{--stat-color-from: rgba(244,63,94,.1);--stat-color-border: rgba(244,63,94,.3)}.stat-violet{--stat-color-from: rgba(139,92,246,.1);--stat-color-border: rgba(139,92,246,.3)}.table-card{background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--card-shadow)}.table-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--table-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.table-card-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.data-table{width:100%;border-collapse:collapse}.data-table thead tr{background:var(--table-head-bg);border-bottom:1px solid var(--table-border)}.data-table thead th{padding:.875rem 1.25rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--table-head-text);white-space:nowrap;text-align:inherit}.data-table tbody tr{border-bottom:1px solid var(--table-row-border);transition:background .15s ease}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--table-row-hover)}.data-table td{padding:1rem 1.25rem;font-size:.875rem;color:var(--text-primary);vertical-align:middle}.tbl-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:var(--t-base);text-decoration:none;background:transparent}.tbl-action-edit{color:var(--color-primary);border-color:var(--card-border-hover)}.tbl-action-edit:hover{background:var(--sidebar-active-bg, var(--table-row-hover));border-color:var(--color-primary)}.tbl-action-delete{color:var(--color-danger);border-color:#ef444433}.tbl-action-delete:hover{background:#ef44441a;border-color:#ef444466}.tbl-action-view{color:var(--color-secondary);border-color:var(--card-border-hover)}.tbl-action-view:hover{background:var(--table-row-hover);border-color:var(--color-secondary)}.table-footer{padding:1rem 1.5rem;border-top:1px solid var(--table-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.table-info{font-size:.8rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--t-base);border:1px solid transparent;text-decoration:none;white-space:nowrap;line-height:1.4;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff40;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0}.btn:active:after{width:200px;height:200px;opacity:1}.btn:before{content:"";position:absolute;top:0;inset-inline-start:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:inset-inline-start .5s ease;pointer-events:none}.btn:hover:before{inset-inline-start:100%}.btn-primary{background:var(--primary-grad);color:#fff;box-shadow:0 4px 15px #0000002e}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000040}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.btn-secondary:hover{background:var(--btn-secondary-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef444440}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b98140}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-sm{padding:.375rem .875rem;font-size:.8rem;border-radius:8px}.btn-lg{padding:.875rem 1.75rem;font-size:1rem;border-radius:14px}.btn-xl{padding:1rem 2rem;font-size:1.05rem;border-radius:16px}.btn-icon{width:38px;height:38px;padding:0;border-radius:var(--radius-sm);aspect-ratio:1}.btn-icon.btn-sm{width:30px;height:30px;border-radius:6px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-label.required:after{content:" *";color:var(--color-danger)}.form-control{width:100%;padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--input-text);font-family:var(--font-sans);font-size:.9rem;transition:var(--t-base);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-control:hover{border-color:var(--card-border-hover);background:var(--input-bg-hover)}.form-control:focus{border-color:var(--input-focus-border);background:var(--input-bg-focus);box-shadow:0 0 0 3px var(--input-focus-ring)}.form-control::-moz-placeholder{color:var(--input-placeholder)}.form-control::placeholder{color:var(--input-placeholder)}.form-control:disabled{opacity:.5;cursor:not-allowed}.form-control option,select option{background-color:var(--select-option-bg);color:var(--select-option-text)}select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;background-size:18px;padding-inline-start:2.5rem}[dir=rtl] select.form-control{background-position:right 12px center;padding-inline-start:1rem;padding-inline-end:2.5rem}textarea.form-control{resize:vertical;min-height:100px}.input-group{position:relative;display:flex;align-items:center}.input-group .form-control{padding-inline-start:2.75rem}.input-group-icon{position:absolute;inset-inline-start:.875rem;color:var(--text-muted);pointer-events:none;width:18px;height:18px;flex-shrink:0}.form-control.is-invalid{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441f}.form-error{font-size:.78rem;color:var(--color-danger);display:flex;align-items:center;gap:.25rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .625rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.025em;white-space:nowrap}.badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-success{background:#10b98126;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.badge-success .badge-dot{background:var(--color-success)}.badge-danger{background:#ef444426;color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.badge-danger .badge-dot{background:var(--color-danger)}.badge-warning{background:#f59e0b26;color:#b45309;border:1px solid rgba(245,158,11,.4)}.badge-warning .badge-dot{background:var(--color-warning)}.badge-primary{background:#6366f11f;color:var(--color-primary);border:1px solid var(--card-border-hover)}.badge-primary .badge-dot{background:var(--color-primary)}.badge-cyan{background:#06b6d41f;color:#0e7490;border:1px solid rgba(6,182,212,.3)}.badge-cyan .badge-dot{background:var(--color-secondary)}.badge-muted{background:var(--table-row-hover);color:var(--text-muted);border:1px solid var(--card-border)}.alert{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;border-inline-start:3px solid transparent;animation:fadeInDown .4s ease}.alert-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.alert-success{background:#10b9811a;border-color:var(--color-success);color:#059669}.alert-error{background:#ef44441a;border-color:var(--color-danger);color:#dc2626}.alert-warning{background:#f59e0b1f;border-color:var(--color-warning);color:#b45309}.alert-info{background:#3b82f61a;border-color:var(--color-info);color:#2563eb}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-box{background:var(--surface-elevated);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--surface-elevated-border);border-radius:var(--radius-2xl);box-shadow:var(--surface-elevated-shadow);width:100%;max-width:540px;animation:modalIn .3s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden}.modal-box.modal-lg{max-width:720px}.modal-box.modal-sm{max-width:400px}@keyframes modalIn{0%{opacity:0;transform:scale(.88) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--table-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface-header-bg)}.modal-title{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.modal-close{width:34px;height:34px;border-radius:8px;background:var(--navbar-btn-bg);border:1px solid var(--navbar-btn-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:var(--t-base);flex-shrink:0}.modal-close:hover{background:#ef44441a;border-color:#ef44444d;color:var(--color-danger)}.modal-body{padding:1.5rem}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--table-border);background:var(--surface-header-bg);display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.dropdown-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:200px;background:var(--surface-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-elevated-border);border-radius:var(--radius-lg);box-shadow:var(--surface-elevated-shadow);z-index:150;overflow:hidden;animation:dropdownIn .2s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:var(--t-fast);text-decoration:none;border:none;background:transparent;width:100%;text-align:inherit}.dropdown-item:hover{background:var(--table-row-hover);color:var(--text-primary)}.dropdown-item.text-danger:hover{background:#ef44441a;color:var(--color-danger)}.dropdown-divider{height:1px;background:var(--divider);margin:.375rem 0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.page-title{font-size:1.6rem;font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.page-title span{background:var(--primary-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-icon{width:80px;height:80px;border-radius:50%;background:var(--empty-icon-bg);border:1px solid var(--empty-icon-border);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--text-muted);animation:bounceGentle 3s ease-in-out infinite}@keyframes bounceGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state-title{font-size:1.05rem;font-weight:700;color:var(--text-secondary);margin-bottom:.5rem}.empty-state-text{font-size:.875rem;color:var(--text-muted);max-width:320px;margin-bottom:1.5rem}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;flex-shrink:0;position:relative;background:var(--avatar-grad)}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:40px;height:40px;font-size:.875rem}.avatar-lg{width:52px;height:52px;font-size:1rem}.avatar-xl{width:72px;height:72px;font-size:1.25rem}.avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-online:after{content:"";position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background:var(--color-success);border:2px solid var(--bg-base)}.pagination{display:flex;align-items:center;gap:.25rem}.page-link{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:600;color:var(--text-muted);text-decoration:none;border:1px solid transparent;transition:var(--t-base);cursor:pointer;background:transparent}.page-link:hover{background:var(--table-row-hover);color:var(--text-primary);border-color:var(--card-border)}.page-link.active{background:var(--primary-grad);color:#fff;box-shadow:0 4px 12px #0003}.page-link.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.toast-container{position:fixed;bottom:1.5rem;inset-inline-end:1.5rem;z-index:300;display:flex;flex-direction:column;gap:.625rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;border-radius:var(--radius-lg);background:var(--surface-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-elevated-border);box-shadow:var(--surface-elevated-shadow);min-width:280px;max-width:380px;pointer-events:all;animation:toastIn .35s cubic-bezier(.68,-.55,.265,1.55)}@keyframes toastIn{0%{opacity:0;transform:translate(40px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.toast-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-success .toast-icon{background:#10b9811f;color:var(--color-success)}.toast-error .toast-icon{background:#ef44441a;color:var(--color-danger)}.toast-warning .toast-icon{background:#f59e0b1f;color:var(--color-warning)}.toast-info .toast-icon{background:#3b82f61a;color:var(--color-info)}.toast-body{flex:1;min-width:0}.toast-title{font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:.125rem}.toast-msg{font-size:.78rem;color:var(--text-muted)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative}.auth-card{width:100%;max-width:440px;background:var(--surface-elevated);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--surface-elevated-border);border-radius:var(--radius-2xl);box-shadow:var(--surface-elevated-shadow);overflow:hidden;animation:fadeInUp .6s ease}.auth-card-header{padding:2.5rem 2.5rem 1.5rem;text-align:center}.auth-logo{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:20px;background:var(--primary-grad);box-shadow:0 8px 30px #00000040;margin-bottom:1.25rem;animation:pulse-ring 3s infinite}.auth-title{font-size:1.6rem;font-weight:800;color:var(--text-primary);line-height:1.2;margin-bottom:.5rem}.auth-subtitle{font-size:.875rem;color:var(--text-muted)}.auth-card-body{padding:0 2.5rem 2.5rem}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-muted);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--divider)}.search-box{position:relative;display:flex;align-items:center}.search-box input{padding-inline-start:2.5rem;padding-inline-end:1rem;height:38px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;color:var(--input-text);font-family:var(--font-sans);font-size:.85rem;transition:var(--t-base);outline:none;width:240px}.search-box input::-moz-placeholder{color:var(--input-placeholder)}.search-box input::placeholder{color:var(--input-placeholder)}.search-box input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--input-focus-ring)}.search-icon{position:absolute;inset-inline-start:.75rem;color:var(--text-muted);width:16px;height:16px;pointer-events:none}.form-card{background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--card-shadow)}.form-card-header{padding:1.25rem 1.75rem;border-bottom:1px solid var(--table-border);background:var(--surface-header-bg);display:flex;align-items:center;gap:.875rem}.form-card-header-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-card-title{font-size:.975rem;font-weight:700;color:var(--text-primary)}.form-card-body{padding:1.75rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.form-grid-full{grid-column:1 / -1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.gradient-text{background:var(--primary-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-gold{background:linear-gradient(135deg,#f59e0b,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider{height:1px;background:var(--divider);margin:1.25rem 0}.text-primary-color{color:var(--text-primary)}.text-secondary-color{color:var(--text-secondary)}.text-muted-color{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:fadeIn .4s ease}.animate-in-up{animation:fadeInUp .5s ease}.animate-in-down{animation:fadeInDown .4s ease}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}@media (max-width: 1024px){:root{--sidebar-w: var(--sidebar-w-collapsed)}.main-content{margin-inline-end:var(--sidebar-w-collapsed)!important}.sidebar-logo-text,.sidebar-item-label,.sidebar-section-label,.sidebar-user-info{display:none}}@media (max-width: 768px){:root{--sidebar-w: 0px}.sidebar{width:var(--sidebar-w-collapsed);transform:translate(110%)}[dir=ltr] .sidebar{transform:translate(-110%)}.sidebar.mobile-open{width:280px;transform:translate(0)}.sidebar.mobile-open .sidebar-logo-text,.sidebar.mobile-open .sidebar-item-label,.sidebar.mobile-open .sidebar-section-label,.sidebar.mobile-open .sidebar-user-info{display:block}.main-content{margin-inline-end:0!important}.navbar{right:0!important;left:0!important;inset-inline-start:0!important}.page-body{padding:1rem}.form-grid{grid-template-columns:1fr}.table-card-header{flex-direction:column;align-items:stretch}.search-box input{width:100%}.page-header{flex-direction:column}.stat-card{padding:1.25rem}.stat-card-value{font-size:1.75rem}}@media (max-width: 480px){.auth-card-header{padding:2rem 1.5rem 1.25rem}.auth-card-body{padding:0 1.5rem 2rem}.page-title{font-size:1.3rem}.modal-box{border-radius:var(--radius-lg)}.data-table thead th:nth-child(n+4),.data-table td:nth-child(n+4){display:none}}@media print{.sidebar,.navbar,.btn,.toast-container{display:none!important}.main-content{margin:0!important}body{background:#fff;color:#000}}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:text-gray-400:hover{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.focus\:border-blue-300:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.active\:bg-gray-100:active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.active\:text-gray-500:active{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.active\:text-gray-700:active{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.active\:text-gray-800:active{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1 1 0%}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}}@media (min-width: 1024px){.lg\:hidden{display:none}}.rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme: dark){.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-900:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:focus\:border-blue-700:focus{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.dark\:focus\:border-blue-800:focus{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:active\:bg-gray-700:active{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:active\:text-gray-300:active{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}}