:root{
  --gk-font-ui:"Almarai",Tahoma,Arial,sans-serif;
  --gk-font-size-xs:12px;
  --gk-font-size-sm:13px;
  --gk-font-size-md:14px;
  --gk-font-size-lg:16px;
  --gk-font-size-base:14px;
  --gk-line-height-base:1.75;
  --gk-heading-line-height:1.45;
  --gk-color-canvas:#f6f7f9;
  --gk-color-surface:#ffffff;
  --gk-color-surface-subtle:#f8f9fb;
  --gk-color-surface-muted:#f1f3f6;
  --gk-color-heading:#20242d;
  --gk-color-text:#343944;
  --gk-color-muted:#657080;
  --gk-color-muted-strong:#4b5563;
  --gk-color-border:#e2e6ec;
  --gk-color-border-strong:#cbd2dc;
  --gk-color-divider:#edf0f4;
  --gk-color-divider-soft:#edf0f4;
  --gk-color-scrollbar:#a79dbd;
  --gk-color-scrollbar-track:transparent;
  --gk-color-surface-hover:#f8f9fc;
  --gk-color-toggle-off:#d8d6df;
  --gk-color-toggle-off-border:#cbc8d3;
  --gk-color-danger-mark:#f8dedb;
  --gk-color-success-mark:#d9f1e1;
  --gk-color-primary:#673de6;
  --gk-color-primary-hover:#5630c9;
  --gk-color-primary-active:var(--gk-panel-primary-alt-ink);
  --gk-color-primary-soft:#f0ebff;
  --gk-color-on-primary:#ffffff;
  --gk-color-action-text:#5d3bc3;
  --gk-color-action-border:#dfd8f8;
  --gk-color-action-hover-text:#4f2db9;
  --gk-color-success:#0b7a49;
  --gk-color-success-soft:#eef8f3;
  --gk-color-success-border:#a9d9c3;
  --gk-color-success-hover-soft:#e4f4ec;
  --gk-color-warning:#9a5b00;
  --gk-color-warning-soft:#fff8e8;
  --gk-color-warning-hover:#805000;
  --gk-color-warning-hover-soft:#fff2cf;
  --gk-color-warning-hover-border:#d2a13d;
  --gk-color-danger:#b42318;
  --gk-color-danger-hover:#912018;
  --gk-color-danger-soft:#fff4f2;
  --gk-color-danger-hover-soft:#ffe8e5;
  --gk-color-danger-hover-border:#d98c85;
  --gk-color-disabled-bg:#f2f4f7;
  --gk-color-disabled-text:#98a2b3;
  --gk-color-disabled-border:#e4e7ec;
  --gk-color-field-bg:#ffffff;
  --gk-color-field-text:var(--gk-color-text);

  --gk-color-field-border:#cbd2dc;
  --gk-color-field-border-hover:#9aa5b5;
  --gk-color-field-placeholder:var(--gk-color-muted);
  --gk-color-button-secondary-bg:#eff6ff;
  --gk-color-button-secondary-text:#1d4ed8;
  --gk-color-button-secondary-border:#bfdbfe;
  --gk-color-button-secondary-hover-bg:#dbeafe;
  --gk-color-button-secondary-hover-text:#1e40af;
  --gk-color-button-secondary-hover-border:#93c5fd;
  --gk-color-button-secondary-active-bg:#c7ddff;
  --gk-color-button-secondary-active-text:#1e3a8a;
  --gk-color-button-secondary-active-border:var(--gk-color-button-secondary-hover-border);
  --gk-color-button-warning-border:#dfb85e;
  --gk-color-button-danger-border:#e7b1ac;
  --gk-control-padding-inline:13px;
  --gk-control-padding-block:9px;
  --gk-control-line-height:1.45;
  --gk-type-table-heading:12px;
  --gk-badge-height:34px;
  --gk-badge-padding-block:6px;
  --gk-badge-padding-inline:12px;
  --gk-badge-font-size:12px;
  --gk-badge-line-height:1.35;
  --gk-control-radius:8px;
  --gk-control-border-width:1px;
  --gk-textarea-min-height:122px;
  --gk-button-height:var(--gk-form-control-height);
  --gk-table-row-height:52px;
  --gk-focus-ring-width:3px;
  --gk-focus-ring-color:rgba(103,61,230,.13);
  --gk-focus-ring:0 0 0 2px var(--gk-color-surface),0 0 0 4px var(--gk-color-primary);
  --gk-interaction-transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease;
  --gk-interaction-pressed-shadow:inset 0 0 0 2px rgba(103,61,230,.13);
  --gk-space-1:4px;
  --gk-space-2:8px;
  --gk-space-3:12px;
  --gk-space-4:16px;
  --gk-space-5:20px;
  --gk-page-inline-space:clamp(24px,2.5vw,40px);
  --gk-page-block-space:24px;
  --gk-page-bottom-space:44px;
  --gk-content-gap:20px;
  --gk-label-gap:7px;
  --gk-card-padding:24px;
  --gk-card-gap:20px;
  --gk-card-radius:12px;
  --gk-card-shadow:none;
  --gk-session-card-width:430px;
  --gk-session-card-width-wide:520px;
  --gk-session-content-width:1040px;
  --gk-session-card-padding:24px;
  --gk-session-screen-gap:22px;
  --gk-session-section-gap:18px;
  --gk-session-inner-gap:12px;
  --gk-session-status-width:520px;
  --gk-form-control-height:42px;
  --gk-form-control-radius:var(--gk-control-radius);
  --gk-table-radius:var(--gk-control-radius);
  --gk-table-cell-block:11px;
  --gk-table-cell-inline:13px;
  --gk-note-space-block:13px;
  --gk-note-space-inline:15px;
  --gk-action-gap:10px;
  --gk-action-section-space:var(--gk-space-4,16px);

  --gk-action-standard-width:128px;
  --gk-action-compact-width:96px;
  --gk-field-min-width:260px;
  --gk-field-gap-block:18px;
  --gk-field-gap-inline:20px;
  --gk-action-standard-min-width:var(--gk-action-standard-width);
  --gk-action-table-height:var(--gk-button-height);
  --gk-page-section-gap:24px;
  --gk-content-section-gap:var(--gk-page-section-gap);
  --gk-content-max-width:1440px;
  --gk-radius-sm:8px;
  --gk-radius-md:12px;
  --gk-radius-pill:999px;
  --gk-shadow-sm:0 1px 2px rgba(24,32,48,.035);
  --gk-shadow-md:0 2px 8px rgba(24,32,48,.045);
  --gk-sidebar-width:256px;
  --gk-topbar-height:64px;
  --gk-topbar-height-compact:64px;
  --gk-ui-control-height-mobile:48px;
  --gk-action-height-mobile:48px;
  --gk-card-padding-tablet:20px;
  --gk-card-padding-mobile:16px;
  --gk-mobile-safe-bottom:max(24px,calc(18px + env(safe-area-inset-bottom,0px)));
  --gk-ui-surface:var(--gk-color-surface);
  --gk-ui-text:var(--gk-color-text);
  --gk-ui-muted:var(--gk-color-muted);
  --gk-ui-primary:var(--gk-color-primary);
  --gk-ui-radius:var(--gk-control-radius);
  --gk-ui-control-h:var(--gk-form-control-height);
  --gk-ui-card-radius:var(--gk-card-radius);
  --gk-store-control-h:var(--gk-form-control-height);
  --gk-panel-primary-alt-ink:#4120a6;
  --gk-ui-row-action-h:var(--gk-action-table-height);
  --gk-transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
  --gk-type-card-title:16px;
  --gk-type-section:18px;
  --gk-type-page:20px;
  --gk-weight-heading:700;
  --gk-weight-label:700;
  --gk-weight-action:700;
  --gk-store-accent:var(--gk-color-primary);
  --gk-record-success-bg:var(--gk-color-success-soft);
  --gk-record-success-fg:var(--gk-color-success);
  --gk-record-success-border:var(--gk-color-success-border);
  --gk-record-danger-bg:var(--gk-color-danger-soft);
  --gk-record-danger-fg:var(--gk-color-danger);
  --gk-record-danger-border:var(--gk-color-button-danger-border);
  --gk-record-warning-bg:var(--gk-color-warning-soft);
  --gk-record-warning-fg:var(--gk-color-warning);
  --gk-record-warning-border:var(--gk-color-button-warning-border);
  --gk-record-info-bg:#eef5ff;
  --gk-record-info-fg:#315f9a;
  --gk-record-info-border:#d2e1f5;
  --gk-record-neutral-bg:#f3f4f7;
  --gk-record-neutral-fg:#5f6270;
}
@media (max-width:1180px){
  :root{
    --gk-page-inline-space:18px;
    --gk-page-block-space:20px;
    --gk-page-bottom-space:34px;
  }
}
@media (max-width:900px){
  :root{
    --gk-page-inline-space:14px;
    --gk-page-block-space:16px;
    --gk-page-bottom-space:30px;
  }
}
@media (max-width:760px){
  :root{
    --gk-content-section-gap:14px;
    --gk-card-gap:16px;
    --gk-field-gap-block:10px;
    --gk-field-gap-inline:10px;
    --gk-page-inline-space:14px;
    --gk-page-block-space:12px;
    --gk-page-bottom-space:calc(24px + env(safe-area-inset-bottom,0px));
  }
}
@media (max-width:430px){
  :root{--gk-page-inline-space:12px;}
}