:root{--color-primary: #075985;--color-primary-strong: #0c4a6e;--color-primary-soft: #e0f2fe;--color-primary-border: #a5d8ee;--color-accent: #0f766e;--color-canvas: #f1f4f6;--color-surface: #ffffff;--color-surface-secondary: #f6f8fa;--color-surface-sunken: #eef2f5;--color-overlay: rgba(20, 28, 35, .55);--color-border: #dde3e8;--color-border-strong: #c3ccd4;--color-text-primary: #1b2227;--color-text-secondary: #4a5560;--color-text-muted: #667380;--color-text-inverse: #ffffff;--color-text-on-primary: #ffffff;--color-success: #1a7f4b;--color-success-soft: #e6f4ec;--color-warning: #8a5a00;--color-warning-soft: #fdf3e0;--color-danger: #b3261e;--color-danger-strong: #8c1c16;--color-danger-soft: #fdecea;--color-info: #17557f;--color-info-soft: #e8f1f8;--color-neutral: #5a656f;--color-neutral-soft: #eef1f4;--color-focus: #0f766e;--focus-ring-width: 3px;--focus-ring-offset: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--font-family: "Noto Kufi Arabic", "Dubai", "Segoe UI", "Tahoma", system-ui, sans-serif;--font-family-numeric: "Segoe UI", system-ui, sans-serif;--font-size-page-title: 26px;--font-size-section-title: 19px;--font-size-metric: 30px;--font-size-body: 15px;--font-size-table: 14px;--font-size-helper: 13px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.3;--line-height-body: 1.65;--radius-input: 8px;--radius-button: 8px;--radius-card: 12px;--radius-modal: 16px;--radius-pill: 999px;--shadow-raised: 0 1px 2px rgba(16, 24, 32, .06);--shadow-overlay: 0 12px 32px rgba(16, 24, 32, .18);--motion-fast: .12s;--motion-base: .2s;--motion-easing: cubic-bezier(.2, 0, .2, 1);--z-header: 100;--z-sidebar: 200;--z-overlay: 300;--z-drawer: 310;--z-modal: 400;--z-toast: 500;--sidebar-width: 268px;--sidebar-width-collapsed: 76px;--header-height: 60px;--control-height: 40px;--control-height-touch: 44px;--font-size-control-touch: 16px;--table-row-height: 52px;--content-max-width: 1680px;--form-max-width: 1080px;--modal-max-width: 640px;--page-padding: var(--space-6)}@media(max-width:1023px){:root{--page-padding: var(--space-5)}}@media(max-width:767px){:root{--page-padding: var(--space-4);--control-height: var(--control-height-touch)}}@media(pointer:coarse){:root{--control-height: var(--control-height-touch)}}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 1ms;--motion-base: 1ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-canvas);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);min-block-size:100vh}h1,h2,h3,h4,p,figure{margin:0}h1{font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}ul,ol{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-accent)}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-input)}:focus:not(:focus-visible){outline:none}.skip-link{position:fixed;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:var(--z-toast);padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-button);box-shadow:var(--shadow-overlay);font-weight:var(--font-weight-semibold);text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.value-ltr{direction:ltr;unicode-bidi:isolate;font-family:var(--font-family-numeric);font-variant-numeric:tabular-nums}.noscript{margin:var(--space-8) auto;max-inline-size:640px;padding:var(--space-6);background:var(--color-warning-soft);border:1px solid var(--color-warning);border-radius:var(--radius-card)}[hidden]{display:none!important}.app{min-block-size:100vh}.centered-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-block-size:100vh;padding:var(--space-6) var(--space-4);gap:var(--space-5)}.centered-view__panel{inline-size:100%;max-inline-size:460px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);padding:var(--space-7)}.centered-view__brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;margin-block-end:var(--space-6)}.login-attribution{position:fixed;inset-inline:var(--space-3);inset-block-end:max(6px,env(safe-area-inset-bottom));margin:0;color:var(--color-text-secondary);font-size:12px;line-height:1.5;text-align:center;white-space:pre-line}.brand-mark{inline-size:48px;block-size:48px;display:grid;place-items:center;border-radius:var(--radius-card);background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:var(--font-weight-bold);font-size:20px}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:var(--header-height) minmax(0,1fr);grid-template-areas:"sidebar header" "sidebar main";min-block-size:100vh}.shell[data-sidebar=collapsed]{grid-template-columns:var(--sidebar-width-collapsed) minmax(0,1fr)}.header{grid-area:header;position:sticky;inset-block-start:0;z-index:var(--z-header);display:flex;align-items:center;gap:var(--space-4);padding-inline:var(--page-padding);background:var(--color-surface);border-block-end:1px solid var(--color-border)}.header__title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__system-name{max-inline-size:22rem;font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-primary-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__spacer{flex:1 1 auto;min-inline-size:0}.header__facility{display:flex;flex-direction:column;align-items:flex-start;line-height:var(--line-height-tight)}.header__facility-label{font-size:var(--font-size-helper);color:var(--color-text-muted)}.sidebar{grid-area:sidebar;position:sticky;inset-block-start:0;block-size:100vh;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border-inline-end:1px solid var(--color-border);z-index:var(--z-sidebar);overflow-y:auto}.sidebar__identity{display:flex;align-items:center;gap:var(--space-3);min-block-size:calc(var(--header-height) - var(--space-4))}.sidebar__name{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.sidebar__section-label{padding-inline:var(--space-3);font-size:var(--font-size-helper);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:none}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);min-block-size:var(--control-height-touch);padding-inline:var(--space-3);border-radius:var(--radius-button);color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium)}.nav-item:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.nav-item[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:var(--font-weight-semibold)}.nav-item[aria-current=page]:before{content:"";inline-size:3px;block-size:20px;border-radius:var(--radius-pill);background:var(--color-primary);margin-inline-start:calc(var(--space-3) * -1);margin-inline-end:var(--space-2)}.nav-item__icon{flex:0 0 auto;inline-size:22px;text-align:center}.nav-item__label{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__footer{margin-block-start:auto;display:flex;flex-direction:column;gap:var(--space-1)}@media(min-width:1024px){.shell[data-sidebar=collapsed] .sidebar{padding-inline:var(--space-2)}.shell[data-sidebar=collapsed] .nav-item__label,.shell[data-sidebar=collapsed] .sidebar__section-label,.shell[data-sidebar=collapsed] .sidebar__name{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell[data-sidebar=collapsed] .nav-item{justify-content:center;position:relative}.shell[data-sidebar=collapsed] .nav-item[aria-current=page]:before{display:none}.shell[data-sidebar=collapsed] .nav-item:hover .nav-item__label,.shell[data-sidebar=collapsed] .nav-item:focus-visible .nav-item__label{position:fixed;inset-inline-start:var(--nav-tooltip-inline);inset-block-start:var(--nav-tooltip-top);transform:translateY(-50%);inline-size:auto;block-size:auto;clip-path:none;margin:0;padding:var(--space-2) var(--space-3);background:var(--color-text-primary);color:var(--color-text-inverse);border-radius:var(--radius-button);box-shadow:var(--shadow-overlay);z-index:var(--z-overlay);pointer-events:none}}.main{grid-area:main;min-inline-size:0;padding:var(--page-padding)}.main__container{max-inline-size:var(--content-max-width);margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-6)}.main__container[data-width=form]{max-inline-size:var(--form-max-width)}.page-header{display:flex;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.page-header__text{flex:1 1 320px;min-inline-size:0;display:flex;flex-direction:column;gap:var(--space-2)}.page-header__description{color:var(--color-text-secondary)}.page-header__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--font-size-helper);color:var(--color-text-muted)}.breadcrumb__separator{color:var(--color-border-strong)}@media(max-width:1023px){.sidebar__collapse{display:none}.shell,.shell[data-sidebar=collapsed]{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "main"}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;inline-size:min(86vw,320px);max-inline-size:100%;block-size:100%;z-index:var(--z-drawer);border-inline-end:none;border-inline-start:1px solid var(--color-border);box-shadow:var(--shadow-overlay);transition:transform var(--motion-base) var(--motion-easing)}[dir=rtl] .shell[data-drawer=closed] .sidebar{transform:translate(100%)}[dir=ltr] .shell[data-drawer=closed] .sidebar{transform:translate(-100%)}.shell[data-drawer=closed] .sidebar{visibility:hidden}.shell[data-drawer=open] .sidebar{transform:translate(0);visibility:visible}.drawer-overlay{position:fixed;inset:0;background:var(--color-overlay);z-index:var(--z-overlay);border:0;padding:0}.shell[data-drawer=closed] .drawer-overlay{display:none}}@media(min-width:1024px){.drawer-overlay,.sidebar__close,.header__menu-toggle,.sidebar__facility{display:none}}@media(max-width:767px){.header{gap:var(--space-2);padding-inline:var(--space-4)}.header__facility,.header__title{display:none}.header__system-name{max-inline-size:min(54vw,13rem);font-size:var(--font-size-helper);line-height:var(--line-height-tight);white-space:normal}.page-header{flex-direction:column;align-items:stretch}.page-header__text{flex-basis:auto}.page-header__actions .button{inline-size:100%;justify-content:center}}body[data-scroll-lock=on]{overflow:hidden}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:var(--control-height);min-inline-size:var(--control-height-touch);padding-inline:var(--space-4);border-radius:var(--radius-button);border:1px solid transparent;font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);cursor:pointer;text-decoration:none;transition:background-color var(--motion-fast) var(--motion-easing),border-color var(--motion-fast) var(--motion-easing)}.button[data-variant=primary]{background:var(--color-primary);color:var(--color-text-on-primary)}.button[data-variant=primary]:hover:not(:disabled){background:var(--color-primary-strong)}.button[data-variant=secondary]{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.button[data-variant=secondary]:hover:not(:disabled){background:var(--color-surface-secondary)}.button[data-variant=danger]{background:var(--color-danger);color:var(--color-text-inverse)}.button[data-variant=danger]:hover:not(:disabled){background:var(--color-danger-strong)}.button[data-variant=ghost]{background:transparent;color:var(--color-text-secondary)}.button[data-variant=ghost]:hover:not(:disabled){background:var(--color-surface-secondary);color:var(--color-text-primary)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.6;cursor:not-allowed}.button[data-loading=true]{pointer-events:none}.spinner{inline-size:16px;block-size:16px;border-radius:50%;border:2px solid currentColor;border-block-start-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:var(--control-height-touch);min-inline-size:var(--control-height-touch);block-size:var(--control-height-touch);border-radius:var(--radius-button);border:1px solid transparent;background:transparent;color:var(--color-text-secondary);cursor:pointer}.icon-button:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-raised)}.card__header{padding:var(--space-5) var(--space-6);border-block-end:1px solid var(--color-border);display:flex;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.card__title{flex:1 1 auto;min-inline-size:0}.card__description{color:var(--color-text-secondary);font-size:var(--font-size-helper)}.card__body{padding:var(--space-6)}.card__footer{padding:var(--space-4) var(--space-6);border-block-start:1px solid var(--color-border);display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end}.dashboard-metric__value{font-size:var(--font-size-metric);line-height:var(--line-height-tight);color:var(--color-primary-strong)}.form{display:flex;flex-direction:column;gap:var(--space-5)}.form-section{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.form-section[data-columns="1"]{grid-template-columns:minmax(0,1fr)}.field{display:flex;flex-direction:column;gap:var(--space-2);min-inline-size:0}.field__label{font-weight:var(--font-weight-medium);font-size:var(--font-size-helper);color:var(--color-text-secondary)}.field__required{color:var(--color-danger);margin-inline-start:var(--space-1)}.field__control{min-block-size:var(--control-height);padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-input);background:var(--color-surface);inline-size:100%}.field__control:hover:not(:disabled){border-color:var(--color-text-muted)}.field__control:disabled{background:var(--color-surface-sunken);color:var(--color-text-muted);cursor:not-allowed}.field__control[aria-invalid=true]{border-color:var(--color-danger);background:var(--color-danger-soft)}.field__helper{font-size:var(--font-size-helper);color:var(--color-text-muted)}.field__error{font-size:var(--font-size-helper);color:var(--color-danger);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-1)}.readonly-field{min-block-size:var(--control-height);display:flex;align-items:center;padding-inline:var(--space-3);background:var(--color-surface-sunken);border:1px dashed var(--color-border-strong);border-radius:var(--radius-input);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.readonly-age-container{display:flex;gap:var(--space-3);align-items:center;min-block-size:var(--control-height)}.readonly-age-box{display:inline-flex;align-items:center;gap:var(--space-2)}.readonly-age-val{min-inline-size:3.5rem;min-block-size:var(--control-height);display:flex;align-items:center;justify-content:center;padding-inline:var(--space-2);background:var(--color-surface-sunken);border:1px dashed var(--color-border-strong);border-radius:var(--radius-input);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.readonly-age-unit{font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.form-summary{border:1px solid var(--color-danger);background:var(--color-danger-soft);border-radius:var(--radius-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.form-summary__list{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-helper)}.form-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}@media(max-width:767px){.form-actions{flex-direction:column-reverse}.form-actions .button{inline-size:100%}}.toolbar{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.toolbar__search{flex:1 1 320px;min-inline-size:0;position:relative}.toolbar__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:32px;padding-inline:var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-secondary);border:1px solid var(--color-border);font-size:var(--font-size-helper)}.chip__remove{border:0;background:transparent;cursor:pointer;color:var(--color-text-secondary);min-inline-size:24px;min-block-size:24px}.result-summary{color:var(--color-text-secondary);font-size:var(--font-size-helper)}.table-wrapper{inline-size:100%;max-inline-size:100%;overflow-x:auto;scrollbar-gutter:stable}.table{inline-size:100%;border-collapse:collapse;font-size:var(--font-size-table);text-align:start}.table caption{text-align:start;padding-block-end:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-helper)}.table th,.table td{text-align:start;padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-border);vertical-align:middle}.table th{position:sticky;inset-block-start:0;z-index:1;background:var(--color-surface-secondary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);white-space:nowrap}.table tbody tr{block-size:var(--table-row-height)}.table tbody tr:hover{background:var(--color-surface-secondary)}.table__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.record-list{display:flex;flex-direction:column;gap:var(--space-3)}.record-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.record-card__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-body)}.record-card__row{display:flex;gap:var(--space-3);justify-content:space-between;font-size:var(--font-size-helper)}.record-card__label{color:var(--color-text-muted)}.record-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-start:var(--space-2)}.record-card__actions .button{flex:1 0 auto}.pagination{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;padding-block-start:var(--space-4)}.pagination__position{color:var(--color-text-secondary);font-size:var(--font-size-helper)}.pagination__controls{display:flex;gap:var(--space-2);align-items:center}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-helper);font-weight:var(--font-weight-semibold);border:1px solid transparent;white-space:nowrap}.badge[data-tone=success]{background:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success)}.badge[data-tone=info]{background:var(--color-info-soft);color:var(--color-info);border-color:var(--color-info)}.badge[data-tone=warning]{background:var(--color-warning-soft);color:var(--color-warning);border-color:var(--color-warning)}.badge[data-tone=danger]{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger)}.badge[data-tone=neutral]{background:var(--color-neutral-soft);color:var(--color-neutral);border-color:var(--color-border-strong)}.alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);border:1px solid;align-items:flex-start}.alert__body{display:flex;flex-direction:column;gap:var(--space-1);min-inline-size:0}.alert__title{font-weight:var(--font-weight-semibold)}.alert[data-tone=info]{background:var(--color-info-soft);border-color:var(--color-info);color:var(--color-info)}.alert[data-tone=success]{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.alert[data-tone=warning]{background:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-warning)}.alert[data-tone=danger]{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.toast-region{position:fixed;inset-block-end:var(--space-5);inset-inline-start:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-inline-size:min(420px,calc(100vw - var(--space-8)));pointer-events:none}.toast{pointer-events:none;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border-strong);border-inline-start:4px solid var(--color-neutral);box-shadow:var(--shadow-overlay)}.toast[data-tone=success]{border-inline-start-color:var(--color-success)}.toast[data-tone=warning]{border-inline-start-color:var(--color-warning)}.toast[data-tone=danger]{border-inline-start-color:var(--color-danger)}.toast__body{flex:1 1 auto;min-inline-size:0}.toast .icon-button{pointer-events:auto}.modal-backdrop{position:fixed;inset:0;background:var(--color-overlay);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:var(--color-surface);border-radius:var(--radius-modal);box-shadow:var(--shadow-overlay);inline-size:min(var(--modal-max-width),calc(100vw - var(--space-6)));max-block-size:calc(100vh - var(--space-7));max-block-size:calc(100dvh - var(--space-7) - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column}.modal__header{padding:var(--space-5) var(--space-6);border-block-end:1px solid var(--color-border);display:flex;align-items:flex-start;gap:var(--space-4)}.modal__title{flex:1 1 auto}.modal__body{padding:var(--space-6);overflow-y:auto}.modal__footer{padding:var(--space-4) var(--space-6);border-block-start:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;flex-wrap:wrap}@media(max-width:767px){.modal{inline-size:calc(100% - 24px)}.modal__footer{flex-direction:column-reverse}.modal__footer .button{inline-size:100%}}.context-drawer{position:fixed;inset-block:0;inset-inline-end:0;inline-size:min(90vw,420px);background:var(--color-surface);box-shadow:var(--shadow-overlay);z-index:var(--z-drawer);display:flex;flex-direction:column}.context-drawer__body{padding:var(--space-5);overflow-y:auto}.state-surface{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-9) var(--space-5);color:var(--color-text-secondary)}.state-surface__title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.state-surface__icon{font-size:28px}.state-surface[data-state=ERROR] .state-surface__icon,.state-surface[data-state=UNAUTHORIZED] .state-surface__icon{color:var(--color-danger)}.skeleton{background:linear-gradient(90deg,var(--color-surface-sunken) 25%,var(--color-surface-secondary) 37%,var(--color-surface-sunken) 63%);background-size:400% 100%;animation:skeleton-sweep 1.4s ease infinite;border-radius:var(--radius-input);block-size:16px}.skeleton-row{display:flex;gap:var(--space-4);padding:var(--space-4);border-block-end:1px solid var(--color-border)}.skeleton-row .skeleton{flex:1 1 auto}@keyframes skeleton-sweep{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.text-muted{color:var(--color-text-muted);font-size:var(--font-size-helper)}.detail-list{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.detail-list__row{display:flex;flex-direction:column;gap:var(--space-1);min-inline-size:0}.detail-list__label{color:var(--color-text-muted);font-size:var(--font-size-helper)}.detail-list__value{margin:0;color:var(--color-text-primary);overflow-wrap:anywhere}.packaging-breakdown{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);direction:rtl}.packaging-breakdown__item{display:inline-flex;align-items:center;gap:var(--space-1);min-inline-size:7.5rem}.packaging-breakdown__value{display:inline-flex;align-items:center;justify-content:center;min-inline-size:3.25rem;min-block-size:2.25rem;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface-secondary);font-weight:700;text-align:center}.packaging-breakdown__unit{white-space:nowrap;font-weight:600}@media(max-width:640px){.packaging-breakdown{align-items:stretch;flex-direction:column}.packaging-breakdown__item{min-inline-size:0}}.attribution{display:flex;flex-direction:column;gap:var(--space-1);margin:0}.attribution__notice{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-helper)}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;border:0}.checkbox-group__options{display:flex;flex-direction:column;gap:var(--space-2)}.checkbox{display:flex;align-items:center;gap:var(--space-2);min-block-size:var(--space-6)}.checkbox__input{inline-size:1.15em;block-size:1.15em;margin:0;flex:none;accent-color:var(--color-accent, currentColor)}.searchable-select{position:relative;min-inline-size:0}.searchable-select__popup{margin-block-start:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface)}.searchable-select__list{max-block-size:18rem;overflow-y:auto;overscroll-behavior:contain}.searchable-select__option{display:flex;flex-direction:column;justify-content:center;min-block-size:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-input);overflow-wrap:anywhere;cursor:pointer}.searchable-select__option:hover,.searchable-select__option[aria-selected=true]{background:var(--color-primary-soft);outline:2px solid var(--color-primary);outline-offset:-2px}.permission-matrix-scroll{--permission-matrix-pin-width: 14rem;overflow:auto;max-height:65vh;border:1px solid var(--color-border);border-radius:.5rem}.permission-matrix-scroll table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.permission-matrix-scroll th,.permission-matrix-scroll td{min-width:10rem;padding:.6rem;background:var(--color-surface);border-block-end:1px solid var(--color-border)}.permission-matrix-scroll thead th{position:sticky;top:0;z-index:2;background:var(--color-surface-secondary)}.permission-matrix-scroll tr>:first-child{position:sticky;inset-inline-start:0;z-index:1;box-sizing:border-box;inline-size:var(--permission-matrix-pin-width);min-inline-size:var(--permission-matrix-pin-width);overflow-wrap:anywhere}.permission-matrix-scroll thead tr>:first-child{z-index:3}.permission-matrix-scroll{scroll-padding-inline-start:var(--permission-matrix-pin-width);scroll-padding-block-start:3rem}@media(max-width:767px){.permission-matrix-scroll{--permission-matrix-pin-width: 7rem}.permission-matrix-scroll th,.permission-matrix-scroll td{min-width:8rem}.permission-matrix-scroll tr>:first-child{width:var(--permission-matrix-pin-width);min-width:var(--permission-matrix-pin-width);max-width:var(--permission-matrix-pin-width)}}.iso-date-control{display:flex;gap:.5rem;align-items:center;position:relative}.iso-date-control>input[type=text]{min-width:0;flex:1;direction:ltr;text-align:start}.iso-date-calendar{position:absolute;width:1px;height:1px;opacity:0;inset-inline-end:0}.iso-date-control button{min-width:44px;min-height:44px}.audit-table thead th{position:sticky;top:0;background:var(--color-surface-secondary);z-index:1}.nutrition-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}@media(max-width:1000px){.nutrition-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.nutrition-product-grid{grid-template-columns:minmax(0,1fr)}}@media(pointer:coarse),(max-width:1023px){.field__control,.input{font-size:var(--font-size-control-touch)}.input{min-block-size:var(--control-height-touch)}.breadcrumb a{display:inline-flex;align-items:center;padding-block:var(--space-3);margin-block:calc(var(--space-3) * -1)}.table td>a,.record-card__title>a{display:inline-block;padding-block:var(--space-3);margin-block:calc(var(--space-3) * -1)}.checkbox__input,.row>input[type=radio],.row>input[type=checkbox]{inline-size:24px;block-size:24px;margin:0;flex:none;accent-color:var(--color-accent, currentColor)}.checkbox,.row>input[type=radio]+label,.row>input[type=checkbox]+label{min-block-size:var(--control-height-touch);display:inline-flex;align-items:center}details>summary{padding-block:var(--space-3);cursor:pointer}}