:root {
  --kn-bg: #F6F6F7; --kn-surface: #ffffff; --kn-fill: #f2f2f3; --kn-fill-2: #e9e9ec;
  --kn-sep: #e3e3e8; --kn-sep-2: #c7c7cc;
  --kn-text: #1d1d1f; --kn-text-2: #48484d; --kn-text-3: #636366;
  --kn-accent: #1d1d1f; --kn-accent-hover: #000000; --kn-on-accent: #ffffff;
  --kn-hot: #C2410C; --kn-hot-tint: #FFF1E8; --kn-hot-line: #F9C9A8;
  --kn-danger: #b02a37; --kn-danger-tint: #fde8ea; --kn-danger-line: #f3b5bb;
  --kn-sel: #2563eb;
  --kn-ctl-line: #8e8e93;
  --kn-r-xs: 4px; --kn-r-sm: 6px; --kn-r-md: 8px; --kn-r-ctl: 10px; --kn-r-lg: 12px; --kn-r-xl: 16px; --kn-r-pill: 999px;
  --kn-fs-xs: .6875rem; --kn-fs-caption: .75rem; --kn-fs-footnote: .8125rem; --kn-fs-sm: .875rem; --kn-fs-callout: .9375rem; --kn-fs-body: 1rem; --kn-fs-lead: 1.125rem; --kn-fs-title3: 1.25rem; --kn-fs-title2: 1.5rem; --kn-fs-title1: 1.75rem;
  --kn-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, "Helvetica Neue", "Noto Sans", Arial, sans-serif;

  --ssp-bg: var(--kn-bg); --ssp-surface: var(--kn-surface); --ssp-text: var(--kn-text); --ssp-muted: var(--kn-text-3);
  --ssp-border: rgba(60, 60, 67, .16); --ssp-border-soft: var(--kn-sep); --ssp-border-control: var(--kn-ctl-line);
  --ssp-primary: var(--kn-accent); --ssp-primary-dark: #000000; --ssp-primary-soft: rgba(0, 0, 0, .06);
  --ssp-brand: var(--kn-accent); --ssp-brand-hover: #000000; --ssp-brand-ink: var(--kn-accent);
  --ssp-focus: rgba(0, 0, 0, .55); --ssp-stripe: #FAFAFB; --ssp-sidebar-w: 252px;
  --ssp-hot: var(--kn-hot); --ssp-hot-soft: var(--kn-hot-tint);

  --mac-accent: #1d1d1f; --mac-accent-hover: #000000; --mac-accent-soft: rgba(0, 0, 0, .05); --mac-ring: rgba(0, 0, 0, .45);
  --mac-label: var(--kn-text); --mac-label-2: #57575c; --mac-label-3: var(--kn-text-3); --mac-sep: rgba(60, 60, 67, .16);
  --mac-glass: rgba(255, 255, 255, .66); --mac-glass-strong: rgba(255, 255, 255, .82); --mac-glass-line: rgba(255, 255, 255, .72);
  --mac-glass-shadow: 0 0 0 .5px rgba(0, 0, 0, .08), 0 8px 30px rgba(0, 0, 0, .08); --mac-r: 14px;
  --mac-hot: var(--kn-hot); --mac-hot-soft: var(--kn-hot-tint); --mac-hot-line: var(--kn-hot-line);
  --mac-card-shadow: 0 0 0 .5px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);
  color-scheme: light;
}
:root, [data-bs-theme="light"] {
  --bs-primary: #1d1d1f; --bs-primary-rgb: 29, 29, 31;
  --bs-link-color: #1d1d1f; --bs-link-color-rgb: 29, 29, 31;
  --bs-link-hover-color: #000000; --bs-link-hover-color-rgb: 0, 0, 0;
  --bs-tertiary-bg: #f2f2f7; --bs-tertiary-bg-rgb: 242, 242, 247;
  --bs-border-color: #e3e3e8; --bs-border-color-translucent: rgba(60, 60, 67, .18);
  --bs-body-color: #1d1d1f; --bs-body-color-rgb: 29, 29, 31; --bs-body-bg: #F6F6F7;
  --bs-secondary-color: #636366; --bs-emphasis-color: #000000;
  --bs-font-sans-serif: var(--kn-font); --bs-body-font-family: var(--kn-font);
  --bs-focus-ring-color: rgba(0, 0, 0, .25);
}
html,body{background:var(--kn-bg)!important;font-family:var(--kn-font)!important;color:var(--kn-text);-webkit-font-smoothing:antialiased}
.auth-box,.ws-box,.box,.card-auth,.mfa-box,.otp-box,.reg-box{background:var(--kn-surface)!important;border:0!important;border-radius:var(--mac-r)!important;box-shadow:var(--mac-card-shadow)!important}
.form-control,.form-select{border-radius:var(--kn-r-ctl);border-color:var(--kn-ctl-line);font-size:var(--kn-fs-callout)}
.form-control:focus,.form-select:focus{outline:0;border-color:var(--kn-sel);box-shadow:0 0 0 3px rgba(37,99,235,.14)}
html body :is(.form-control,.form-select,textarea,select,input:not([type=checkbox]):not([type=radio]):not([type=range])):focus-visible{outline:none!important}
.btn-primary,.btn-login{--bs-btn-bg:#1d1d1f;--bs-btn-border-color:#1d1d1f;--bs-btn-hover-bg:#000;--bs-btn-hover-border-color:#000;--bs-btn-active-bg:#000;--bs-btn-active-border-color:#000;--bs-btn-disabled-bg:#1d1d1f;--bs-btn-disabled-border-color:#1d1d1f;background:#1d1d1f!important;border-color:#1d1d1f!important;color:#fff!important;border-radius:var(--kn-r-ctl)!important;font-weight:600}
.btn-primary:hover,.btn-login:hover{background:#000!important;border-color:#000!important}
.btn-outline-primary{--bs-btn-color:#1d1d1f;--bs-btn-border-color:var(--kn-sep-2);--bs-btn-hover-bg:var(--kn-fill);--bs-btn-hover-color:#1d1d1f;--bs-btn-hover-border-color:var(--kn-sep-2);border-radius:var(--kn-r-ctl)}
.btn{border-radius:var(--kn-r-ctl)}
a{color:var(--kn-text)}
a:hover{color:#000}
.form-check-input:checked{background-color:var(--kn-sel);border-color:var(--kn-sel)}
.form-check-input:focus{border-color:var(--kn-sel);box-shadow:0 0 0 3px rgba(37,99,235,.14)}
.form-control,.form-select{background-color:#fff}
.modal-content{background:var(--kn-surface);border:0;border-radius:var(--mac-r);box-shadow:0 0 0 .5px rgba(0,0,0,.08),0 12px 40px rgba(0,0,0,.18)}
.wsdel-list{list-style:none;padding-left:12px!important}
