@charset "UTF-8";

/* ../../../../../tmp/tmp-1929497-EgGb1Ssxt7iI/onespace/onespace/public/css/onespace_web.bundle.css */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/onespace/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format("woff2-variations"), url(/assets/onespace/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:
    U+0100-02AF,
    U+0304,
    U+0308,
    U+0329,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/onespace/fonts/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2-variations"), url(/assets/onespace/fonts/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/onespace/fonts/manrope-cyrillic-wght-normal.woff2) format("woff2-variations"), url(/assets/onespace/fonts/manrope-cyrillic-wght-normal.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/onespace/fonts/manrope-greek-wght-normal.woff2) format("woff2-variations"), url(/assets/onespace/fonts/manrope-greek-wght-normal.woff2) format("woff2");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/onespace/fonts/manrope-latin-ext-wght-normal.woff2) format("woff2-variations"), url(/assets/onespace/fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:
    U+0100-02AF,
    U+0304,
    U+0308,
    U+0329,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/onespace/fonts/manrope-latin-wght-normal.woff2) format("woff2-variations"), url(/assets/onespace/fonts/manrope-latin-wght-normal.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
:root {
  --os-orange-50: #fff4f0;
  --os-orange-100: #ffe4da;
  --os-orange-200: #ffc4af;
  --os-orange-300: #ff9b7a;
  --os-orange-400: #ff6b42;
  --os-orange-500: #ff3700;
  --os-orange-600: #de2f00;
  --os-orange-700: #b22400;
  --os-orange-800: #8b1a00;
  --os-orange-900: #3d0600;
  --os-zinc-0: #ffffff;
  --os-zinc-50: #fafafa;
  --os-zinc-100: #f4f4f5;
  --os-zinc-200: #e4e4e7;
  --os-zinc-300: #d4d4d8;
  --os-zinc-400: #a1a1aa;
  --os-zinc-500: #71717a;
  --os-zinc-600: #52525b;
  --os-zinc-700: #3f3f46;
  --os-zinc-800: #27272a;
  --os-zinc-900: #18181b;
  --os-slate-canvas: #0f1117;
  --os-slate-rail: #141720;
  --os-slate-surface: #181b24;
  --os-slate-elevated: #212530;
  --os-slate-highest: #2b3040;
  --os-slate-divider: #232836;
  --os-slate-border: #2d3343;
  --os-slate-border-strong: #3a4154;
  --os-slate-text: #f1f5f9;
  --os-slate-body: #cbd5e1;
  --os-slate-muted: #94a3b8;
  --os-font-display:
    "Plus Jakarta Sans",
    "InterVariable",
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans Arabic",
    sans-serif;
  --os-font-ui:
    "Manrope",
    "InterVariable",
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans Arabic",
    sans-serif;
  --os-radius-sm: 6px;
  --os-radius: 8px;
  --os-radius-md: 12px;
  --os-radius-lg: 16px;
  --os-radius-xl: 24px;
  --os-radius-full: 9999px;
  --os-control-h: 36px;
  --os-row-h: 44px;
  --os-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --os-dur: 160ms;
}
html:root {
  --os-canvas: var(--os-zinc-50);
  --os-rail: var(--os-zinc-0);
  --os-surface: var(--os-zinc-0);
  --os-surface-2: var(--os-zinc-100);
  --os-surface-3: var(--os-zinc-100);
  --os-elevated: var(--os-zinc-0);
  --os-input: var(--os-zinc-0);
  --os-border: var(--os-zinc-200);
  --os-border-strong: var(--os-zinc-300);
  --os-divider: var(--os-zinc-100);
  --os-text: var(--os-zinc-900);
  --os-text-body: var(--os-zinc-700);
  --os-text-muted: var(--os-zinc-500);
  --os-label: var(--os-zinc-800);
  --os-icon: var(--os-zinc-700);
  --os-inverse: var(--os-zinc-900);
  --os-on-inverse: var(--os-zinc-0);
  --os-brand: var(--os-orange-500);
  --os-primary: var(--os-orange-600);
  --os-primary-hover: var(--os-orange-700);
  --os-on-primary: #ffffff;
  --os-link: var(--os-orange-700);
  --os-tint: rgba(255, 55, 0, 0.08);
  --os-tint-strong: rgba(255, 55, 0, 0.14);
  --os-ring: rgba(255, 55, 0, 0.18);
  --os-success-bg: #ecfdf5;
  --os-success-fg: #047857;
  --os-danger-bg: #fef2f2;
  --os-danger-fg: #b91c1c;
  --os-pending-bg: #fff7ed;
  --os-pending-fg: #c2410c;
  --os-neutral-bg: var(--os-zinc-100);
  --os-neutral-fg: var(--os-zinc-600);
  --os-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02);
  --os-shadow-2: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.03);
  --os-shadow-3: 0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.06);
  --os-scrim: rgba(24, 24, 27, 0.4);
  color-scheme: light;
  --font-stack: var(--os-font-ui);
  --bg-color: var(--os-canvas);
  --fg-color: var(--os-surface);
  --card-bg: var(--os-surface);
  --modal-bg: var(--os-elevated);
  --navbar-bg: var(--os-surface);
  --subnavbar-bg-color: var(--os-surface);
  --bg-light-gray: var(--os-surface-2);
  --control-bg: var(--os-input);
  --control-bg-on-gray: var(--os-input);
  --disabled-control-bg: var(--os-surface-2);
  --input-disabled-bg: var(--os-surface-2);
  --disabled-text-color: var(--os-text-body);
  --text-color: var(--os-text);
  --heading-color: var(--os-text);
  --text-muted: var(--os-text-muted);
  --text-light: var(--os-text-muted);
  --icon-stroke: var(--os-icon);
  --icon-fill-bg: var(--os-surface);
  --border-color: var(--os-border);
  --dark-border-color: var(--os-border-strong);
  --divider-color: var(--os-border);
  --table-border-color: var(--os-border);
  --primary: var(--os-primary);
  --primary-color: var(--os-primary);
  --btn-primary: var(--os-primary);
  --link-color: var(--os-link);
  --btn-default-bg: var(--os-surface);
  --btn-default-hover-bg: var(--os-surface-3);
  --btn-ghost-hover-bg: var(--os-surface-3);
  --focus-default: var(--os-ring);
  --awesomebar-focus-bg: var(--os-input);
  --shadow-xs: var(--os-shadow-1);
  --shadow-sm: var(--os-shadow-1);
  --shadow-base: var(--os-shadow-1);
  --shadow-md: var(--os-shadow-2);
  --shadow-lg: var(--os-shadow-3);
  --shadow-xl: var(--os-shadow-3);
  --surface-menu-bar: var(--os-rail);
  --sidebar-border-color: var(--os-border);
  --sidebar-hover-color: var(--os-surface-3);
  --sidebar-active-color: var(--os-primary);
  --ink-gray-9: var(--os-text);
  --ink-gray-8: var(--os-text);
  --ink-gray-7: var(--os-text-body);
  --ink-gray-6: var(--os-text-body);
  --ink-gray-5: var(--os-text-muted);
  --ink-gray-4: var(--os-text-muted);
  --ink-gray-3: var(--os-border-strong);
  --ink-gray-2: var(--os-border);
  --ink-gray-1: var(--os-surface-2);
  --surface-white: var(--os-surface);
  --surface-cards: var(--os-surface);
  --surface-modal: var(--os-elevated);
  --surface-gray-1: var(--os-canvas);
  --surface-gray-2: var(--os-surface-2);
  --surface-gray-3: var(--os-surface-3);
  --surface-gray-4: var(--os-border);
  --surface-gray-5: var(--os-inverse);
  --surface-gray-6: var(--os-inverse);
  --surface-gray-7: var(--os-inverse);
  --outline-gray-1: var(--os-border);
  --outline-gray-2: var(--os-border);
  --outline-gray-3: var(--os-border-strong);
  --outline-gray-4: var(--os-border-strong);
  --outline-gray-modals: var(--os-border);
  --dt-border-color: var(--os-border);
  --dt-light-bg: var(--os-surface-2);
  --dt-light-yellow: var(--os-tint);
  --dt-orange: var(--os-brand);
  --dt-text-color: var(--os-text);
  --dt-text-light: var(--os-text-muted);
  --dt-cell-bg: var(--os-surface);
  --dt-focus-border-width: 2px;
  --dt-selection-highlight-color: var(--os-tint);
  --dt-toast-message-border: none;
  --dt-header-cell-bg: var(--os-surface-2);
}
html:root[data-theme=dark] {
  --os-canvas: var(--os-slate-canvas);
  --os-rail: var(--os-slate-rail);
  --os-surface: var(--os-slate-surface);
  --os-surface-2: var(--os-slate-rail);
  --os-surface-3: var(--os-slate-elevated);
  --os-elevated: var(--os-slate-elevated);
  --os-input: var(--os-slate-rail);
  --os-border: var(--os-slate-border);
  --os-border-strong: var(--os-slate-border-strong);
  --os-divider: var(--os-slate-divider);
  --os-text: var(--os-slate-text);
  --os-text-body: var(--os-slate-body);
  --os-text-muted: var(--os-slate-muted);
  --os-label: var(--os-slate-body);
  --os-icon: var(--os-slate-body);
  --os-inverse: var(--os-slate-text);
  --os-on-inverse: var(--os-slate-canvas);
  --os-brand: var(--os-orange-500);
  --os-primary: var(--os-orange-600);
  --os-primary-hover: #c42a00;
  --os-on-primary: #ffffff;
  --os-link: var(--os-orange-400);
  --os-tint: rgba(255, 55, 0, 0.1);
  --os-tint-strong: rgba(255, 55, 0, 0.18);
  --os-ring: rgba(255, 55, 0, 0.22);
  --os-success-bg: rgba(16, 185, 129, 0.15);
  --os-success-fg: #34d399;
  --os-danger-bg: rgba(239, 68, 68, 0.15);
  --os-danger-fg: #f87171;
  --os-pending-bg: rgba(251, 146, 60, 0.15);
  --os-pending-fg: #fb923c;
  --os-neutral-bg: var(--os-slate-elevated);
  --os-neutral-fg: var(--os-slate-muted);
  --os-shadow-1: 0 0 0 1px rgba(0, 0, 0, 0.2);
  --os-shadow-2: 0 8px 16px -4px rgba(0, 0, 0, 0.5);
  --os-shadow-3: 0 20px 30px -10px rgba(0, 0, 0, 0.7);
  --os-scrim: rgba(15, 17, 23, 0.75);
  color-scheme: dark;
}
html:root body {
  background: var(--os-canvas);
  color: var(--os-text);
  font-family: var(--os-font-ui);
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html:root :is(h1, h2, h3, h4, .page-title .title-text, .title-area .title-text, .modal-title, .widget-title, .section-head, .form-section .section-head, .head-title, .ce-header) {
  font-family: var(--os-font-display);
  letter-spacing: -0.01em;
}
html:root a {
  color: var(--os-link);
}
html:root ::-moz-selection {
  background: var(--os-tint-strong);
  color: var(--os-text);
}
html:root ::selection {
  background: var(--os-tint-strong);
  color: var(--os-text);
}
html:root :is(a, button, .btn, .es-button, [role=button], [tabindex]):focus-visible {
  outline: 2px solid var(--os-brand);
  outline-offset: 2px;
  box-shadow: none;
}
html:root * {
  scrollbar-width: thin;
  scrollbar-color: var(--os-border-strong) transparent;
}
html:root ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html:root ::-webkit-scrollbar-thumb {
  background: var(--os-border-strong);
  border: 3px solid transparent;
  border-radius: 999px;
  background-clip: content-box;
}
html:root ::-webkit-scrollbar-track {
  background: transparent;
}
.os-logo-on-dark {
  display: none !important;
}
html:root[data-theme=dark] .os-logo-on-light {
  display: none !important;
}
html:root[data-theme=dark] .os-logo-on-dark {
  display: block !important;
}
html[data-os-density=compact] {
  --os-control-h: 30px;
  --os-row-h: 36px;
}
@media (prefers-reduced-motion: reduce) {
  html:root *,
  html:root *::before,
  html:root *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
html[data-os-vendor=hidden] .promotional-banner[target=_blank],
html[data-os-vendor=hidden] :is(.dropdown-menu, .frappe-menu, .body-sidebar, .page-actions, .help-box) :is(a[href*="frappe.io"], a[href*="frappe.school"], a[href*="frappe.cloud"], a[href*="frappeframework.com"], a[href*="erpnext.com"]) {
  display: none !important;
}
html:root :is(.btn, .es-button) {
  border-radius: var(--os-radius);
  font-family: var(--os-font-ui);
  font-weight: 600;
  letter-spacing: 0;
  transition:
    background-color var(--os-dur) var(--os-ease),
    border-color var(--os-dur) var(--os-ease),
    color var(--os-dur) var(--os-ease),
    box-shadow var(--os-dur) var(--os-ease),
    transform 80ms var(--os-ease);
}
html:root :is(.btn, .es-button):active:not(:disabled) {
  transform: scale(0.98);
}
html:root .btn-primary,
html:root .es-button[data-variant=solid]:not([data-theme=red]):not([data-theme=gray]) {
  background: var(--os-primary) !important;
  border: 1px solid var(--os-primary) !important;
  color: var(--os-on-primary) !important;
  --icon-stroke: var(--os-on-primary);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 12px -6px rgba(222, 47, 0, 0.55);
}
html:root .btn-primary:hover:not(:disabled),
html:root .es-button[data-variant=solid]:not([data-theme=red]):not([data-theme=gray]):hover:not(:disabled) {
  background: var(--os-primary-hover) !important;
  border-color: var(--os-primary-hover) !important;
}
html:root .btn-primary svg,
html:root .es-button[data-variant=solid]:not([data-theme=red]):not([data-theme=gray]) svg {
  stroke: var(--os-on-primary);
}
html:root :is(.btn-default, .btn-secondary),
html:root .es-button[data-variant=outline],
html:root .es-button[data-variant=subtle] {
  background: var(--os-surface);
  border: 1px solid var(--os-border);
  color: var(--os-text);
}
html:root :is(.btn-default, .btn-secondary):hover:not(:disabled),
html:root .es-button[data-variant=outline]:hover:not(:disabled),
html:root .es-button[data-variant=subtle]:hover:not(:disabled) {
  background: var(--os-surface-3);
  border-color: var(--os-border-strong);
}
html:root .es-button[data-variant=ghost],
html:root .btn-link {
  color: var(--os-text-body);
}
html:root .es-button[data-variant=ghost]:hover:not(:disabled) {
  background: var(--os-surface-3);
  color: var(--os-text);
}
html:root :is(.form-control, .input-with-feedback, select.form-control, .awesomplete > input) {
  background-color: var(--os-input);
  border: 1px solid var(--os-border);
  border-radius: var(--os-radius);
  color: var(--os-text);
  transition: border-color var(--os-dur) var(--os-ease), box-shadow var(--os-dur) var(--os-ease);
}
html:root :is(input.form-control, select.form-control) {
  min-height: var(--os-control-h);
}
html:root :is(.form-control, .input-with-feedback, .awesomplete > input):hover:not(:focus):not(:disabled) {
  border-color: var(--os-border-strong);
}
html:root :is(.form-control, .input-with-feedback, .awesomplete > input):focus,
html:root :is(.form-control, .input-with-feedback):focus-within {
  border-color: var(--os-brand);
  box-shadow: 0 0 0 3px var(--os-ring);
  outline: none;
}
html:root .form-control::-moz-placeholder {
  color: var(--os-text-muted);
  opacity: 1;
}
html:root .form-control::placeholder {
  color: var(--os-text-muted);
  opacity: 1;
}
html:root .like-disabled-input {
  background: var(--os-surface-2);
  border: 1px solid var(--os-border);
  border-radius: var(--os-radius);
  color: var(--os-text);
}
html:root :is(.control-label, .form-label, .frappe-control .label-area) {
  color: var(--os-label);
  font-size: 12px;
  font-weight: 600;
}
html:root .frappe-control .help-box {
  color: var(--os-text-muted);
}
html:root input[type=checkbox],
html:root input[type=radio] {
  accent-color: var(--os-primary);
}
html:root input[type=checkbox]:checked {
  background-color: var(--os-primary);
  border-color: var(--os-primary);
}
html:root :is(.dropdown-menu, .frappe-menu, .popover, .awesomplete > ul) {
  background: var(--os-elevated);
  border: 1px solid var(--os-border);
  border-radius: var(--os-radius-md);
  box-shadow: var(--os-shadow-2);
}
html:root .dropdown-menu {
  padding: 6px;
}
html:root .dropdown-menu .dropdown-item {
  border-radius: var(--os-radius-sm);
  color: var(--os-text-body);
  font-weight: 500;
}
html:root .dropdown-menu .dropdown-item:is(:hover, :focus, .active) {
  background: var(--os-surface-3);
  color: var(--os-text);
}
html:root .modal-backdrop.show {
  background: var(--os-scrim);
  opacity: 1;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
html:root .modal-content {
  background: var(--os-elevated);
  border: 1px solid var(--os-border);
  border-radius: var(--os-radius-lg);
  box-shadow: var(--os-shadow-3);
}
html:root .modal-header {
  border-bottom-color: var(--os-divider);
}
html:root .modal-header .modal-title {
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--os-text);
}
html:root .modal-footer {
  border-top-color: var(--os-divider);
}
html:root #alert-container .alert {
  background: var(--os-elevated);
  border: 1px solid var(--os-border);
  border-radius: var(--os-radius-md);
  box-shadow: var(--os-shadow-2);
  color: var(--os-text);
}
html:root .tooltip .tooltip-inner {
  background: var(--os-inverse);
  color: var(--os-on-inverse);
  border-radius: var(--os-radius-sm);
  font-weight: 600;
}
body.os-login-body {
  margin: 0;
  background: var(--os-surface);
  font-family: var(--os-font-ui);
}
body.os-login-body :is(.page-content-wrapper, .page_content, main, .container, .page-container):has(.os-login-shell) {
  max-width: none !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.os-login-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  min-height: 100vh;
  min-height: 100dvh;
}
.os-login-forms {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 6vh 6vw;
  background: var(--os-surface);
  color: var(--os-text);
}
body.os-login-body .os-login-forms :is(.page-card, .login-content) {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.os-login-logo {
  display: inline-block;
  margin-bottom: 18px;
}
.os-login-logo img {
  height: 44px;
  width: auto;
}
.os-login-title {
  margin: 0;
  font: 800 30px/1.15 var(--os-font-display);
  letter-spacing: -0.03em;
  color: var(--os-text);
}
body.os-login-body .page-card-subtitle {
  color: var(--os-text-muted);
  font-size: 15px;
}
body.os-login-body .os-login-forms .form-label {
  color: var(--os-label);
  font-size: 12px;
  font-weight: 600;
}
body.os-login-body .os-login-forms .page-card-body :is(input[type=text], input[type=email], input[type=password]) {
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  padding: 0 14px;
  background: var(--os-input);
  border: 1px solid var(--os-border);
  border-radius: var(--os-radius);
  color: var(--os-text);
  font: 500 15px var(--os-font-ui);
  box-shadow: none;
  transition: border-color var(--os-dur) var(--os-ease), box-shadow var(--os-dur) var(--os-ease);
}
body.os-login-body .os-login-forms .page-card-body :is(input[type=text], input[type=email], input[type=password])::-moz-placeholder {
  color: var(--os-text-muted);
}
body.os-login-body .os-login-forms .page-card-body :is(input[type=text], input[type=email], input[type=password])::placeholder {
  color: var(--os-text-muted);
}
body.os-login-body .os-login-forms .page-card-body :is(input[type=text], input[type=email], input[type=password]):focus {
  border-color: var(--os-brand);
  box-shadow: 0 0 0 3px var(--os-ring);
  outline: none;
}
body.os-login-body .os-login-forms .password-field .toggle-password {
  --icon-stroke: var(--os-text-muted);
}
body.os-login-body .os-login-forms :is(.btn-login, .btn-forgot, .btn-signup)[data-variant=solid],
body.os-login-body .os-login-forms .es-button[data-variant=solid] {
  height: 44px;
  background: var(--os-primary) !important;
  border: 1px solid var(--os-primary) !important;
  border-radius: var(--os-radius);
  color: var(--os-on-primary) !important;
  font: 700 15px/1 var(--os-font-ui);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 8px 20px -10px rgba(222, 47, 0, 0.7);
  transition: background-color var(--os-dur) var(--os-ease), transform 80ms var(--os-ease);
}
body.os-login-body .os-login-forms :is(.btn-login, .btn-forgot, .btn-signup)[data-variant=solid]:hover:not(:disabled),
body.os-login-body .os-login-forms .es-button[data-variant=solid]:hover:not(:disabled) {
  background: var(--os-primary-hover) !important;
  border-color: var(--os-primary-hover) !important;
}
body.os-login-body .os-login-forms :is(.btn-login, .btn-forgot, .btn-signup)[data-variant=solid]:active:not(:disabled),
body.os-login-body .os-login-forms .es-button[data-variant=solid]:active:not(:disabled) {
  transform: scale(0.99);
}
body.os-login-body .os-login-forms .btn-login-option {
  height: 44px;
  background: var(--os-surface);
  border: 1px solid var(--os-border);
  border-radius: var(--os-radius);
  color: var(--os-text);
  font: 600 14px/1 var(--os-font-ui);
}
body.os-login-body .os-login-forms .btn-login-option:hover {
  background: var(--os-surface-3);
}
body.os-login-body .os-login-forms :is(.forgot-password-message a, .sign-up-message a) {
  color: var(--os-link);
  font-weight: 700;
  text-decoration: none;
}
body.os-login-body .os-login-forms :is(.forgot-password-message a, .sign-up-message a):hover {
  text-decoration: underline;
}
body.os-login-body .os-login-forms :is(.btn-login-option, .es-button) {
  box-sizing: border-box;
  text-decoration: none;
}
body.os-login-body .os-login-forms .sign-up-message {
  color: var(--os-text-muted);
}
.os-login-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 6px 0 12px;
  color: var(--os-text-muted);
  font-size: 12px;
  font-weight: 600;
}
.os-login-divider::before,
.os-login-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--os-border);
}
.os-login-footnote {
  max-width: 400px;
  width: 100%;
  margin: 40px auto 0;
  color: var(--os-text-muted);
  font-size: 12px;
}
.os-login-brand {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 8vh 7vw;
  color: var(--os-slate-text);
  background:
    radial-gradient(60% 50% at 88% 12%, rgba(255, 55, 0, 0.3), transparent 70%),
    radial-gradient(50% 40% at 0% 100%, rgba(255, 55, 0, 0.14), transparent 70%),
    linear-gradient(160deg, var(--os-slate-surface) 0%, var(--os-slate-canvas) 65%);
}
.os-login-brand-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.28;
}
.os-login-brand-mark {
  position: absolute;
  right: -4%;
  bottom: -8%;
  height: 80%;
  width: auto;
  opacity: 0.08;
  pointer-events: none;
}
.os-login-brand-body {
  position: relative;
  z-index: 1;
  max-width: 540px;
}
.os-login-brand-logo {
  height: 64px;
  width: auto;
  margin-bottom: 48px;
}
.os-login-headline {
  margin: 0;
  font: 800 clamp(32px, 3.4vw, 52px)/1.06 var(--os-font-display);
  letter-spacing: -0.035em;
  color: #ffffff;
}
.os-login-subheadline {
  margin: 20px 0 0;
  max-width: 46ch;
  color: var(--os-slate-body);
  font-size: 16px;
  line-height: 1.6;
}
.os-login-points {
  display: grid;
  gap: 14px;
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
}
.os-login-points li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--os-slate-text);
  font-weight: 600;
}
.os-login-points svg {
  flex: none;
  width: 26px;
  height: 26px;
  padding: 5px;
  border-radius: 50%;
  background: rgba(255, 55, 0, 0.16);
  color: var(--os-orange-400);
}
@media (max-width: 900px) {
  .os-login-shell {
    grid-template-columns: minmax(0, 1fr);
  }
  .os-login-brand {
    display: none;
  }
  .os-login-forms {
    padding: 8vh 24px;
  }
}
@media (prefers-color-scheme: dark) {
  body.os-login-body {
    --os-canvas: var(--os-slate-canvas);
    --os-rail: var(--os-slate-rail);
    --os-surface: var(--os-slate-surface);
    --os-surface-2: var(--os-slate-rail);
    --os-surface-3: var(--os-slate-elevated);
    --os-elevated: var(--os-slate-elevated);
    --os-input: var(--os-slate-rail);
    --os-border: var(--os-slate-border);
    --os-border-strong: var(--os-slate-border-strong);
    --os-divider: var(--os-slate-divider);
    --os-text: var(--os-slate-text);
    --os-text-body: var(--os-slate-body);
    --os-text-muted: var(--os-slate-muted);
    --os-label: var(--os-slate-body);
    --os-icon: var(--os-slate-body);
    --os-inverse: var(--os-slate-text);
    --os-on-inverse: var(--os-slate-canvas);
    --os-brand: var(--os-orange-500);
    --os-primary: var(--os-orange-600);
    --os-primary-hover: #c42a00;
    --os-on-primary: #ffffff;
    --os-link: var(--os-orange-400);
    --os-tint: rgba(255, 55, 0, 0.1);
    --os-tint-strong: rgba(255, 55, 0, 0.18);
    --os-ring: rgba(255, 55, 0, 0.22);
    --os-success-bg: rgba(16, 185, 129, 0.15);
    --os-success-fg: #34d399;
    --os-danger-bg: rgba(239, 68, 68, 0.15);
    --os-danger-fg: #f87171;
    --os-pending-bg: rgba(251, 146, 60, 0.15);
    --os-pending-fg: #fb923c;
    --os-neutral-bg: var(--os-slate-elevated);
    --os-neutral-fg: var(--os-slate-muted);
    --os-shadow-1: 0 0 0 1px rgba(0, 0, 0, 0.2);
    --os-shadow-2: 0 8px 16px -4px rgba(0, 0, 0, 0.5);
    --os-shadow-3: 0 20px 30px -10px rgba(0, 0, 0, 0.7);
    --os-scrim: rgba(15, 17, 23, 0.75);
    color-scheme: dark;
    --font-stack: var(--os-font-ui);
    --bg-color: var(--os-canvas);
    --fg-color: var(--os-surface);
    --card-bg: var(--os-surface);
    --modal-bg: var(--os-elevated);
    --navbar-bg: var(--os-surface);
    --subnavbar-bg-color: var(--os-surface);
    --bg-light-gray: var(--os-surface-2);
    --control-bg: var(--os-input);
    --control-bg-on-gray: var(--os-input);
    --disabled-control-bg: var(--os-surface-2);
    --input-disabled-bg: var(--os-surface-2);
    --disabled-text-color: var(--os-text-body);
    --text-color: var(--os-text);
    --heading-color: var(--os-text);
    --text-muted: var(--os-text-muted);
    --text-light: var(--os-text-muted);
    --icon-stroke: var(--os-icon);
    --icon-fill-bg: var(--os-surface);
    --border-color: var(--os-border);
    --dark-border-color: var(--os-border-strong);
    --divider-color: var(--os-border);
    --table-border-color: var(--os-border);
    --primary: var(--os-primary);
    --primary-color: var(--os-primary);
    --btn-primary: var(--os-primary);
    --link-color: var(--os-link);
    --btn-default-bg: var(--os-surface);
    --btn-default-hover-bg: var(--os-surface-3);
    --btn-ghost-hover-bg: var(--os-surface-3);
    --focus-default: var(--os-ring);
    --awesomebar-focus-bg: var(--os-input);
    --shadow-xs: var(--os-shadow-1);
    --shadow-sm: var(--os-shadow-1);
    --shadow-base: var(--os-shadow-1);
    --shadow-md: var(--os-shadow-2);
    --shadow-lg: var(--os-shadow-3);
    --shadow-xl: var(--os-shadow-3);
    --surface-menu-bar: var(--os-rail);
    --sidebar-border-color: var(--os-border);
    --sidebar-hover-color: var(--os-surface-3);
    --sidebar-active-color: var(--os-primary);
    --ink-gray-9: var(--os-text);
    --ink-gray-8: var(--os-text);
    --ink-gray-7: var(--os-text-body);
    --ink-gray-6: var(--os-text-body);
    --ink-gray-5: var(--os-text-muted);
    --ink-gray-4: var(--os-text-muted);
    --ink-gray-3: var(--os-border-strong);
    --ink-gray-2: var(--os-border);
    --ink-gray-1: var(--os-surface-2);
    --surface-white: var(--os-surface);
    --surface-cards: var(--os-surface);
    --surface-modal: var(--os-elevated);
    --surface-gray-1: var(--os-canvas);
    --surface-gray-2: var(--os-surface-2);
    --surface-gray-3: var(--os-surface-3);
    --surface-gray-4: var(--os-border);
    --surface-gray-5: var(--os-inverse);
    --surface-gray-6: var(--os-inverse);
    --surface-gray-7: var(--os-inverse);
    --outline-gray-1: var(--os-border);
    --outline-gray-2: var(--os-border);
    --outline-gray-3: var(--os-border-strong);
    --outline-gray-4: var(--os-border-strong);
    --outline-gray-modals: var(--os-border);
    --dt-border-color: var(--os-border);
    --dt-light-bg: var(--os-surface-2);
    --dt-light-yellow: var(--os-tint);
    --dt-orange: var(--os-brand);
    --dt-text-color: var(--os-text);
    --dt-text-light: var(--os-text-muted);
    --dt-cell-bg: var(--os-surface);
    --dt-focus-border-width: 2px;
    --dt-selection-highlight-color: var(--os-tint);
    --dt-toast-message-border: none;
    --dt-header-cell-bg: var(--os-surface-2);
    background: var(--os-surface);
  }
  body.os-login-body .os-logo-on-light {
    display: none !important;
  }
  body.os-login-body .os-logo-on-dark {
    display: block !important;
  }
}
/*# sourceMappingURL=onespace_web.bundle.H3TQZ2QI.css.map */