@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--hx-primary: #000615;--hx-primary-container: #0b1f3a;--hx-on-primary: #ffffff;--hx-on-primary-container: #7587a7;--hx-primary-fixed: #d6e3ff;--hx-primary-fixed-dim: #b5c7ea;--hx-on-primary-fixed: #071c36;--hx-on-primary-fixed-variant: #364764;--hx-inverse-primary: #b5c7ea;--hx-secondary: #006781;--hx-on-secondary: #ffffff;--hx-secondary-container: #8fdfff;--hx-on-secondary-container: #00647d;--hx-secondary-fixed: #b9eaff;--hx-secondary-fixed-dim: #81d1f0;--hx-on-secondary-fixed: #001f29;--hx-on-secondary-fixed-variant: #004d62;--hx-tertiary: #0d0400;--hx-on-tertiary: #ffffff;--hx-tertiary-container: #321800;--hx-on-tertiary-container: #a87e59;--hx-tertiary-fixed: #ffdcc1;--hx-tertiary-fixed-dim: #eebd94;--hx-on-tertiary-fixed: #2e1500;--hx-on-tertiary-fixed-variant: #613f20;--hx-brand-teal: #0e7490;--hx-brand-turquoise: #14b8a6;--hx-brand-gold: #c5a059;--hx-background: #f8fafc;--hx-on-background: #1b1b1e;--hx-surface: #fbf9fb;--hx-surface-bright: #fbf9fb;--hx-surface-dim: #dbd9dc;--hx-surface-container-lowest: #ffffff;--hx-surface-container-low: #f5f3f6;--hx-surface-container: #efedf0;--hx-surface-container-high: #e9e7ea;--hx-surface-container-highest: #e4e2e5;--hx-surface-variant: #e4e2e5;--hx-surface-tint: #4d5f7d;--hx-inverse-surface: #303033;--hx-inverse-on-surface: #f2f0f3;--hx-on-surface: #1b1b1e;--hx-on-surface-variant: #44474d;--hx-table-head: #f1f5f9;--hx-outline: #75777e;--hx-outline-variant: #c4c6ce;--hx-error: #ba1a1a;--hx-on-error: #ffffff;--hx-error-container: #ffdad6;--hx-on-error-container: #93000a;--hx-success: #0f766e;--hx-success-container: #dcfce7;--hx-on-success-container: #166534;--hx-warning: #b45309;--hx-warning-container: #fffbeb;--hx-on-warning-container: #b45309;--hx-info: #0369a1;--hx-info-container: #e0f2fe;--hx-on-info-container: #0369a1;--hx-neutral-container: #f1f5f9;--hx-on-neutral-container: #0f172a;--hx-font-ar: "Tajawal", system-ui, sans-serif;--hx-font-en: "Inter", system-ui, sans-serif;--hx-font: var(--hx-font-ar);--font-size-display: 36px;--font-size-page-title: 28px;--font-size-section-title: 20px;--font-size-card-title: 16px;--font-size-body-large: 16px;--font-size-body: 14px;--font-size-label: 13px;--font-size-caption: 12px;--font-size-table: 13px;--font-size-table-header: 12px;--font-size-button: 14px;--font-size-input: 14px;--font-size-badge: 12px;--font-size-kpi: 28px;--font-size-kpi-small: 20px;--line-height-display: 43px;--line-height-page-title: 36px;--line-height-section-title: 28px;--line-height-card-title: 24px;--line-height-body-large: 26px;--line-height-body: 22px;--line-height-label: 20px;--line-height-caption: 18px;--line-height-table: 20px;--line-height-table-header: 18px;--line-height-button: 20px;--line-height-input: 21px;--line-height-badge: 17px;--line-height-kpi: 34px;--line-height-kpi-small: 25px;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-regular: 400;--hx-display: var(--font-weight-bold) var(--font-size-display)/var(--line-height-display) var(--hx-font);--hx-page-title: var(--font-weight-bold) var(--font-size-page-title)/var(--line-height-page-title) var(--hx-font);--hx-section-title: var(--font-weight-bold) var(--font-size-section-title)/var(--line-height-section-title) var(--hx-font);--hx-card-title: var(--font-weight-semibold) var(--font-size-card-title)/var(--line-height-card-title) var(--hx-font);--hx-body-large: var(--font-weight-regular) var(--font-size-body-large)/var(--line-height-body-large) var(--hx-font);--hx-body: var(--font-weight-regular) var(--font-size-body)/var(--line-height-body) var(--hx-font);--hx-label: var(--font-weight-medium) var(--font-size-label)/var(--line-height-label) var(--hx-font);--hx-caption: var(--font-weight-regular) var(--font-size-caption)/var(--line-height-caption) var(--hx-font);--hx-table: var(--font-weight-regular) var(--font-size-table)/var(--line-height-table) var(--hx-font);--hx-table-header: var(--font-weight-semibold) var(--font-size-table-header)/var(--line-height-table-header) var(--hx-font);--hx-button: var(--font-weight-semibold) var(--font-size-button)/var(--line-height-button) var(--hx-font);--hx-input-font: var(--font-weight-regular) var(--font-size-input)/var(--line-height-input) var(--hx-font);--hx-badge-font: var(--font-weight-semibold) var(--font-size-badge)/var(--line-height-badge) var(--hx-font);--hx-kpi: var(--font-weight-bold) var(--font-size-kpi)/var(--line-height-kpi) var(--hx-font);--hx-kpi-small: var(--font-weight-bold) var(--font-size-kpi-small)/var(--line-height-kpi-small) var(--hx-font);--hx-base: 4px;--hx-gutter: 24px;--hx-card-padding: 24px;--hx-container-margin: 32px;--hx-section-gap: 40px;--hx-max-width: 1440px;--hx-radius-sm: .25rem;--hx-radius: .5rem;--hx-radius-lg: .75rem;--hx-radius-xl: 1rem;--hx-radius-full: 9999px;--hx-level-0: none;--hx-level-1: 0 4px 20px rgba(11, 31, 58, .04);--hx-level-2: 0 10px 30px rgba(11, 31, 58, .08);--hx-level-3: 0 16px 40px rgba(11, 31, 58, .14);--hx-focus-ring: 0 0 0 3px rgba(0, 103, 129, .25);--hx-sidenav-width: 280px;--hx-topnav-height: 64px;--hx-transition: .2s cubic-bezier(.2, 0, 0, 1)}html[lang=en]{--hx-font: var(--hx-font-en)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:var(--hx-body);color:var(--hx-on-background);background:var(--hx-background);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.hx-num{font-family:var(--hx-font);font-size:inherit;line-height:inherit;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}.hx-num__unit{font-size:max(var(--font-size-caption),.62em);font-weight:var(--font-weight-medium);color:var(--hx-on-surface-variant)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none;flex:none}.material-symbols-outlined.is-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}[dir=rtl] .hx-icon-directional{transform:scaleX(-1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hx-outline-variant);border-radius:var(--hx-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--hx-outline)}.hx-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hx-no-scrollbar::-webkit-scrollbar{display:none}:focus-visible{outline:none;box-shadow:var(--hx-focus-ring);border-radius:var(--hx-radius-sm)}.hx-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hx-shell{display:flex;min-height:100vh}.hx-sidenav{position:fixed;inset-block:0;inset-inline-start:0;width:var(--hx-sidenav-width);z-index:50;display:flex;flex-direction:column;background:var(--hx-primary-container);color:var(--hx-on-primary);border-inline-end:1px solid rgba(255,255,255,.06);box-shadow:var(--hx-level-2);transition:transform var(--hx-transition)}.hx-sidenav__brand{display:flex;align-items:center;gap:12px;padding:24px;border-block-end:1px solid rgba(255,255,255,.1)}.hx-sidenav__mark{width:40px;height:40px;flex:none;border-radius:var(--hx-radius);background:var(--hx-secondary);color:var(--hx-on-secondary);display:grid;place-items:center}.hx-sidenav__title{font:var(--hx-section-title);color:var(--hx-on-primary)}.hx-sidenav__subtitle{font:var(--hx-caption);color:#fff9;margin-top:2px}.hx-sidenav__cta{padding:16px}.hx-sidenav__nav{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.hx-sidenav__group{font:var(--hx-caption);font-weight:var(--font-weight-semibold);color:#fff6;padding:16px 16px 8px;text-transform:uppercase}.hx-navitem{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--hx-radius);color:#ffffffb8;font:var(--hx-body);cursor:pointer;border:0;background:transparent;width:100%;text-align:start;transition:background var(--hx-transition),color var(--hx-transition)}.hx-navitem:hover{background:#ffffff12;color:var(--hx-on-primary)}.hx-navitem[aria-current=page]{background:#00678138;color:var(--hx-secondary-fixed-dim);border-inline-start:4px solid var(--hx-secondary);padding-inline-start:12px;font-weight:var(--font-weight-bold)}.hx-sidenav__footer{border-block-start:1px solid rgba(255,255,255,.1);padding:12px 8px;display:flex;flex-direction:column;gap:2px}.hx-main{flex:1;min-width:0;margin-inline-start:var(--hx-sidenav-width);display:flex;flex-direction:column}.hx-topnav{position:sticky;top:0;z-index:40;height:var(--hx-topnav-height);display:flex;align-items:center;justify-content:space-between;gap:16px;padding-inline:var(--hx-container-margin);background:color-mix(in srgb,var(--hx-surface) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--hx-outline-variant);box-shadow:var(--hx-level-1)}.hx-topnav__actions{display:flex;align-items:center;gap:12px;min-width:0}.hx-topnav__account{min-width:0}.hx-topnav__account strong,.hx-topnav__account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-divider-v{width:1px;height:32px;background:var(--hx-outline-variant)}.hx-page{flex:1;width:100%;max-width:var(--hx-max-width);margin-inline:auto;padding:var(--hx-container-margin);display:flex;flex-direction:column;gap:var(--hx-section-gap)}.hx-pageheader{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.hx-pageheader__title{font:var(--hx-page-title);color:var(--hx-primary)}.hx-pageheader__subtitle{font:var(--hx-body);color:var(--hx-on-surface-variant);margin-top:8px}.hx-pageheader__actions{display:flex;flex-wrap:wrap;gap:12px}.hx-breadcrumbs{display:flex;align-items:center;gap:6px;font:var(--hx-caption);color:var(--hx-on-surface-variant);margin-bottom:8px}.hx-breadcrumbs__current{color:var(--hx-primary);font-weight:var(--font-weight-semibold)}@media(max-width:1024px){.hx-sidenav{transform:translate(-100%)}[dir=rtl] .hx-sidenav{transform:translate(100%)}.hx-sidenav.is-open{transform:none}.hx-main{margin-inline-start:0}.hx-page{padding:16px;gap:24px}}.hx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--hx-radius);border:1px solid transparent;font:var(--hx-button);cursor:pointer;white-space:nowrap;transition:background var(--hx-transition),box-shadow var(--hx-transition),transform var(--hx-transition),color var(--hx-transition)}.hx-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.hx-btn--primary{background:var(--hx-secondary);color:var(--hx-on-secondary);box-shadow:0 4px 12px #00678133}.hx-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00678147}.hx-btn--navy{background:var(--hx-primary-container);color:var(--hx-on-primary);box-shadow:0 4px 14px #0b1f3a33}.hx-btn--navy:hover:not(:disabled){transform:translateY(-2px);background:var(--hx-primary)}.hx-btn--secondary{background:var(--hx-surface-container-lowest);color:var(--hx-primary);border-color:var(--hx-outline-variant);box-shadow:var(--hx-level-1)}.hx-btn--secondary:hover:not(:disabled){background:var(--hx-surface-container-low)}.hx-btn--ghost{background:transparent;color:var(--hx-on-surface-variant)}.hx-btn--ghost:hover:not(:disabled){background:var(--hx-surface-container);color:var(--hx-primary)}.hx-btn--danger{background:var(--hx-surface-container-lowest);color:var(--hx-error);border-color:color-mix(in srgb,var(--hx-error) 50%,transparent)}.hx-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--hx-error) 8%,transparent)}.hx-btn--sm{padding:6px 12px;font-size:var(--font-size-caption)}.hx-btn--lg{padding:14px 28px;font:var(--hx-body-large);font-weight:var(--font-weight-semibold)}.hx-btn--block{width:100%}.hx-iconbtn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--hx-radius-full);border:0;background:transparent;color:var(--hx-on-surface-variant);cursor:pointer;position:relative;transition:background var(--hx-transition),color var(--hx-transition)}.hx-iconbtn:hover{background:var(--hx-surface-container);color:var(--hx-primary)}.hx-iconbtn__dot{position:absolute;top:8px;inset-inline-end:8px;width:8px;height:8px;border-radius:var(--hx-radius-full);background:var(--hx-error);border:2px solid var(--hx-surface)}.hx-card{background:var(--hx-surface-container-lowest);border:1px solid color-mix(in srgb,var(--hx-outline-variant) 45%,transparent);border-radius:var(--hx-radius-lg);box-shadow:var(--hx-level-1)}.hx-card--pad{padding:var(--hx-card-padding)}.hx-card--hover{transition:transform var(--hx-transition),box-shadow var(--hx-transition)}.hx-card--hover:hover{transform:translateY(-2px);box-shadow:var(--hx-level-2)}.hx-card__header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px var(--hx-card-padding);border-block-end:1px solid color-mix(in srgb,var(--hx-outline-variant) 45%,transparent)}.hx-card__title{font:var(--hx-card-title);color:var(--hx-primary);display:flex;align-items:center;gap:8px}.hx-card__body{padding:var(--hx-card-padding)}.hx-kpi{display:flex;flex-direction:column;gap:16px;padding:var(--hx-card-padding);position:relative;overflow:hidden}.hx-kpi__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hx-kpi__label{font:var(--hx-label);color:var(--hx-on-surface-variant)}.hx-kpi__icon{width:40px;height:40px;border-radius:var(--hx-radius);display:grid;place-items:center;background:color-mix(in srgb,var(--hx-secondary) 10%,transparent);color:var(--hx-secondary);flex:none}.hx-kpi__value{font:var(--hx-kpi);color:var(--hx-primary);direction:ltr;text-align:start}.hx-kpi__figure{text-wrap:pretty}.hx-kpi__unit{font:var(--hx-body);color:var(--hx-on-surface-variant);margin-inline-start:2px;white-space:nowrap}.hx-kpi__delta{display:inline-flex;align-items:center;gap:4px;font:var(--hx-caption)}.hx-kpi__delta--up{color:var(--hx-success)}.hx-kpi__delta--down{color:var(--hx-error)}.hx-kpi__delta--flat{color:var(--hx-on-surface-variant)}.hx-kpi--accent{border-block-end:4px solid var(--hx-secondary)}.hx-kpi--accent-success{border-block-end:4px solid var(--hx-brand-turquoise)}.hx-kpi--accent-warning{border-block-end:4px solid var(--hx-tertiary-fixed-dim)}.hx-kpi--accent-danger{border-block-end:4px solid var(--hx-error)}.hx-grid{display:grid;gap:var(--hx-gutter)}.hx-grid--kpi{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hx-grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.hx-grid--12{grid-template-columns:repeat(12,minmax(0,1fr))}@media(max-width:1024px){.hx-grid--12{grid-template-columns:minmax(0,1fr)}.hx-grid--12>*{grid-column:auto!important;min-width:0}}.hx-tablewrap{overflow-x:auto;border-radius:var(--hx-radius-lg)}.hx-table{width:100%;border-collapse:collapse;text-align:start;white-space:nowrap}.hx-table th{background:var(--hx-table-head);color:var(--hx-primary);font:var(--hx-table-header);text-align:start;padding:14px 20px;border-block-end:1px solid var(--hx-outline-variant);position:sticky;top:0;z-index:2}.hx-table td{padding:14px 20px;font:var(--hx-table);color:var(--hx-on-surface);border-block-end:1px solid color-mix(in srgb,var(--hx-outline-variant) 35%,transparent)}.hx-table tbody tr{transition:background var(--hx-transition);cursor:pointer}.hx-table tbody tr:hover{background:var(--hx-surface-container-low)}.hx-table tbody tr.is-selected{background:color-mix(in srgb,var(--hx-secondary) 6%,transparent);border-inline-start:4px solid var(--hx-secondary)}.hx-table tbody tr:last-child td{border-block-end:0}.hx-table__num{font:var(--hx-table);font-weight:var(--font-weight-semibold);direction:ltr;unicode-bidi:isolate}.hx-table__empty{padding:56px 24px;text-align:center;color:var(--hx-on-surface-variant)}.hx-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-block-start:1px solid color-mix(in srgb,var(--hx-outline-variant) 35%,transparent);font:var(--hx-label);color:var(--hx-on-surface-variant)}.hx-pagination__pages{display:flex;gap:4px}.hx-pagination__page{min-width:32px;height:32px;border-radius:var(--hx-radius-sm);border:0;background:transparent;cursor:pointer;font:var(--hx-label)}.hx-pagination__page[aria-current=true]{background:var(--hx-secondary);color:var(--hx-on-secondary);font-weight:var(--font-weight-bold)}.hx-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--hx-radius-full);font:var(--hx-badge-font);border:1px solid transparent;white-space:nowrap;max-width:100%}.hx-badge--wrap{white-space:normal;text-align:start}.hx-badge__dot{width:6px;height:6px;border-radius:var(--hx-radius-full);background:currentColor}.hx-badge--neutral{background:var(--hx-neutral-container);color:var(--hx-on-neutral-container);border-color:var(--hx-outline-variant)}.hx-badge--info{background:var(--hx-info-container);color:var(--hx-on-info-container);border-color:color-mix(in srgb,var(--hx-info) 25%,transparent)}.hx-badge--success{background:var(--hx-success-container);color:var(--hx-on-success-container);border-color:color-mix(in srgb,var(--hx-success) 25%,transparent)}.hx-badge--warning{background:var(--hx-warning-container);color:var(--hx-on-warning-container);border-color:color-mix(in srgb,var(--hx-warning) 25%,transparent)}.hx-badge--danger{background:var(--hx-error-container);color:var(--hx-on-error-container);border-color:color-mix(in srgb,var(--hx-error) 25%,transparent)}.hx-badge--brand{background:var(--hx-secondary-container);color:var(--hx-on-secondary-container);border-color:color-mix(in srgb,var(--hx-secondary) 25%,transparent)}.hx-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--hx-radius-full);border:1px solid var(--hx-outline-variant);background:var(--hx-surface-container-lowest);color:var(--hx-on-surface-variant);font:var(--hx-label);cursor:pointer;transition:background var(--hx-transition),color var(--hx-transition)}.hx-chip:hover{background:var(--hx-surface-container-low)}.hx-chip[aria-pressed=true]{background:var(--hx-primary-container);color:var(--hx-on-primary);border-color:var(--hx-primary-container)}.hx-field{display:flex;flex-direction:column;gap:8px}.hx-label{font:var(--hx-label);font-weight:var(--font-weight-medium);color:var(--hx-on-surface)}.hx-label__required{color:var(--hx-error);margin-inline-start:2px}.hx-input,.hx-select,.hx-textarea{width:100%;padding:10px 16px;border-radius:var(--hx-radius);border:1px solid var(--hx-outline-variant);background:var(--hx-surface);color:var(--hx-on-surface);font:var(--hx-input-font);transition:border-color var(--hx-transition),box-shadow var(--hx-transition),background var(--hx-transition)}.hx-input:focus,.hx-select:focus,.hx-textarea:focus{outline:none;border-color:var(--hx-secondary);background:var(--hx-surface-container-lowest);box-shadow:var(--hx-focus-ring)}.hx-input[aria-invalid=true],.hx-select[aria-invalid=true],.hx-textarea[aria-invalid=true]{border-color:var(--hx-error)}.hx-textarea{resize:vertical;min-height:96px}.hx-field__error{font:var(--hx-caption);color:var(--hx-error)}.hx-field__hint{font:var(--hx-caption);color:var(--hx-on-surface-variant)}.hx-search{position:relative;display:flex;align-items:center}.hx-search__icon{position:absolute;inset-inline-start:12px;color:var(--hx-outline);pointer-events:none}.hx-search .hx-input{padding-inline-start:44px;border-radius:var(--hx-radius-lg);background:var(--hx-surface-container-low);border-color:transparent}.hx-checkbox{width:20px;height:20px;accent-color:var(--hx-secondary);cursor:pointer}.hx-checkbox:disabled{opacity:.3;cursor:not-allowed}.hx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0b1f3a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;padding:16px}.hx-overlay--center{align-items:center;justify-content:center}.hx-overlay--drawer{justify-content:flex-end;padding:0}.hx-modal{background:var(--hx-surface-container-lowest);border-radius:var(--hx-radius-xl);box-shadow:var(--hx-level-3);width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column}.hx-drawer{background:var(--hx-surface-container-lowest);box-shadow:var(--hx-level-3);width:100%;max-width:440px;height:100%;display:flex;flex-direction:column}.hx-modal__header,.hx-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px var(--hx-card-padding);border-block-end:1px solid color-mix(in srgb,var(--hx-outline-variant) 45%,transparent)}.hx-modal__title,.hx-drawer__title{font:var(--hx-section-title);color:var(--hx-primary)}.hx-modal__body,.hx-drawer__body{padding:var(--hx-card-padding);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.hx-modal__footer,.hx-drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px var(--hx-card-padding);border-block-start:1px solid color-mix(in srgb,var(--hx-outline-variant) 45%,transparent);background:var(--hx-surface)}.hx-tabs{display:flex;gap:24px;border-block-end:1px solid var(--hx-outline-variant);overflow-x:auto}.hx-tab{padding:12px 4px;border:0;background:transparent;cursor:pointer;font:var(--hx-button);color:var(--hx-on-surface-variant);border-block-end:2px solid transparent;white-space:nowrap;transition:color var(--hx-transition),border-color var(--hx-transition)}.hx-tab:hover{color:var(--hx-primary)}.hx-tab[aria-selected=true]{color:var(--hx-secondary);border-block-end-color:var(--hx-secondary);font-weight:var(--font-weight-bold)}.hx-stepper{display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding-block:8px}.hx-stepper__track{position:absolute;top:28px;inset-inline:20px;height:4px;border-radius:var(--hx-radius-full);background:var(--hx-surface-container-highest)}.hx-stepper__fill{position:absolute;top:28px;inset-inline-start:20px;height:4px;border-radius:var(--hx-radius-full);background:var(--hx-secondary);transition:width var(--hx-transition)}.hx-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;text-align:center}.hx-step__bullet{width:40px;height:40px;border-radius:var(--hx-radius-full);display:grid;place-items:center;background:var(--hx-surface-container-highest);color:var(--hx-outline);font:var(--hx-badge-font);border:4px solid var(--hx-surface)}.hx-step--done .hx-step__bullet{background:var(--hx-secondary);color:var(--hx-on-secondary)}.hx-step--active .hx-step__bullet{background:var(--hx-primary-container);color:var(--hx-on-primary)}.hx-step__label{font:var(--hx-label);color:var(--hx-on-surface-variant)}.hx-step--active .hx-step__label{color:var(--hx-primary);font-weight:var(--font-weight-bold)}.hx-progress{width:100%;height:8px;border-radius:var(--hx-radius-full);background:var(--hx-surface-container-high);overflow:hidden}.hx-progress__bar{height:100%;border-radius:var(--hx-radius-full);background:var(--hx-secondary);transition:width var(--hx-transition)}.hx-progress__bar--success{background:var(--hx-brand-turquoise)}.hx-progress__bar--warning{background:var(--hx-tertiary-fixed-dim)}.hx-progress__bar--danger{background:var(--hx-error)}.hx-timeline{display:flex;flex-direction:column;gap:20px;padding-inline-start:20px;border-inline-start:2px solid var(--hx-surface-container-highest)}.hx-timeline__item{position:relative}.hx-timeline__dot{position:absolute;inset-inline-start:-27px;top:4px;width:12px;height:12px;border-radius:var(--hx-radius-full);background:var(--hx-secondary);box-shadow:0 0 0 4px var(--hx-surface-container-lowest)}.hx-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;text-align:center;color:var(--hx-on-surface-variant)}.hx-empty__icon{width:64px;height:64px;border-radius:var(--hx-radius-full);display:grid;place-items:center;background:var(--hx-surface-container);color:var(--hx-outline)}.hx-empty__title{font:var(--hx-section-title);color:var(--hx-on-surface)}.hx-skeleton{border-radius:var(--hx-radius);background:linear-gradient(90deg,var(--hx-surface-container) 25%,var(--hx-surface-container-high) 50%,var(--hx-surface-container) 75%);background-size:200% 100%;animation:hx-shimmer 1.4s infinite}@keyframes hx-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hx-spinner{width:20px;height:20px;border-radius:var(--hx-radius-full);border:2px solid currentColor;border-top-color:transparent;animation:hx-spin .7s linear infinite}@keyframes hx-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hx-row{display:flex;align-items:center;gap:12px}.hx-col{display:flex;flex-direction:column;gap:12px}.hx-between{justify-content:space-between}.hx-wrap{flex-wrap:wrap}.hx-grow{flex:1;min-width:0}.hx-muted{color:var(--hx-on-surface-variant)}.hx-strong{font-weight:var(--font-weight-bold);color:var(--hx-primary)}.hx-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-board{display:flex;gap:var(--hx-gutter);overflow-x:auto;padding-block-end:8px;align-items:flex-start}.hx-board__column{flex:0 0 300px;display:flex;flex-direction:column;gap:12px;background:var(--hx-surface-container-low);border:1px solid color-mix(in srgb,var(--hx-outline-variant) 45%,transparent);border-radius:var(--hx-radius-lg);padding:12px;min-height:200px;transition:background var(--hx-transition),border-color var(--hx-transition)}.hx-board__column.is-drop-target{background:color-mix(in srgb,var(--hx-secondary) 8%,transparent);border-color:var(--hx-secondary);border-style:dashed}.hx-board__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-inline:4px}.hx-board__title{font:var(--hx-card-title);color:var(--hx-primary);display:flex;align-items:center;gap:8px}.hx-board__count{min-width:24px;height:24px;padding-inline:6px;border-radius:var(--hx-radius-full);background:var(--hx-surface-container-highest);color:var(--hx-on-surface-variant);font:var(--hx-badge-font);display:inline-grid;place-items:center}.hx-board__list{display:flex;flex-direction:column;gap:10px;min-height:40px}.hx-taskcard{background:var(--hx-surface-container-lowest);border:1px solid color-mix(in srgb,var(--hx-outline-variant) 50%,transparent);border-radius:var(--hx-radius);padding:14px;display:flex;flex-direction:column;gap:10px;cursor:grab;box-shadow:var(--hx-level-1);transition:box-shadow var(--hx-transition),transform var(--hx-transition),opacity var(--hx-transition)}.hx-taskcard:hover{box-shadow:var(--hx-level-2);transform:translateY(-2px)}.hx-taskcard:active{cursor:grabbing}.hx-taskcard.is-dragging{opacity:.4}.hx-taskcard.is-overdue{border-inline-start:4px solid var(--hx-error)}.hx-taskcard__title{font:var(--hx-card-title);color:var(--hx-on-surface)}.hx-taskcard__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block-start:10px;border-block-start:1px solid var(--hx-surface-container);font:var(--hx-caption);color:var(--hx-on-surface-variant)}.hx-taskcard__due{display:inline-flex;align-items:center;gap:4px}.hx-taskcard__due.is-late{color:var(--hx-error);font-weight:var(--font-weight-bold)}.hx-board__empty{border:1px dashed var(--hx-outline-variant);border-radius:var(--hx-radius);padding:20px 12px;text-align:center;font:var(--hx-caption);color:var(--hx-outline)}.hx-gantt{overflow-x:auto;padding-block-end:8px}.hx-gantt__grid{display:grid;grid-template-columns:minmax(220px,260px) minmax(720px,1fr);min-width:100%}.hx-gantt__scale{display:flex;border-bottom:1px solid var(--hx-outline-variant);background:var(--hx-table-head);position:relative}.hx-gantt__month{flex:0 0 auto;padding:8px 6px;font:var(--hx-caption);color:var(--hx-on-surface-variant);text-align:center;border-inline-start:1px solid var(--hx-outline-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-gantt__corner{padding:8px 12px;font:var(--hx-label);color:var(--hx-on-surface-variant);background:var(--hx-table-head);border-bottom:1px solid var(--hx-outline-variant);display:flex;align-items:center}.hx-gantt__label{padding:10px 12px;border-bottom:1px solid var(--hx-outline-variant);display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:46px}.hx-gantt__label--task{padding-inline-start:30px;min-height:38px}.hx-gantt__track{position:relative;border-bottom:1px solid var(--hx-outline-variant);min-height:46px;display:flex;align-items:center}.hx-gantt__track--task{min-height:38px}.hx-gantt__track:hover{background:var(--hx-surface-container-low)}.hx-gantt__bar{position:absolute;height:20px;border-radius:999px;background:var(--hx-primary-container);display:flex;align-items:center;padding-inline:8px;overflow:hidden;min-width:4px;transition:filter var(--hx-transition)}.hx-gantt__bar:hover{filter:brightness(1.12)}.hx-gantt__bar--task{height:14px;background:var(--hx-secondary)}.hx-gantt__bar--inferred{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--hx-secondary) 55%,transparent) 0,color-mix(in srgb,var(--hx-secondary) 55%,transparent) 6px,color-mix(in srgb,var(--hx-secondary) 25%,transparent) 6px,color-mix(in srgb,var(--hx-secondary) 25%,transparent) 12px)}.hx-gantt__bar--late{background:var(--hx-error)}.hx-gantt__fill{position:absolute;inset-block:0;inset-inline-start:0;background:color-mix(in srgb,var(--hx-brand-turquoise) 85%,transparent);border-radius:inherit}.hx-gantt__bar-text{position:relative;font:var(--hx-caption);color:var(--hx-on-primary);white-space:nowrap}.hx-gantt__today{position:absolute;inset-block:0;width:2px;background:var(--hx-error);opacity:.7;pointer-events:none;z-index:1}.hx-gantt__milestone{position:absolute;inset-block-start:50%;translate:-50% -50%;width:12px;height:12px;rotate:45deg;background:var(--hx-warning);border:2px solid var(--hx-surface)}.hx-gantt__legend{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px;font:var(--hx-caption);color:var(--hx-on-surface-variant)}.hx-gantt__swatch{display:inline-block;width:14px;height:10px;border-radius:3px;margin-inline-end:6px;vertical-align:middle}.hx-login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 120% at 100% 0%,var(--hx-primary-container) 0%,var(--hx-primary) 55%,var(--hx-primary) 100%)}.hx-login__card{width:100%;max-width:440px}.hx-formerror{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:var(--hx-radius);background:var(--hx-error-container);color:var(--hx-error);font:var(--hx-body);border-inline-start:3px solid var(--hx-error)}.hx-login__error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--hx-radius);background:var(--hx-error-container);color:var(--hx-error);font:var(--hx-body);border-inline-start:3px solid var(--hx-error)}.hx-login__remember{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;cursor:pointer;font:var(--hx-body);color:var(--hx-on-surface)}.hx-login__remember input{inline-size:18px;block-size:18px;accent-color:var(--hx-secondary);cursor:pointer}.hx-login__remember>span:last-child{grid-column:2}.hx-login__remember input:disabled,.hx-login__remember:has(input:disabled){cursor:not-allowed;opacity:.6}.hx-input-wrap{position:relative;display:block}.hx-input-wrap__end{position:absolute;inset-inline-end:6px;inset-block-start:50%;translate:0 -50%;display:flex;align-items:center}.hx-input-wrap__end .hx-iconbtn{inline-size:34px;block-size:34px}.hx-input--adorned{padding-inline-end:46px}@media(max-width:480px){.hx-login{padding:16px;place-items:stretch}.hx-login__card{max-width:none;align-self:center}}.hx-print{display:none}@media print{html,body{background:#fff;margin:0;padding:0}body>*:not(.hx-print){display:none!important}.hx-print{display:block;background:#fff;color:#111;font:var(--hx-body)}.hx-print *{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:14mm}.hx-print thead{display:table-header-group}.hx-print tfoot{display:table-footer-group}.hx-print tr,.hx-print .hx-sheet__totals{break-inside:avoid}.hx-print a{text-decoration:none;color:inherit}}.hx-sheet{max-width:180mm;margin:0 auto}.hx-sheet__head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-block-end:12px;border-block-end:2px solid var(--hx-primary)}.hx-sheet__brand{display:flex;flex-direction:column;gap:2px}.hx-sheet__brand strong{font:var(--hx-section-title);color:var(--hx-primary)}.hx-sheet__meta{text-align:end;display:flex;flex-direction:column;gap:2px;font:var(--hx-caption)}.hx-sheet__title{font:var(--hx-page-title);margin:16px 0 4px}.hx-sheet__facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin-block:16px;font:var(--hx-body)}.hx-sheet__fact{display:flex;justify-content:space-between;gap:12px;padding-block:4px;border-block-end:1px solid #e5e7eb}.hx-sheet__fact span:first-child{color:#555}.hx-sheet table{width:100%;border-collapse:collapse;margin-block-start:8px}.hx-sheet th,.hx-sheet td{padding:8px 10px;text-align:start;border-block-end:1px solid #e5e7eb}.hx-sheet th{font:var(--hx-table-header);background:#f3f4f6;color:var(--hx-primary)}.hx-sheet td{font:var(--hx-table)}.hx-sheet__totals{margin-inline-start:auto;margin-block-start:16px;width:70mm}.hx-sheet__totals .hx-sheet__fact:last-child{border-block-end:0;border-block-start:2px solid var(--hx-primary);font:var(--hx-card-title);padding-block-start:8px}.hx-sheet__foot{margin-block-start:24px;padding-block-start:10px;border-block-start:1px solid #e5e7eb;font:var(--hx-caption);color:#555;display:flex;justify-content:space-between;gap:16px}.hx-sheet__org{display:flex;flex-direction:column;gap:1px;font:var(--hx-caption);color:#555}.hx-print__pagefoot{display:none}@media print{.hx-print__pagefoot{display:block;position:fixed;inset-inline:0;bottom:0;text-align:center;font:var(--hx-caption);color:#666}.hx-print__pagefoot:after{counter-increment:page;content:counter(page)}@page{margin-block-end:18mm}.hx-sheet{counter-reset:none}}.hx-chart{inline-size:100%}.hx-chart__canvas{inline-size:100%;block-size:200px;display:block;overflow:visible}.hx-chart__axis{stroke:var(--hx-outline-variant);stroke-width:.4;vector-effect:non-scaling-stroke}.hx-chart__bar--success{fill:var(--hx-brand-turquoise)}.hx-chart__bar--danger{fill:var(--hx-error)}.hx-chart__bar--brand{fill:var(--hx-brand-teal)}.hx-chart__labels{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin-block-start:6px}.hx-chart__label{font:var(--hx-caption);color:var(--hx-on-surface-variant);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-chart__legend{display:flex;flex-wrap:wrap;gap:16px;margin-block-start:12px}.hx-chart__legend-item{display:inline-flex;align-items:center;gap:6px;font:var(--hx-caption);color:var(--hx-on-surface-variant)}.hx-chart__swatch{inline-size:12px;block-size:12px;border-radius:3px;flex:none}.hx-chart__swatch--success{background:var(--hx-brand-turquoise)}.hx-chart__swatch--danger{background:var(--hx-error)}.hx-chart__swatch--brand{background:var(--hx-brand-teal)}.hx-alert{display:flex;align-items:center;gap:12px;inline-size:100%;padding:12px 16px;border:0;border-block-end:1px solid var(--hx-outline-variant);background:none;font:inherit;color:inherit;text-align:start;cursor:pointer}.hx-alert:last-child{border-block-end:0}.hx-alert:hover{background:var(--hx-surface-container-low)}.hx-alert:focus-visible{outline:2px solid var(--hx-secondary);outline-offset:-2px}.hx-alert__icon{display:grid;place-items:center;inline-size:36px;block-size:36px;border-radius:10px;flex:none}.hx-alert__icon--critical{background:var(--hx-error-container);color:var(--hx-error)}.hx-alert__icon--warning{background:var(--hx-warning-container);color:var(--hx-warning)}.hx-alert__icon--info{background:var(--hx-surface-container);color:var(--hx-on-surface-variant)}.hx-alert__body{flex:1 1 auto;min-inline-size:0}.hx-alert__title{display:block;font:var(--hx-body);color:var(--hx-on-surface)}.hx-alert__meta{display:block;font:var(--hx-caption);color:var(--hx-on-surface-variant)}