@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Tajawal:wght@400;500;700&display=swap";@font-face{font-family:primeicons;font-display:block;src:url(/assets/primeicons-DMOk5skT.eot);src:url(/assets/primeicons-DMOk5skT.eot?#iefix) format("embedded-opentype"),url(/assets/primeicons-C6QP2o4f.woff2) format("woff2"),url(/assets/primeicons-WjwUDZjB.woff) format("woff"),url(/assets/primeicons-MpK4pl85.ttf) format("truetype"),url(/assets/primeicons-Dr5RGzOO.svg?#primeicons) format("svg");font-weight:400;font-style:normal}.pi{font-family:primeicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi:before{--webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{width:1.28571429em;text-align:center}.pi-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@media(prefers-reduced-motion:reduce){.pi-spin{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.pi-folder-plus:before{content:""}.pi-receipt:before{content:""}.pi-asterisk:before{content:""}.pi-face-smile:before{content:""}.pi-pinterest:before{content:""}.pi-expand:before{content:""}.pi-pen-to-square:before{content:""}.pi-wave-pulse:before{content:""}.pi-turkish-lira:before{content:""}.pi-spinner-dotted:before{content:""}.pi-crown:before{content:""}.pi-pause-circle:before{content:""}.pi-warehouse:before{content:""}.pi-objects-column:before{content:""}.pi-clipboard:before{content:""}.pi-play-circle:before{content:""}.pi-venus:before{content:""}.pi-cart-minus:before{content:""}.pi-file-plus:before{content:""}.pi-microchip:before{content:""}.pi-twitch:before{content:""}.pi-building-columns:before{content:""}.pi-file-check:before{content:""}.pi-microchip-ai:before{content:""}.pi-trophy:before{content:""}.pi-barcode:before{content:""}.pi-file-arrow-up:before{content:""}.pi-mars:before{content:""}.pi-tiktok:before{content:""}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:""}.pi-ethereum:before{content:""}.pi-list-check:before{content:""}.pi-thumbtack:before{content:""}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:""}.pi-equals:before{content:""}.pi-lightbulb:before{content:""}.pi-star-half:before{content:""}.pi-address-book:before{content:""}.pi-chart-scatter:before{content:""}.pi-indian-rupee:before{content:""}.pi-star-half-fill:before{content:""}.pi-cart-arrow-down:before{content:""}.pi-calendar-clock:before{content:""}.pi-sort-up-fill:before{content:""}.pi-sparkles:before{content:""}.pi-bullseye:before{content:""}.pi-sort-down-fill:before{content:""}.pi-graduation-cap:before{content:""}.pi-hammer:before{content:""}.pi-bell-slash:before{content:""}.pi-gauge:before{content:""}.pi-shop:before{content:""}.pi-headphones:before{content:""}.pi-eraser:before{content:""}.pi-stopwatch:before{content:""}.pi-verified:before{content:""}.pi-delete-left:before{content:""}.pi-hourglass:before{content:""}.pi-truck:before{content:""}.pi-wrench:before{content:""}.pi-microphone:before{content:""}.pi-megaphone:before{content:""}.pi-arrow-right-arrow-left:before{content:""}.pi-bitcoin:before{content:""}.pi-file-edit:before{content:""}.pi-language:before{content:""}.pi-file-export:before{content:""}.pi-file-import:before{content:""}.pi-file-word:before{content:""}.pi-gift:before{content:""}.pi-cart-plus:before{content:""}.pi-thumbs-down-fill:before{content:""}.pi-thumbs-up-fill:before{content:""}.pi-arrows-alt:before{content:""}.pi-calculator:before{content:""}.pi-sort-alt-slash:before{content:""}.pi-arrows-h:before{content:""}.pi-arrows-v:before{content:""}.pi-pound:before{content:""}.pi-prime:before{content:""}.pi-chart-pie:before{content:""}.pi-reddit:before{content:""}.pi-code:before{content:""}.pi-sync:before{content:""}.pi-shopping-bag:before{content:""}.pi-server:before{content:""}.pi-database:before{content:""}.pi-hashtag:before{content:""}.pi-bookmark-fill:before{content:""}.pi-filter-fill:before{content:""}.pi-heart-fill:before{content:""}.pi-flag-fill:before{content:""}.pi-circle:before{content:""}.pi-circle-fill:before{content:""}.pi-bolt:before{content:""}.pi-history:before{content:""}.pi-box:before{content:""}.pi-at:before{content:""}.pi-arrow-up-right:before{content:""}.pi-arrow-up-left:before{content:""}.pi-arrow-down-left:before{content:""}.pi-arrow-down-right:before{content:""}.pi-telegram:before{content:""}.pi-stop-circle:before{content:""}.pi-stop:before{content:""}.pi-whatsapp:before{content:""}.pi-building:before{content:""}.pi-qrcode:before{content:""}.pi-car:before{content:""}.pi-instagram:before{content:""}.pi-linkedin:before{content:""}.pi-send:before{content:""}.pi-slack:before{content:""}.pi-sun:before{content:""}.pi-moon:before{content:""}.pi-vimeo:before{content:""}.pi-youtube:before{content:""}.pi-flag:before{content:""}.pi-wallet:before{content:""}.pi-map:before{content:""}.pi-link:before{content:""}.pi-credit-card:before{content:""}.pi-discord:before{content:""}.pi-percentage:before{content:""}.pi-euro:before{content:""}.pi-book:before{content:""}.pi-shield:before{content:""}.pi-paypal:before{content:""}.pi-amazon:before{content:""}.pi-phone:before{content:""}.pi-filter-slash:before{content:""}.pi-facebook:before{content:""}.pi-github:before{content:""}.pi-twitter:before{content:""}.pi-step-backward-alt:before{content:""}.pi-step-forward-alt:before{content:""}.pi-forward:before{content:""}.pi-backward:before{content:""}.pi-fast-backward:before{content:""}.pi-fast-forward:before{content:""}.pi-pause:before{content:""}.pi-play:before{content:""}.pi-compass:before{content:""}.pi-id-card:before{content:""}.pi-ticket:before{content:""}.pi-file-o:before{content:""}.pi-reply:before{content:""}.pi-directions-alt:before{content:""}.pi-directions:before{content:""}.pi-thumbs-up:before{content:""}.pi-thumbs-down:before{content:""}.pi-sort-numeric-down-alt:before{content:""}.pi-sort-numeric-up-alt:before{content:""}.pi-sort-alpha-down-alt:before{content:""}.pi-sort-alpha-up-alt:before{content:""}.pi-sort-numeric-down:before{content:""}.pi-sort-numeric-up:before{content:""}.pi-sort-alpha-down:before{content:""}.pi-sort-alpha-up:before{content:""}.pi-sort-alt:before{content:""}.pi-sort-amount-up:before{content:""}.pi-sort-amount-down:before{content:""}.pi-sort-amount-down-alt:before{content:""}.pi-sort-amount-up-alt:before{content:""}.pi-palette:before{content:""}.pi-undo:before{content:""}.pi-desktop:before{content:""}.pi-sliders-v:before{content:""}.pi-sliders-h:before{content:""}.pi-search-plus:before{content:""}.pi-search-minus:before{content:""}.pi-file-excel:before{content:""}.pi-file-pdf:before{content:""}.pi-check-square:before{content:""}.pi-chart-line:before{content:""}.pi-user-edit:before{content:""}.pi-exclamation-circle:before{content:""}.pi-android:before{content:""}.pi-google:before{content:""}.pi-apple:before{content:""}.pi-microsoft:before{content:""}.pi-heart:before{content:""}.pi-mobile:before{content:""}.pi-tablet:before{content:""}.pi-key:before{content:""}.pi-shopping-cart:before{content:""}.pi-comments:before{content:""}.pi-comment:before{content:""}.pi-briefcase:before{content:""}.pi-bell:before{content:""}.pi-paperclip:before{content:""}.pi-share-alt:before{content:""}.pi-envelope:before{content:""}.pi-volume-down:before{content:""}.pi-volume-up:before{content:""}.pi-volume-off:before{content:""}.pi-eject:before{content:""}.pi-money-bill:before{content:""}.pi-images:before{content:""}.pi-image:before{content:""}.pi-sign-in:before{content:""}.pi-sign-out:before{content:""}.pi-wifi:before{content:""}.pi-sitemap:before{content:""}.pi-chart-bar:before{content:""}.pi-camera:before{content:""}.pi-dollar:before{content:""}.pi-lock-open:before{content:""}.pi-table:before{content:""}.pi-map-marker:before{content:""}.pi-list:before{content:""}.pi-eye-slash:before{content:""}.pi-eye:before{content:""}.pi-folder-open:before{content:""}.pi-folder:before{content:""}.pi-video:before{content:""}.pi-inbox:before{content:""}.pi-lock:before{content:""}.pi-unlock:before{content:""}.pi-tags:before{content:""}.pi-tag:before{content:""}.pi-power-off:before{content:""}.pi-save:before{content:""}.pi-question-circle:before{content:""}.pi-question:before{content:""}.pi-copy:before{content:""}.pi-file:before{content:""}.pi-clone:before{content:""}.pi-calendar-times:before{content:""}.pi-calendar-minus:before{content:""}.pi-calendar-plus:before{content:""}.pi-ellipsis-v:before{content:""}.pi-ellipsis-h:before{content:""}.pi-bookmark:before{content:""}.pi-globe:before{content:""}.pi-replay:before{content:""}.pi-filter:before{content:""}.pi-print:before{content:""}.pi-align-right:before{content:""}.pi-align-left:before{content:""}.pi-align-center:before{content:""}.pi-align-justify:before{content:""}.pi-cog:before{content:""}.pi-cloud-download:before{content:""}.pi-cloud-upload:before{content:""}.pi-cloud:before{content:""}.pi-pencil:before{content:""}.pi-users:before{content:""}.pi-clock:before{content:""}.pi-user-minus:before{content:""}.pi-user-plus:before{content:""}.pi-trash:before{content:""}.pi-external-link:before{content:""}.pi-window-maximize:before{content:""}.pi-window-minimize:before{content:""}.pi-refresh:before{content:""}.pi-user:before{content:""}.pi-exclamation-triangle:before{content:""}.pi-calendar:before{content:""}.pi-chevron-circle-left:before{content:""}.pi-chevron-circle-down:before{content:""}.pi-chevron-circle-right:before{content:""}.pi-chevron-circle-up:before{content:""}.pi-angle-double-down:before{content:""}.pi-angle-double-left:before{content:""}.pi-angle-double-right:before{content:""}.pi-angle-double-up:before{content:""}.pi-angle-down:before{content:""}.pi-angle-left:before{content:""}.pi-angle-right:before{content:""}.pi-angle-up:before{content:""}.pi-upload:before{content:""}.pi-download:before{content:""}.pi-ban:before{content:""}.pi-star-fill:before{content:""}.pi-star:before{content:""}.pi-chevron-left:before{content:""}.pi-chevron-right:before{content:""}.pi-chevron-down:before{content:""}.pi-chevron-up:before{content:""}.pi-caret-left:before{content:""}.pi-caret-right:before{content:""}.pi-caret-down:before{content:""}.pi-caret-up:before{content:""}.pi-search:before{content:""}.pi-check:before{content:""}.pi-check-circle:before{content:""}.pi-times:before{content:""}.pi-times-circle:before{content:""}.pi-plus:before{content:""}.pi-plus-circle:before{content:""}.pi-minus:before{content:""}.pi-minus-circle:before{content:""}.pi-circle-on:before{content:""}.pi-circle-off:before{content:""}.pi-sort-down:before{content:""}.pi-sort-up:before{content:""}.pi-sort:before{content:""}.pi-step-backward:before{content:""}.pi-step-forward:before{content:""}.pi-th-large:before{content:""}.pi-arrow-down:before{content:""}.pi-arrow-left:before{content:""}.pi-arrow-right:before{content:""}.pi-arrow-up:before{content:""}.pi-bars:before{content:""}.pi-arrow-circle-down:before{content:""}.pi-arrow-circle-left:before{content:""}.pi-arrow-circle-right:before{content:""}.pi-arrow-circle-up:before{content:""}.pi-info:before{content:""}.pi-info-circle:before{content:""}.pi-home:before{content:""}.pi-spinner:before{content:""}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-soft: #eff4ff;--color-sidebar: #07111f;--color-sidebar-2: #050b14;--color-sidebar-active: #1e293b;--color-teal: #14b8a6;--color-teal-soft: #e6faf7;--color-sidebar-text: #cbd5e1;--color-sidebar-muted: #7c8aa5;--color-bg: #f6f8fc;--color-card: #ffffff;--color-border: #e6eaf1;--color-border-strong: #d6dce6;--color-text: #111827;--color-heading: #0f172a;--color-muted: #64748b;--color-success: #16a34a;--color-success-soft: #e9f8ef;--color-warning: #f59e0b;--color-warning-soft: #fef6e7;--color-danger: #dc2626;--color-danger-soft: #fdecec;--color-info: #2563eb;--color-info-soft: #eff4ff;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-ar: "Tajawal", "Cairo", "IBM Plex Sans Arabic", system-ui, sans-serif;--u-bg: var(--color-bg);--u-surface: var(--color-card);--u-border: var(--color-border);--u-primary: var(--color-primary);--u-text: var(--color-text);--u-muted: var(--color-muted)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[dir=rtl] body{font-family:var(--font-ar)}a{color:inherit;text-decoration:none}h1,h2,h3,h4{color:var(--color-heading);font-weight:700;letter-spacing:-.01em;margin:0 0 .4em}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.02rem}input,select,textarea{font-family:inherit;font-size:.9rem;color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:.55rem .75rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:#9aa6b8}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#94a3b8}.page,section.page{display:flex;flex-direction:column;gap:1.1rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.25rem}.page-header .ph-titles{display:flex;flex-direction:column;gap:.15rem}.page-header h1,.page-header h2{margin:0;font-size:1.35rem}.page-header .ph-subtitle{color:var(--color-muted);font-size:.88rem}.page-header .ph-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.card,.data-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card,.card-pad{padding:1.1rem 1.25rem}.stat-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.4rem}.stat-card .stat-label{color:var(--color-muted);font-size:.82rem;font-weight:500}.stat-card .stat-value{font-size:1.7rem;font-weight:700;color:var(--color-heading)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.btn,button.primary,button.ghost,button.danger,.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-family:inherit;font-size:.88rem;font-weight:600;line-height:1;padding:.6rem 1rem;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,opacity .15s,box-shadow .15s;white-space:nowrap}.btn-primary,button.primary,.btn.primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover,button.primary:hover{background:var(--color-primary-dark)}.btn-ghost,button.ghost,.btn.ghost{background:var(--color-card);color:var(--color-text);border-color:var(--color-border-strong)}.btn-ghost:hover,button.ghost:hover{background:#f1f5f9}button.danger,.btn.danger{background:var(--color-danger);color:#fff}button.danger:hover{filter:brightness(.95)}.btn:disabled,button:disabled{opacity:.55;cursor:not-allowed}.filter-bar,.toolbar,.row.filters{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:.8rem .9rem}.filter-bar input,.filter-bar select,.toolbar input,.toolbar select{min-width:180px}.filter-bar .spacer,.toolbar .spacer{flex:1}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.table-wrap{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}table.grid,table.data-table{width:100%;border-collapse:collapse;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}table.grid th,table.data-table th{text-align:start;padding:.7rem .95rem;background:#f8fafc;font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted);border-bottom:1px solid var(--color-border)}table.grid td,table.data-table td{text-align:start;padding:.7rem .95rem;border-bottom:1px solid var(--color-border);font-size:.88rem;color:var(--color-text)}table.grid tbody tr:last-child td,table.data-table tbody tr:last-child td{border-bottom:none}table.grid tbody tr:hover td,table.data-table tbody tr:hover td{background:#f9fbff}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:var(--radius-pill);font-size:.74rem;font-weight:600;line-height:1.5;background:#eef2f7;color:#475569}.badge.success,.badge.posted,.badge.active,.badge.approved,.badge.completed,.badge.paid{background:var(--color-success-soft);color:var(--color-success)}.badge.warning,.badge.pending,.badge.draft,.badge.partial{background:var(--color-warning-soft);color:#b45309}.badge.danger,.badge.cancelled,.badge.rejected,.badge.blocked,.badge.failed,.badge.expired{background:var(--color-danger-soft);color:var(--color-danger)}.badge.info,.badge.submitted,.badge.open{background:var(--color-info-soft);color:var(--color-info)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.6rem 1rem;color:var(--color-muted);text-align:center}.empty-state .es-icon{font-size:1.8rem;color:#b6c0d0}.empty-state .es-title{font-weight:600;color:var(--color-text)}.empty-state .es-sub{font-size:.85rem}.muted{color:var(--color-muted)}.error{color:var(--color-danger)}.success-text{color:var(--color-success)}.mono,.code,.num,.money,.barcode,.ltr-value,.sku{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.mono,.code,.barcode,.sku{font-family:SFMono-Regular,ui-monospace,Menlo,monospace;font-size:.82rem}.money{font-variant-numeric:tabular-nums;font-weight:600}.field{display:flex;flex-direction:column;gap:.3rem}.field>label{font-size:.8rem;font-weight:600;color:var(--color-muted)}.ph-dash{display:flex;flex-direction:column;gap:1.5rem}.ph-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:linear-gradient(120deg,#0b1830,#122a52 55%,#0d3b3a);border-radius:var(--radius-lg);padding:1.3rem 1.5rem;color:#fff;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.ph-hero:after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(20,184,166,.35),transparent 70%);pointer-events:none}.ph-hero .hero-titles h1{color:#fff;margin:0 0 .2rem;font-size:1.4rem}.ph-hero .hero-sub{color:#cbd6e6;font-size:.9rem;margin:0}.ph-hero .hero-right{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;z-index:1}.ph-search{display:flex;align-items:center;gap:.5rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-pill);padding:.5rem .9rem;min-width:240px;color:#e2e8f0}.ph-search i{opacity:.8}.ph-search input{background:transparent;border:none;outline:none;color:#fff;width:100%;font-size:.88rem;padding:0}.ph-search input::placeholder{color:#b6c4da}.ph-branch-chip{display:inline-flex;align-items:center;gap:.45rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-pill);padding:.5rem .9rem;font-size:.85rem;font-weight:600;color:#fff}.ph-shelf{position:relative;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.ph-shelf:before{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:10px;border-radius:4px;background:linear-gradient(180deg,#eef2f8,#dbe3ef);box-shadow:0 6px 10px -4px #0f172a2e,inset 0 1px #fffc}.ph-shelf-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.ph-shelf-head .sh-title{display:flex;align-items:center;gap:.55rem}.ph-shelf-head .sh-title i{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:.95rem}.ph-shelf-head h2{margin:0;font-size:1.05rem}.ph-shelf-head .sh-link{font-size:.82rem;font-weight:600;color:var(--color-primary);cursor:pointer;display:inline-flex;align-items:center;gap:.25rem}.ph-shelf-head .sh-link:hover{color:var(--color-primary-dark)}.ph-grid{display:grid;gap:1rem;position:relative;z-index:1}.ph-grid.kpi{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.ph-grid.qa{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ph-grid.analytics{grid-template-columns:1.6fr 1fr 1fr}.ph-grid.ops{grid-template-columns:1fr 1fr}.ph-grid.alerts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:1100px){.ph-grid.analytics,.ph-grid.ops{grid-template-columns:1fr}}.kpi-card{position:relative;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.95rem 1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.5rem;transition:transform .15s,box-shadow .15s}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-card .kc-top{display:flex;align-items:center;justify-content:space-between}.kpi-card .kc-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;font-size:1.05rem}.kpi-card .kc-label{color:var(--color-muted);font-size:.8rem;font-weight:500}.kpi-card .kc-value{font-size:1.7rem;font-weight:700;color:var(--color-heading);line-height:1.1}.kpi-card .kc-foot{display:flex;align-items:center;gap:.4rem;font-size:.78rem}.kc-trend{display:inline-flex;align-items:center;gap:.2rem;font-weight:600}.kc-trend.up{color:var(--color-success)}.kc-trend.down{color:var(--color-danger)}.kc-trend.flat{color:var(--color-muted)}.tone-primary .kc-icon{background:var(--color-primary-soft);color:var(--color-primary-dark)}.tone-teal .kc-icon{background:var(--color-teal-soft);color:var(--color-teal)}.tone-warning .kc-icon{background:var(--color-warning-soft);color:#b45309}.tone-danger .kc-icon{background:var(--color-danger-soft);color:var(--color-danger)}.tone-success .kc-icon{background:var(--color-success-soft);color:var(--color-success)}.qa-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.1rem .75rem;cursor:pointer;text-align:center;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s,border-color .15s}.qa-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#cdd9ea}.qa-tile .qa-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:1.25rem}.qa-tile .qa-title{font-size:.84rem;font-weight:600;color:var(--color-text);line-height:1.3}.chart-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.8rem}.chart-card .cc-head{display:flex;align-items:center;justify-content:space-between}.chart-card .cc-title{font-weight:600;font-size:.92rem;color:var(--color-heading)}.chart-legend{display:flex;flex-wrap:wrap;gap:.5rem .9rem;font-size:.78rem;color:var(--color-muted)}.chart-legend .lg{display:inline-flex;align-items:center;gap:.35rem}.chart-legend .dot{width:10px;height:10px;border-radius:3px;display:inline-block}.ops-list{display:flex;flex-direction:column}.ops-row{display:flex;align-items:center;gap:.7rem;padding:.6rem 0;border-bottom:1px solid var(--color-border)}.ops-row:last-child{border-bottom:none}.ops-row .ops-main{flex:1;min-width:0}.ops-row .ops-name{font-size:.88rem;font-weight:600;color:var(--color-text)}.ops-row .ops-sub{font-size:.76rem;color:var(--color-muted)}.ops-row .ops-val{font-weight:700}.timeline .tl-row{display:flex;gap:.7rem;padding:.55rem 0}.timeline .tl-dot{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;background:var(--color-primary-soft);color:var(--color-primary-dark)}.timeline .tl-text{font-size:.84rem;color:var(--color-text)}.timeline .tl-time{font-size:.74rem;color:var(--color-muted)}.alert-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.alert-card .ac-head{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border-bottom:1px solid var(--color-border);font-weight:600}.alert-card .ac-head i{font-size:1rem}.alert-card.warn .ac-head{color:#b45309}.alert-card.danger .ac-head{color:var(--color-danger)}.alert-card.info .ac-head{color:var(--color-primary-dark)}.alert-row{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-bottom:1px solid var(--color-border)}.alert-row:last-child{border-bottom:none}.alert-row .ar-main{flex:1;min-width:0}.alert-row .ar-name{font-size:.86rem;font-weight:600}.alert-row .ar-sub{font-size:.74rem;color:var(--color-muted)}.pill{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700}.pill.warn{background:var(--color-warning-soft);color:#b45309}.pill.danger{background:var(--color-danger-soft);color:var(--color-danger)}.pill.success{background:var(--color-success-soft);color:var(--color-success)}.shelf-decor{position:absolute;bottom:12px;display:flex;align-items:flex-end;gap:6px;z-index:0;opacity:.9;pointer-events:none}.shelf-decor.start{inset-inline-start:16px}.shelf-decor.end{inset-inline-end:16px}@media(max-width:900px){.shelf-decor{display:none}}.med-box{width:22px;height:34px;border-radius:3px;background:#fff;border:1px solid #d9e1ec;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.med-box:before{content:"";position:absolute;top:0;left:0;right:0;height:8px}.med-box:after{content:"";position:absolute;bottom:6px;left:4px;right:4px;height:2px;background:#e2e8f0;box-shadow:0 4px #eef2f7}.med-box.b1:before{background:var(--color-primary)}.med-box.b2:before{background:var(--color-teal)}.med-box.b3:before{background:var(--color-warning)}.med-box.b4:before{background:var(--color-danger)}.med-box.tall{height:42px}.med-bottle{width:18px;height:32px;position:relative}.med-bottle .neck{position:absolute;top:0;left:50%;transform:translate(-50%);width:8px;height:6px;background:#cbd5e1;border-radius:2px 2px 0 0}.med-bottle .body{position:absolute;bottom:0;left:0;right:0;height:26px;border-radius:4px;box-shadow:var(--shadow-sm)}.med-bottle .body:after{content:"";position:absolute;left:2px;right:2px;top:9px;height:8px;background:#ffffffd9;border-radius:2px}.med-bottle.amber .body{background:linear-gradient(180deg,#f5c97a,#e3a23c)}.med-bottle.blue .body{background:linear-gradient(180deg,#93c5fd,#3b82f6)}.med-bottle.teal .body{background:linear-gradient(180deg,#7fe3d6,#14b8a6)}html[dir=rtl] body{direction:rtl}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] p,html[dir=rtl] label,html[dir=rtl] .ph-titles,html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea,html[dir=rtl] table.grid th,html[dir=rtl] table.grid td,html[dir=rtl] table.data-table th,html[dir=rtl] table.data-table td{text-align:right}.num,.money,.code,.mono,.barcode,.sku,.ltr-value,.ltr-num{direction:ltr;unicode-bidi:isolate}html[dir=rtl] .num,html[dir=rtl] .money,html[dir=rtl] .code,html[dir=rtl] .mono,html[dir=rtl] .barcode,html[dir=rtl] .sku,html[dir=rtl] .login-wrap .card{text-align:right}