/* Perfex Design Studio 1.0.0 — portal */
@font-face{font-family:"PDS Jakarta";font-style:normal;font-display:swap;font-weight:200 900;src:url("https://crm.kuareict.co.tz/modules/perfex_design_studio/assets/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, 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:"PDS Jakarta";font-style:normal;font-display:swap;font-weight:200 900;src:url("https://crm.kuareict.co.tz/modules/perfex_design_studio/assets/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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"PDS Inter";font-style:normal;font-display:swap;font-weight:200 900;src:url("https://crm.kuareict.co.tz/modules/perfex_design_studio/assets/fonts/inter-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, 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:"PDS Inter";font-style:normal;font-display:swap;font-weight:200 900;src:url("https://crm.kuareict.co.tz/modules/perfex_design_studio/assets/fonts/inter-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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"PDS Manrope";font-style:normal;font-display:swap;font-weight:200 900;src:url("https://crm.kuareict.co.tz/modules/perfex_design_studio/assets/fonts/manrope-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, 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:"PDS Manrope";font-style:normal;font-display:swap;font-weight:200 900;src:url("https://crm.kuareict.co.tz/modules/perfex_design_studio/assets/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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"PDS Serif";font-style:normal;font-display:swap;font-weight:200 900;src:url("https://crm.kuareict.co.tz/modules/perfex_design_studio/assets/fonts/source-serif-4-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, 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:"PDS Serif";font-style:normal;font-display:swap;font-weight:200 900;src:url("https://crm.kuareict.co.tz/modules/perfex_design_studio/assets/fonts/source-serif-4-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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* core-base */

html.pds-on { color-scheme: light; }
html.pds-on[data-pds-theme="dark"] { color-scheme: dark; }
html.pds-on body {
  font-family: var(--pds-font);
  color: var(--pds-text);
  background: var(--pds-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html.pds-on body > * { font-size: var(--pds-fs-base); }
html.pds-on h1, html.pds-on h2, html.pds-on h3, html.pds-on h4, html.pds-on h5, html.pds-on h6,
html.pds-on .h1, html.pds-on .h2, html.pds-on .h3, html.pds-on .h4 { font-family: var(--pds-font-display); color: var(--pds-ink); letter-spacing: -0.01em; }
html.pds-on h1, html.pds-on .h1, html.pds-on h2, html.pds-on .h2 { font-weight: var(--pds-display-weight); letter-spacing: var(--pds-display-track); }

html.pds-on a:where(:not(.pds-page a)) { color: var(--pds-accent-text); }
html.pds-on a:where(:not(.pds-page a)):hover, html.pds-on a:where(:not(.pds-page a)):focus { color: var(--pds-accent-hover); }
html.pds-on ::selection { background: var(--pds-accent-ring); color: var(--pds-ink); }
html.pds-on :focus-visible { outline: 2px solid var(--pds-accent); outline-offset: 2px; }
html.pds-on .text-muted, html.pds-on .tw-text-neutral-500, html.pds-on .tw-text-gray-500 { color: var(--pds-muted) !important; }
html.pds-on hr { border-color: var(--pds-border); }
html.pds-on code { font-family: var(--pds-font-mono); color: var(--pds-ink); background: var(--pds-surface-3); border-radius: var(--pds-radius-xs); }
html.pds-on .tw-tabular-nums, html.pds-on .table td, html.pds-on .dataTable td { font-variant-numeric: var(--pds-numbers); }
html.pds-on * { scrollbar-color: var(--pds-border-strong) transparent; }
html.pds-on ::-webkit-scrollbar { width: 10px; height: 10px; }
html.pds-on ::-webkit-scrollbar-thumb { background: var(--pds-border-strong); border-radius: 99px; border: 3px solid transparent; background-clip: content-box; }
html.pds-on ::-webkit-scrollbar-track { background: transparent; }

/* core-ui */

.pds-ic { width: 18px; height: 18px; flex: none; display: inline-block; vertical-align: middle; }

.pds-btn { height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 15px; border-radius: var(--pds-btn-radius, 8px); font: 600 13.5px/1 var(--pds-font, inherit); white-space: nowrap; border: 1px solid transparent; cursor: pointer; text-decoration: none !important; transition: background .15s, box-shadow .15s, color .15s; }
.pds-btn .pds-ic { width: 16px; height: 16px; }
.pds-btn--primary { background: var(--pds-btn-bg); color: var(--pds-btn-ink) !important; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.pds-btn--primary:hover { background: var(--pds-btn-hover); }
.pds-btn--accent { background: var(--pds-accent); color: var(--pds-on-accent) !important; }
.pds-btn--ghost { background: var(--pds-surface); color: var(--pds-ink) !important; border-color: var(--pds-border); box-shadow: 0 1px 2px rgba(0,0,0,.03); }
.pds-btn--ghost:hover { background: var(--pds-surface-3); }
.pds-btn--danger-ghost { background: var(--pds-surface); color: var(--pds-bad) !important; border-color: var(--pds-border); }
.pds-btn--danger { background: var(--pds-bad); color: #fff !important; }
.pds-btn--sm { height: 32px; padding: 0 12px; font-size: 13px; }
.pds-btn--icon { width: 38px; padding: 0; }
.pds-btn--sm.pds-btn--icon { width: 32px; }
.pds-btn[disabled], .pds-btn.is-busy { opacity: .6; pointer-events: none; }
.pds-icon-btn { width: 34px; height: 34px; display: inline-grid; place-items: center; border-radius: var(--pds-radius-sm, 8px); color: var(--pds-muted); background: none; border: 0; cursor: pointer; }
.pds-icon-btn:hover { background: var(--pds-surface-3); color: var(--pds-ink); }

.pds-badge { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: 99px; font-size: 12px; font-weight: 620; white-space: nowrap; background: var(--pds-surface-3); color: var(--pds-muted); }
.pds-badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .9; }
.pds-badge--accent { background: var(--pds-accent-soft); color: var(--pds-accent-text); }
.pds-badge--good { background: var(--pds-good-soft); color: var(--pds-good); }
.pds-badge--warn { background: var(--pds-warn-soft); color: var(--pds-warn); }
.pds-badge--bad { background: var(--pds-bad-soft); color: var(--pds-bad); }
.pds-badge--info { background: var(--pds-info-soft); color: var(--pds-info); }

.pds-seg { display: inline-flex; padding: 3px; border-radius: var(--pds-btn-radius); background: var(--pds-surface-3); border: 1px solid var(--pds-border); }
.pds-seg > button, .pds-seg > a { height: 30px; padding: 0 12px; display: inline-flex; align-items: center; gap: 6px; border-radius: var(--pds-btn-radius); font-size: 13px; font-weight: 560; color: var(--pds-muted); white-space: nowrap; background: none; border: 0; cursor: pointer; }
.pds-seg .is-on { background: var(--pds-surface); color: var(--pds-ink); box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 0 0 1px var(--pds-border); }
.pds-seg .pds-ic { width: 15px; height: 15px; }

.pds-input { width: 100%; min-height: 38px; padding: 8px 12px; border: 1px solid var(--pds-border-strong); border-radius: var(--pds-radius-sm); background: var(--pds-input-bg); color: var(--pds-ink); font: 13.5px var(--pds-font); box-sizing: border-box; }
.pds-input:focus { outline: none; border-color: var(--pds-accent); box-shadow: 0 0 0 4px var(--pds-accent-ring); }
.pds-mono { font-family: var(--pds-font-mono, monospace) !important; font-size: 12.5px !important; }
.pds-field { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; font-weight: 600; font-size: 13px; color: var(--pds-ink); }
.pds-hint { font-size: 12px; color: var(--pds-muted); margin: 8px 0 0; }

.pds-dialog { border: 0; padding: 0; border-radius: var(--pds-radius, 16px); background: var(--pds-surface, #fff); color: var(--pds-text, #333); box-shadow: var(--pds-shadow-lg, 0 24px 60px -20px rgba(0,0,0,.3)); width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 48px); font-family: var(--pds-font, inherit); }
.pds-dialog::backdrop { background: var(--pds-overlay, rgba(10,10,16,.45)); }
.pds-dialog-in > header { display: flex; align-items: center; gap: 10px; padding: 18px 20px 6px; }
.pds-dialog-in > header h2 { flex: 1; font-size: 16px; font-weight: 650; margin: 0; color: var(--pds-ink); font-family: var(--pds-font-display, inherit); }
.pds-dialog-b { padding: 6px 20px 12px; max-height: 60vh; overflow: auto; font-size: 14px; line-height: 1.55; }
.pds-dialog-b p { margin: 0 0 8px; }
.pds-dialog-in > footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px 18px; }
.pds-drop { display: flex; align-items: center; gap: 10px; padding: 16px; border: 1.5px dashed var(--pds-border-strong); border-radius: var(--pds-radius-sm); color: var(--pds-muted); cursor: pointer; margin-top: 8px; font-weight: 560; }
.pds-drop input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pds-drop.has-file { border-color: var(--pds-accent); color: var(--pds-accent-text); }

.pds-toasts { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 100000; display: flex; flex-direction: column; gap: 8px; align-items: center; pointer-events: none; }
.pds-toast { pointer-events: auto; display: flex; align-items: center; gap: 12px; padding: 10px 12px 10px 16px; border-radius: 12px; background: #17142b; color: #fff; font: 560 13.5px/1.4 var(--pds-font, system-ui, sans-serif); box-shadow: 0 18px 40px -16px rgba(0,0,0,.5); animation: pds-in .2s ease; max-width: calc(100vw - 32px); }
.pds-toast--bad { background: #b4233c; }
.pds-toast button { background: rgba(255,255,255,.14); color: #fff; border: 0; border-radius: 8px; height: 28px; padding: 0 10px; font-weight: 650; cursor: pointer; }
@keyframes pds-in { from { opacity: 0; transform: translateY(8px); } }

.pds-menu-wrap { position: relative; }
.pds-menu { position: absolute; right: 0; bottom: calc(100% + 6px); z-index: 50; min-width: 220px; padding: 6px; border-radius: var(--pds-radius-sm); background: var(--pds-surface); border: 1px solid var(--pds-border); box-shadow: var(--pds-shadow-lg); display: flex; flex-direction: column; }
.pds-menu[hidden] { display: none; }
.pds-menu > * { display: flex; align-items: center; gap: 9px; height: 34px; padding: 0 10px; border-radius: 7px; font-size: 13px; color: var(--pds-text) !important; background: none; border: 0; text-align: left; cursor: pointer; text-decoration: none !important; }
.pds-menu > *:hover { background: var(--pds-surface-3); }
.pds-menu .pds-ic { width: 16px; height: 16px; color: var(--pds-muted); }
.pds-menu .is-danger, .pds-menu .is-danger .pds-ic { color: var(--pds-bad) !important; }

.pds-preview-bar { position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 9990; display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 16px; border-radius: 14px; background: var(--pds-surface); color: var(--pds-text); border: 1px solid var(--pds-border); box-shadow: var(--pds-shadow-lg); font-size: 13px; white-space: nowrap; }
.pds-preview-bar b { color: var(--pds-ink); }
.pds-preview-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--pds-warn); box-shadow: 0 0 0 4px var(--pds-warn-soft); }
body.pds-frame .pds-preview-bar { display: none; }

.pds-mode-toggle { display: inline-flex !important; align-items: center; justify-content: center; }
.pds-mode-toggle .pds-ic { width: 18px; height: 18px; }
.pds-mode-sun, html[data-pds-theme="dark"] .pds-mode-moon { display: none !important; }
html[data-pds-theme="dark"] .pds-mode-sun { display: inline-block !important; }

@media (max-width: 640px) {
  .pds-preview-bar { left: 8px; right: 8px; transform: none; flex-wrap: wrap; white-space: normal; }
}

/* auth-pages */


.pds-auth {
  --pds-x-auth-art: radial-gradient(600px 420px at 0% 0%, color-mix(in srgb, var(--pds-tint-2) 92%, var(--pds-accent) 8%), transparent 70%),
    radial-gradient(600px 500px at 100% 100%, var(--pds-tint-1), transparent 70%),
    radial-gradient(500px 400px at 80% 10%, var(--pds-tint-4), transparent 70%), var(--pds-accent-soft);
  --pds-x-auth-page: radial-gradient(700px 500px at 15% 10%, color-mix(in srgb, var(--pds-tint-2) 85%, var(--pds-accent) 6%), transparent 70%),
    radial-gradient(700px 500px at 85% 90%, var(--pds-tint-1), transparent 70%),
    radial-gradient(800px 500px at 80% 10%, var(--pds-tint-4), transparent 70%), var(--pds-bg);
  --pds-x-auth-card-shadow: 0 40px 100px -30px color-mix(in srgb, var(--pds-accent) 38%, rgba(23,20,43,.45)), 0 0 0 1px color-mix(in srgb, var(--pds-ink) 4%, transparent);
  --pds-x-auth-field-h: 46px;
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  font-family: var(--pds-font);
  color: var(--pds-text);
  font-size: 14.5px;
  line-height: 1.5;
  isolation: isolate;
  box-sizing: border-box;
}
.pds-auth *, .pds-auth *::before, .pds-auth *::after { box-sizing: border-box; }
.pds-auth [hidden] { display: none !important; }
html[data-pds-theme="dark"] .pds-auth {
  --pds-x-auth-art: radial-gradient(600px 420px at 0% 0%, color-mix(in srgb, var(--pds-accent) 35%, transparent), transparent 70%),
    radial-gradient(600px 500px at 100% 100%, color-mix(in srgb, var(--pds-c2) 25%, transparent), transparent 70%),
    color-mix(in srgb, var(--pds-surface) 70%, var(--pds-accent) 10%);
  --pds-x-auth-page: radial-gradient(700px 500px at 15% 10%, color-mix(in srgb, var(--pds-accent) 30%, transparent), transparent 70%),
    radial-gradient(700px 500px at 85% 90%, color-mix(in srgb, var(--pds-c2) 22%, transparent), transparent 70%), var(--pds-bg);
  --pds-x-auth-card-shadow: 0 40px 100px -30px rgba(0,0,0,.8), 0 0 0 1px var(--pds-border);
}

.pds-auth--bg-aurora {
  --pds-x-auth-art: radial-gradient(600px 420px at 0% 0%, #dcd2ff, transparent 70%), radial-gradient(600px 500px at 100% 100%, #ffd3ea, transparent 70%), radial-gradient(500px 400px at 80% 10%, #d3e4ff, transparent 70%), #f1edff;
  --pds-x-auth-page: radial-gradient(700px 500px at 15% 10%, #e3d9ff, transparent 70%), radial-gradient(700px 500px at 85% 90%, #ffd7ec, transparent 70%), radial-gradient(800px 500px at 80% 10%, #d6e7ff, transparent 70%), #f5f2ff;
}
html[data-pds-theme="dark"] .pds-auth--bg-aurora {
  --pds-x-auth-art: radial-gradient(600px 420px at 0% 0%, rgba(126,96,255,.35), transparent 70%), radial-gradient(600px 500px at 100% 100%, rgba(232,105,190,.25), transparent 70%), #17132b;
  --pds-x-auth-page: radial-gradient(700px 500px at 15% 10%, rgba(126,96,255,.3), transparent 70%), radial-gradient(700px 500px at 85% 90%, rgba(232,105,190,.22), transparent 70%), #0f0d1a;
}
.pds-auth--bg-forest { --pds-x-auth-art: radial-gradient(500px 400px at 90% 0%, #1d8a62, transparent 60%), linear-gradient(160deg, #0b6447, #062e22); --pds-x-auth-page: var(--pds-x-auth-art); }
.pds-auth--bg-night { --pds-x-auth-art: radial-gradient(520px 420px at 10% 10%, rgba(123,92,255,.55), transparent 65%), radial-gradient(460px 380px at 95% 95%, rgba(231,91,182,.45), transparent 65%), #0b0a1a; --pds-x-auth-page: var(--pds-x-auth-art); }
.pds-auth--bg-sand { --pds-x-auth-art: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.35)), linear-gradient(135deg, #c79a6b, #6b4a2f 60%, #2e2a24); --pds-x-auth-page: var(--pds-x-auth-art); }
.pds-auth--bg-media { --pds-x-auth-page: #1b1828; --pds-x-auth-art: #1b1828; }

.pds-auth__bg { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; background: var(--pds-x-auth-page); }
.pds-auth__grain { position: absolute; inset: 0; opacity: .5; background-image: radial-gradient(rgba(255,255,255,.7) 1px, transparent 1px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(circle at center, transparent 30%, #000 80%); mask-image: radial-gradient(circle at center, transparent 30%, #000 80%); }
html[data-pds-theme="dark"] .pds-auth__grain { opacity: .12; }
.pds-auth__photo { position: absolute; inset: 0; background: center / cover no-repeat; }
.pds-auth__photo--motion { background: radial-gradient(40% 50% at 20% 30%, color-mix(in srgb, var(--pds-accent) 70%, transparent), transparent), radial-gradient(40% 50% at 80% 70%, color-mix(in srgb, var(--pds-c3) 70%, transparent), transparent), linear-gradient(135deg, #1d3557, #0b6447); background-size: 160% 160%; animation: pds-auth-drift 18s ease-in-out infinite alternate; }
.pds-auth__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pds-auth__veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,8,20,.10), rgba(10,8,20,.45)); }
@keyframes pds-auth-drift { from { background-position: 0% 0%; } to { background-position: 100% 100%; } }
@media (prefers-reduced-motion: reduce) { .pds-auth__photo--motion { animation: none; } }

.pds-auth__main { flex: 1; display: flex; flex-direction: column; align-items: center; padding: 36px 20px 28px; min-width: 0; position: relative; }
.pds-auth__top { display: flex; justify-content: center; margin-bottom: 26px; position: relative; }
.pds-auth__home, .pds-auth__home:hover, .pds-auth__home:focus { text-decoration: none; color: inherit; }
.pds-auth__center { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; position: relative; }
.pds-auth__card { width: 440px; max-width: 100%; position: relative; }
.pds-auth__card--center { text-align: center; }
.pds-auth__card--center .pds-auth__slot { text-align: left; }
.pds-auth__title { margin: 0; font-family: var(--pds-font-display); font-size: 30px; line-height: 1.15; font-weight: var(--pds-display-weight); letter-spacing: var(--pds-display-track); color: var(--pds-ink); }
.pds-auth__sub { margin: 8px 0 0; color: var(--pds-muted); font-size: 14.5px; }
.pds-auth__slot { margin-top: 28px; }
.pds-auth__icon { width: 58px; height: 58px; border-radius: 18px; display: grid; place-items: center; margin: 9px auto 22px; background: var(--pds-accent-soft); color: var(--pds-accent-text); position: relative; }
.pds-auth__icon::before { content: ""; position: absolute; inset: -9px; border-radius: 24px; border: 1px solid var(--pds-border); }
.pds-auth__icon .pds-ic { width: 26px; height: 26px; }
.pds-auth__foot { margin: 22px 0 0; font-size: 13.5px; color: var(--pds-muted); text-align: center; }
.pds-auth__foot a { color: var(--pds-accent-text); font-weight: 650; text-decoration: none; }
.pds-auth__foot a:hover { text-decoration: underline; }
.pds-auth__foot--under { position: relative; margin-top: 22px; }
.pds-auth__back { display: inline-flex; align-items: center; gap: 6px; }
.pds-auth__back .pds-ic { width: 15px; height: 15px; }
.pds-auth__foot--under .pds-auth__back { color: var(--pds-muted); font-weight: 500; }
.pds-auth__legal { width: 100%; max-width: 1100px; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 28px; font-size: 12.5px; color: var(--pds-faint); position: relative; background: transparent; border: 0; padding: 0; height: auto; min-height: 0; box-shadow: none; }

.pds-auth__links { display: inline-flex; gap: 16px; }
.pds-auth__legal a { color: var(--pds-muted); text-decoration: none; }
.pds-auth__legal a:hover { color: var(--pds-ink); }

.pds-auth-logo { display: inline-flex; align-items: center; gap: 10px; font-family: var(--pds-font-display); font-weight: 680; font-size: 16px; letter-spacing: -0.01em; color: var(--pds-ink); }
.pds-auth-logo__mark { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; background: var(--pds-ink); color: var(--pds-surface); font-size: 16px; font-weight: 800; }
.pds-auth-logo--img img { display: block; max-height: 40px; max-width: 220px; width: auto; }
.pds-auth-logo__on-dark { display: none !important; }
html[data-pds-theme="dark"] .pds-auth-logo__on-light, .pds-auth--on-dark .pds-auth__top .pds-auth-logo__on-light, .pds-auth--glass .pds-auth-logo__on-light { display: none !important; }
html[data-pds-theme="dark"] .pds-auth-logo__on-dark, .pds-auth--on-dark .pds-auth__top .pds-auth-logo__on-dark, .pds-auth--glass .pds-auth-logo__on-dark { display: block !important; }

.pds-auth form { margin: 0; }
.pds-auth .form-group { margin: 0 0 16px; }
.pds-auth .form-group.tw-mt-8 { margin-top: 0; }
.pds-auth label, .pds-auth .control-label { display: block; margin: 0 0 7px !important; font-size: 13.5px; font-weight: 600; color: var(--pds-ink); }
.pds-auth .tw-inline-flex.tw-justify-between, .pds-auth .pds-auth-label-row { display: flex !important; justify-content: space-between; align-items: baseline; width: 100%; margin: 0 0 7px !important; }
.pds-auth .tw-inline-flex.tw-justify-between label, .pds-auth .pds-auth-label-row label { margin: 0 !important; }
.pds-auth .tw-inline-flex.tw-justify-between a, .pds-auth .pds-auth-label-row a { color: var(--pds-accent-text) !important; font-weight: 600; font-size: 13.5px; text-decoration: none; }
.pds-auth .form-control, .pds-auth input[type="text"], .pds-auth input[type="email"], .pds-auth input[type="password"], .pds-auth input[type="tel"], .pds-auth input[type="url"], .pds-auth input[type="number"], .pds-auth select, .pds-auth textarea {
  width: 100%; height: var(--pds-x-auth-field-h); padding: 0 14px; border-radius: var(--pds-radius-sm); border: 1px solid var(--pds-border-strong);
  background: var(--pds-input-bg); color: var(--pds-ink); font: 14.5px var(--pds-font); box-shadow: none; transition: border-color .15s, box-shadow .15s;
}
.pds-auth textarea { height: auto; min-height: 92px; padding: 10px 14px; }
.pds-auth .form-control:focus, .pds-auth input:focus, .pds-auth select:focus, .pds-auth textarea:focus { outline: none; border-color: var(--pds-accent); box-shadow: 0 0 0 4px var(--pds-accent-ring); }
.pds-auth .form-control::placeholder { color: var(--pds-faint); }
.pds-auth-input { position: relative; display: block; }
.pds-auth-input > .pds-ic { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; color: var(--pds-muted); pointer-events: none; }
.pds-auth-input > input.form-control, .pds-auth-input > input { padding-left: 40px; }
.pds-auth-input--eye > input { padding-right: 46px; }
.pds-auth-eye { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; display: grid; place-items: center; border: 0; border-radius: var(--pds-radius-xs); background: none; color: var(--pds-muted); cursor: pointer; }
.pds-auth-eye:hover { color: var(--pds-ink); background: var(--pds-surface-3); }
.pds-auth-eye .pds-ic { width: 17px; height: 17px; }
.pds-auth input[type="password"] { letter-spacing: .12em; }
.pds-auth input[type="password"]::placeholder { letter-spacing: normal; }
.pds-auth .text-danger, .pds-auth .alert-validation { color: var(--pds-bad) !important; font-size: 12.5px; margin: 6px 0 0; }
.pds-auth .has-error .form-control { border-color: var(--pds-bad); }

.pds-auth .checkbox { margin: 4px 0 18px; padding: 0; min-height: 0; }
.pds-auth .checkbox-inline { padding-left: 0; }
.pds-auth .checkbox label, .pds-auth .pds-auth-check { position: relative; display: inline-flex !important; align-items: center; gap: 10px; padding: 0 !important; margin: 0 !important; font-size: 13.5px; font-weight: 500; color: var(--pds-text); cursor: pointer; min-height: 20px; }
.pds-auth .checkbox input[type="checkbox"], .pds-auth .pds-auth-check input[type="checkbox"], .pds-auth input[type="checkbox"].pds-auth-box {
  position: static !important; -webkit-appearance: none; appearance: none; width: 18px; height: 18px; margin: 0 !important; flex: none; border-radius: 5px; border: 1.5px solid var(--pds-border-strong); background: var(--pds-input-bg); display: inline-grid; place-items: center; cursor: pointer; opacity: 1 !important; z-index: 1;
}
.pds-auth .checkbox input[type="checkbox"]:checked, .pds-auth .pds-auth-check input[type="checkbox"]:checked { background: var(--pds-accent); border-color: var(--pds-accent); }
.pds-auth .checkbox input[type="checkbox"]:checked::after, .pds-auth .pds-auth-check input[type="checkbox"]:checked::after { content: ""; width: 10px; height: 6px; border: 2px solid var(--pds-on-accent); border-top: 0; border-right: 0; transform: translateY(-1px) rotate(-45deg); }
.pds-auth .checkbox input[type="checkbox"]:focus-visible { box-shadow: 0 0 0 4px var(--pds-accent-ring); }
.pds-auth .checkbox label::before, .pds-auth .checkbox label::after { display: none !important; content: none !important; }
.pds-auth .checkbox input[type="checkbox"] + label { padding-left: 0 !important; }
.pds-auth .checkbox { display: flex; align-items: center; gap: 10px; }

.pds-auth .btn-primary, .pds-auth button[type="submit"].btn, .pds-auth .pds-auth-btn {
  height: 48px; width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 22px; border: 0 !important; border-radius: var(--pds-btn-radius) !important;
  background: var(--pds-btn-bg) !important; color: var(--pds-btn-ink) !important; font: 650 15px/1 var(--pds-font) !important; text-shadow: none;
  box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 10px 24px -12px color-mix(in srgb, var(--pds-btn-bg) 70%, transparent); transition: background .15s, transform .1s; cursor: pointer;
}
.pds-auth .btn-primary:hover, .pds-auth button[type="submit"].btn:hover, .pds-auth .pds-auth-btn:hover { background: var(--pds-btn-hover) !important; }
.pds-auth .btn-primary:active { transform: translateY(1px); }
.pds-auth .btn-primary .pds-ic, .pds-auth .pds-auth-btn .pds-ic { width: 17px; height: 17px; }
.pds-auth .btn-default, .pds-auth .pds-auth-btn--ghost { height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 18px; border-radius: var(--pds-btn-radius) !important; border: 1px solid var(--pds-border-strong) !important; background: var(--pds-surface) !important; color: var(--pds-ink) !important; font: 600 14px/1 var(--pds-font); box-shadow: none !important; width: auto; }
.pds-auth .pds-auth-btn--ghost:hover { background: var(--pds-surface-3) !important; }
.pds-auth .tw-mt-6 { margin-top: 6px; }

.pds-auth .alert { border-radius: var(--pds-radius-sm); border: 1px solid transparent; font-size: 13.5px; padding: 11px 14px; margin: 0 0 16px; text-align: left !important; }
.pds-auth .alert-danger { background: var(--pds-bad-soft); color: var(--pds-bad); border-color: color-mix(in srgb, var(--pds-bad) 25%, transparent); }
.pds-auth .alert-success { background: var(--pds-good-soft); color: var(--pds-good); border-color: color-mix(in srgb, var(--pds-good) 25%, transparent); }
.pds-auth .alert-warning { background: var(--pds-warn-soft); color: var(--pds-warn); border-color: color-mix(in srgb, var(--pds-warn) 25%, transparent); }
.pds-auth .alert-info { background: var(--pds-info-soft); color: var(--pds-info); border-color: color-mix(in srgb, var(--pds-info) 25%, transparent); }
.pds-auth .row { margin: 0; }
.pds-auth #alerts { padding: 0; }
.pds-auth .g-recaptcha { margin: 0 0 16px; }

.pds-auth-code { display: flex; gap: 10px; justify-content: center; margin: 0 0 18px; }
.pds-auth-code input { width: 52px !important; height: 60px !important; padding: 0 !important; border-radius: 14px !important; border: 1.5px solid var(--pds-border-strong) !important; text-align: center; font: 700 26px/1 var(--pds-font) !important; font-variant-numeric: tabular-nums; color: var(--pds-ink) !important; letter-spacing: 0 !important; caret-color: var(--pds-accent); }
.pds-auth-code input:focus { border-color: var(--pds-accent) !important; box-shadow: 0 0 0 4px var(--pds-accent-ring) !important; }
.pds-auth-code--8 { gap: 7px; }
.pds-auth-code--8 input { width: 40px !important; height: 54px !important; font-size: 22px !important; }
.pds-auth-code em { align-self: center; flex: none; width: 10px; height: 2px; border-radius: 2px; background: var(--pds-faint); opacity: .7; }
.pds-auth-code-real { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; }
.pds-auth-switch { display: block; width: 100%; margin: 14px 0 0; padding: 0; border: 0; background: none; color: var(--pds-accent-text); font: 600 13.5px var(--pds-font); text-align: right; cursor: pointer; }
.pds-auth--twofa .form-group > label[for="code"] { text-align: center; }
.pds-auth--twofa .form-group a[href$="authentication"] { display: none; }

.pds-auth__quotes { position: relative; }
.pds-auth__quote { margin: 0; width: 330px; max-width: 100%; padding: 18px 20px; border-radius: 18px; background: rgba(255,255,255,.86); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 24px 60px -20px rgba(42,31,110,.45); color: #17142b; display: none; }
.pds-auth__quote.is-on { display: block; animation: pds-auth-in .5s ease both; }
html[data-pds-theme="dark"] .pds-auth__quote { background: rgba(28,24,46,.86); color: var(--pds-ink); }
.pds-auth__stars { display: flex; gap: 1px; margin-bottom: 8px; color: #f5b301; }
.pds-auth__stars .pds-ic { width: 14px; height: 14px; fill: currentColor; }
.pds-auth__quote blockquote { margin: 0; padding: 0; border: 0; font-size: 14px; line-height: 1.55; color: inherit; }
.pds-auth__quote figcaption { display: flex; gap: 10px; align-items: center; margin-top: 12px; font-size: 13px; }
.pds-auth__quote figcaption img, .pds-auth__initial { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex: none; }
.pds-auth__initial { display: grid; place-items: center; background: var(--pds-accent-soft); color: var(--pds-accent-text); font-weight: 700; }
.pds-auth__quote b { display: block; font-weight: 650; }
.pds-auth__quote small { display: block; font-size: 12px; opacity: .7; }
@keyframes pds-auth-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

.pds-auth--split { background: var(--pds-surface); }
.pds-auth--split > .pds-auth__bg { display: none; }
.pds-auth--split .pds-auth__main { flex: 0 0 46%; align-items: stretch; padding: 32px 56px; background: var(--pds-surface); }
.pds-auth--split .pds-auth__top { justify-content: flex-start; margin: 0; }
.pds-auth--split .pds-auth__center { align-items: center; }
.pds-auth--split .pds-auth__card { width: 384px; }
.pds-auth--split .pds-auth__legal { margin-top: 0; }
.pds-auth--split.pds-auth--side-right { flex-direction: row-reverse; }
.pds-auth__art { flex: 1; margin: 14px; border-radius: 26px; position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 52px 52px 0; background: var(--pds-x-auth-art); min-width: 0; }
.pds-auth__art-text { position: relative; }
.pds-auth__art h2 { margin: 0; max-width: 540px; font-family: var(--pds-font-display); font-size: 36px; line-height: 1.12; letter-spacing: -0.03em; font-weight: 680; color: var(--pds-ink); }
.pds-auth__art p { margin: 12px 0 0; max-width: 460px; font-size: 15.5px; color: var(--pds-text); }
.pds-auth--bg-forest .pds-auth__art h2, .pds-auth--bg-night .pds-auth__art h2, .pds-auth--bg-sand .pds-auth__art h2, .pds-auth--bg-media .pds-auth__art h2,
.pds-auth__art--photo h2, .pds-auth__art--video h2 { color: #fff; }
.pds-auth--bg-forest .pds-auth__art p, .pds-auth--bg-night .pds-auth__art p, .pds-auth--bg-sand .pds-auth__art p, .pds-auth--bg-media .pds-auth__art p,
.pds-auth__art--photo p, .pds-auth__art--video p { color: rgba(255,255,255,.78); }
.pds-auth__art--photo, .pds-auth__art--video { padding-bottom: 52px; }
.pds-auth__shot { position: relative; margin-top: 44px; flex: 1; min-height: 0; }
.pds-auth__shot img { position: absolute; left: 0; top: 0; display: block; width: 118%; max-width: none; border-radius: 16px 16px 0 0; box-shadow: 0 30px 80px -20px rgba(42,31,110,.45), 0 0 0 1px rgba(23,20,43,.06); }
.pds-auth__shot-dark { display: none !important; }
html[data-pds-theme="dark"] .pds-auth__shot-light { display: none !important; }
html[data-pds-theme="dark"] .pds-auth__shot-dark { display: block !important; }
.pds-auth__art .pds-auth__quotes { position: absolute; left: 30px; bottom: 36px; z-index: 2; }
.pds-auth__art--photo .pds-auth__quotes, .pds-auth__art--video .pds-auth__quotes { position: relative; left: auto; bottom: auto; margin-top: auto; }
.pds-auth__hero { display: none; }

.pds-auth--gradient .pds-auth__card, .pds-auth--image .pds-auth__card, .pds-auth--video .pds-auth__card {
  background: var(--pds-surface); border-radius: 24px; padding: 36px 36px 30px; box-shadow: var(--pds-x-auth-card-shadow);
}
.pds-auth--gradient .pds-auth__center { flex: 0 1 auto; margin: auto 0; }
.pds-auth--gradient .pds-auth__legal { justify-content: center; }
.pds-auth--gradient .pds-auth__legal > span:first-child { display: none; }
.pds-auth--gradient.pds-auth--login .pds-auth__legal > span:first-child { display: none; }
.pds-auth--gradient .pds-auth__legal:not(:has(.pds-auth__links)) { visibility: hidden; }
.pds-auth--twofa .pds-auth__title, .pds-auth--register .pds-auth__title { font-size: 26px; }

.pds-auth--glass .pds-auth__bg { background: #0b0a1a; }
.pds-auth__blob { position: absolute; border-radius: 50%; filter: blur(70px); }
.pds-auth__blob.b1 { width: 520px; height: 520px; left: -120px; top: -140px; background: color-mix(in srgb, var(--pds-accent) 80%, #7b5cff); opacity: .75; }
.pds-auth__blob.b2 { width: 460px; height: 460px; right: -100px; bottom: -140px; background: color-mix(in srgb, var(--pds-c2) 80%, #e75bb6); opacity: .6; }
.pds-auth__blob.b3 { width: 380px; height: 380px; right: 22%; top: -160px; background: color-mix(in srgb, var(--pds-c3) 70%, #3d8bff); opacity: .55; }
.pds-auth__blob.b4 { width: 300px; height: 300px; left: 30%; bottom: -160px; background: #22c3e6; opacity: .35; }
.pds-auth--glass .pds-auth__center { margin: auto 0; flex: 0 1 auto; }
.pds-auth--glass .pds-auth__card {
  --pds-ink: #ffffff; --pds-text: rgba(233,230,255,.85); --pds-muted: rgba(233,230,255,.68); --pds-faint: rgba(233,230,255,.5);
  --pds-border-strong: rgba(255,255,255,.18); --pds-border: rgba(255,255,255,.14); --pds-input-bg: rgba(255,255,255,.07); --pds-surface: rgba(255,255,255,.06); --pds-surface-3: rgba(255,255,255,.1);
  --pds-accent-text: #c9bdff; --pds-accent-ring: rgba(150,130,255,.28); --pds-btn-bg: #ffffff; --pds-btn-ink: #17142b; --pds-btn-hover: #f1eeff; --pds-accent-soft: rgba(255,255,255,.1);
  padding: 38px 38px 32px; border-radius: 26px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter: blur(28px) saturate(140%); backdrop-filter: blur(28px) saturate(140%); box-shadow: 0 40px 100px -30px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.18); color: var(--pds-text);
}
.pds-auth--glass .pds-auth__card .form-control:focus { border-color: rgba(190,175,255,.9); }
.pds-auth--glass .pds-auth__card .pds-auth-logo { color: #fff; }
.pds-auth--glass .pds-auth__card .pds-auth-logo__mark { background: #fff; color: #17142b; }
.pds-auth__card-logo { margin-bottom: 26px; }
.pds-auth--glass .pds-auth__legal { color: rgba(255,255,255,.5); position: absolute; left: 36px; right: 36px; bottom: 28px; width: auto; max-width: none; margin: 0; }
.pds-auth--glass .pds-auth__legal a { color: rgba(255,255,255,.6); }
.pds-auth--glass .pds-auth__foot--under, .pds-auth--image .pds-auth__foot--under, .pds-auth--video .pds-auth__foot--under,
.pds-auth--on-dark .pds-auth__foot--under { color: rgba(255,255,255,.75); }
.pds-auth--on-dark .pds-auth__foot--under a, .pds-auth--on-dark .pds-auth__foot--under .pds-auth__back { color: #fff; }
.pds-auth--on-dark .pds-auth__top .pds-auth-logo { color: #fff; }
.pds-auth--on-dark .pds-auth__top .pds-auth-logo__mark { background: #fff; color: #17142b; }
.pds-auth--on-dark .pds-auth__legal, .pds-auth--on-dark .pds-auth__legal a { color: rgba(255,255,255,.65); }

.pds-auth--minimal .pds-auth__bg { background: var(--pds-bg); }
.pds-auth--minimal .pds-auth__bg::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 360px; background: var(--pds-bg-art); }
.pds-auth--minimal.pds-auth--bg-aurora .pds-auth__bg::before, .pds-auth--minimal.pds-auth--bg-forest .pds-auth__bg::before,
.pds-auth--minimal.pds-auth--bg-night .pds-auth__bg::before, .pds-auth--minimal.pds-auth--bg-sand .pds-auth__bg::before { background: var(--pds-x-auth-page); opacity: .35; -webkit-mask-image: linear-gradient(#000, transparent); mask-image: linear-gradient(#000, transparent); }
.pds-auth--minimal .pds-auth__grain { display: none; }
.pds-auth--minimal .pds-auth__card { width: 384px; }

.pds-auth--image .pds-auth__main, .pds-auth--video .pds-auth__main { align-items: flex-start; padding-left: 7vw; padding-right: 7vw; }
.pds-auth--image.pds-auth--side-right .pds-auth__main, .pds-auth--video.pds-auth--side-right .pds-auth__main { align-items: flex-end; }
.pds-auth--image .pds-auth__top, .pds-auth--video .pds-auth__top { justify-content: flex-start; }
.pds-auth--image .pds-auth__center, .pds-auth--video .pds-auth__center { width: auto; flex: 0 1 auto; margin: auto 0; }
.pds-auth--image .pds-auth__legal, .pds-auth--video .pds-auth__legal { max-width: none; }
.pds-auth--image .pds-auth__bg, .pds-auth--video .pds-auth__bg { background: linear-gradient(135deg, #c79a6b, #6b4a2f 60%, #2e2a24); }
.pds-auth__float { position: absolute; right: 7vw; bottom: 80px; z-index: 1; }
.pds-auth--side-right .pds-auth__float { right: auto; left: 7vw; }

.pds-auth--register .pds-auth__card { width: 920px; padding: 0; overflow: hidden; display: block; }
.pds-auth--register.pds-auth--minimal .pds-auth__card { background: var(--pds-surface); border-radius: 26px; box-shadow: var(--pds-x-auth-card-shadow); }
.pds-auth--register.pds-auth--glass .pds-auth__card { padding: 0; }
.pds-reg { display: grid; grid-template-columns: 300px minmax(0, 1fr); min-height: 520px; }
.pds-reg__side { padding: 32px 28px; background: var(--pds-surface-2); border-right: 1px solid var(--pds-border); display: flex; flex-direction: column; }
.pds-auth--glass .pds-reg__side { background: rgba(255,255,255,.04); }
.pds-reg__side > b { color: var(--pds-ink); font-size: 15px; font-weight: 650; }
.pds-reg__side > span { color: var(--pds-muted); font-size: 13px; margin-top: 4px; }
.pds-reg__steps { display: flex; flex-direction: column; margin: 36px 0 0; padding: 0; list-style: none; }
.pds-reg__step { display: grid; grid-template-columns: 32px 1fr; gap: 14px; position: relative; padding-bottom: 28px; cursor: default; }
.pds-reg__step:not(:last-child)::before { content: ""; position: absolute; left: 15.5px; top: 36px; bottom: 4px; width: 1.5px; background: var(--pds-border-strong); }
.pds-reg__step.is-done:not(:last-child)::before { background: var(--pds-accent); }
.pds-reg__dot { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; border: 1.5px solid var(--pds-border-strong); background: var(--pds-surface); font-weight: 700; font-size: 13px; color: var(--pds-muted); }
.pds-reg__step.is-done .pds-reg__dot { background: var(--pds-accent); border-color: var(--pds-accent); color: var(--pds-on-accent); }
.pds-reg__step.is-done { cursor: pointer; }
.pds-reg__step.is-now .pds-reg__dot { border-color: var(--pds-accent); color: var(--pds-accent-text); box-shadow: 0 0 0 5px var(--pds-accent-ring); }
.pds-reg__dot .pds-ic { width: 15px; height: 15px; stroke-width: 2.6; }
.pds-reg__step b { display: block; color: var(--pds-ink); font-weight: 650; font-size: 14px; margin-top: 5px; }
.pds-reg__step span { color: var(--pds-muted); font-size: 12.5px; }
.pds-reg__help { margin-top: auto; padding: 14px; border-radius: 14px; background: var(--pds-surface); border: 1px solid var(--pds-border); font-size: 12.5px; color: var(--pds-muted); display: flex; gap: 10px; }
.pds-reg__help b { color: var(--pds-ink); display: block; font-size: 13px; }
.pds-reg__help .pds-ic { width: 16px; height: 16px; flex: none; margin-top: 1px; }
.pds-reg__main { padding: 36px 40px 32px; min-width: 0; }
.pds-reg__prog { display: flex; align-items: center; gap: 10px; font-size: 12.5px; color: var(--pds-muted); font-weight: 600; }
.pds-reg__bar { flex: 1; height: 5px; border-radius: 9px; background: var(--pds-c-track); overflow: hidden; }
.pds-reg__bar i { display: block; height: 100%; width: 25%; background: var(--pds-grad); transition: width .3s ease; }
.pds-reg__main h1 { margin: 18px 0 0; font-family: var(--pds-font-display); font-size: 26px; line-height: 1.2; font-weight: var(--pds-display-weight); letter-spacing: var(--pds-display-track); color: var(--pds-ink); }
.pds-reg__main .pds-reg__lead { margin: 6px 0 0; color: var(--pds-muted); }
.pds-reg__panel { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; margin-top: 26px; }
.pds-reg__panel[hidden] { display: none; }
.pds-reg__panel > * { min-width: 0; }
.pds-reg__panel .pds-reg__wide, .pds-reg__panel .register-contact-custom-fields, .pds-reg__panel .register-company-custom-fields,
.pds-reg__panel .register-terms-and-conditions-wrapper, .pds-reg__panel .register-recaptcha, .pds-reg__panel .pds-reg__wide-auto, .pds-reg__panel > .row,
.pds-reg__panel > .col-md-12, .pds-reg__panel > .form-group.register-address-group, .pds-reg__panel > .checkbox, .pds-reg__panel > div:not(.form-group) { grid-column: 1 / -1; }
.pds-reg__panel .form-group { margin-bottom: 16px; }
.pds-reg__panel .form-control, .pds-reg__panel input, .pds-reg__panel select { height: 44px; }
.pds-reg__panel textarea.form-control { height: auto; }
.pds-reg__panel .text-danger:not(.alert-validation) { color: var(--pds-bad); }
.pds-reg__panel .control-label .text-danger { margin-right: 2px; }
.pds-reg__panel .bootstrap-select { width: 100% !important; }
.pds-reg__panel .bootstrap-select > .dropdown-toggle { height: 44px; border-radius: var(--pds-radius-sm); border: 1px solid var(--pds-border-strong); background: var(--pds-input-bg); color: var(--pds-ink); }
.pds-reg__review { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; padding: 14px 16px; margin-bottom: 18px; border-radius: 14px; background: var(--pds-surface-2); border: 1px solid var(--pds-border); font-size: 13px; }
.pds-reg__review dt { color: var(--pds-muted); font-weight: 560; }
.pds-reg__review dd { margin: 0; color: var(--pds-ink); font-weight: 600; overflow-wrap: anywhere; }
.pds-reg__nav { display: flex; align-items: center; gap: 10px; margin-top: 12px; padding-top: 22px; border-top: 1px solid var(--pds-border); }
.pds-reg__nav .pds-auth-btn { width: auto; height: 44px; font-size: 14px !important; }
.pds-reg__nav .pds-reg__space { flex: 1; }
.pds-reg__nav small { color: var(--pds-muted); font-size: 12.5px; }
.pds-reg__nav [hidden] { display: none !important; }
.pds-reg .register-heading, .pds-reg .register-contact-info-heading, .pds-reg .register-company-info-heading { display: none; }
.pds-reg--plain .pds-reg__panel { display: grid; }

.pds-auth .psn-scope, .pds-auth.psn-scope {
  --psn-surface: transparent; --psn-ink: var(--pds-ink); --psn-text: var(--pds-text); --psn-muted: var(--pds-muted); --psn-border: var(--pds-border);
  --psn-accent: var(--pds-accent-text); --psn-accent-fill: var(--pds-accent); --psn-accent-soft: var(--pds-accent-soft); --psn-shield: var(--pds-accent-text);
  --psn-shield-soft: var(--pds-accent-soft); --psn-track: var(--pds-faint); --psn-font: var(--pds-font); --psn-radius: var(--pds-radius-sm); --psn-mint: var(--pds-accent);
}
.pds-auth .psn-auth__card { padding: 0; border: 0; background: transparent; box-shadow: none; }
.pds-auth .psn-step__icon { width: 58px; height: 58px; border-radius: 18px; background: var(--pds-accent-soft); color: var(--pds-accent-text); position: relative; margin: 9px auto 22px; }
.pds-auth .psn-step__icon::before { content: ""; position: absolute; inset: -9px; border-radius: 24px; border: 1px solid var(--pds-border); }
.pds-auth .psn-step__title { font-family: var(--pds-font-display); font-size: 26px; font-weight: var(--pds-display-weight); letter-spacing: var(--pds-display-track); color: var(--pds-ink); }
.pds-auth .psn-step__lead { color: var(--pds-muted); font-size: 14.5px; }
.pds-auth .psn-step__label { text-transform: none; letter-spacing: 0; font-size: 13.5px; color: var(--pds-ink); }
.pds-auth .psn-step__code { border-radius: var(--pds-radius-sm) !important; }
.pds-auth .psn-step__submit { margin-top: 4px; }
.pds-auth .psn-step__link { color: var(--pds-accent-text); }
.pds-auth .psn-step__link--muted { color: var(--pds-muted); }
.pds-auth .psn-step__check input { accent-color: var(--pds-accent); }

.pds-auth .psn-step { text-align: center; font-family: var(--pds-font); color: var(--pds-text); }
.pds-auth .psn-step__icon { display: grid; place-items: center; font-size: 24px; }
.pds-auth .psn-step__form { text-align: left; margin: 22px 0 6px; }
.pds-auth .psn-step__lead { margin: 8px auto 0; max-width: 36ch; line-height: 1.5; }
.pds-auth .psn-step__hint { margin: 0 0 12px; font-size: 12.5px; color: var(--pds-muted); text-align: left; }
.pds-auth .psn-step__check { display: flex !important; align-items: center; gap: 10px; margin: 0 0 18px !important; font-size: 13.5px; font-weight: 500; cursor: pointer; }
.pds-auth .psn-step__check input { width: 18px; height: 18px; margin: 0; }
.pds-auth .psn-step__alt { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 18px; margin-top: 16px; }
.pds-auth .psn-inline-form { display: inline; margin: 0; }
.pds-auth .psn-step__link { display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; border: 0 !important; background: none !important; box-shadow: none !important; font: 600 13px var(--pds-font); cursor: pointer; text-decoration: none; }
.pds-auth .psn-step__link i { font-size: 12px; }
.pds-auth .psn-step__list { text-align: left; font-size: 13px; padding-left: 20px; }
.pds-auth .psn-qr { display: grid; place-items: center; margin: 0 0 14px; }
.pds-auth .psn-qr svg { width: 180px; height: 180px; background: #fff; padding: 8px; border-radius: 12px; }
.pds-auth--register .pds-auth__slot { margin-top: 0; }

.pds-auth-preview-note { position: fixed; left: 50%; bottom: 14px; transform: translateX(-50%); z-index: 50; padding: 8px 14px; border-radius: 99px; background: var(--pds-ink); color: var(--pds-surface); font: 600 12.5px var(--pds-font); box-shadow: var(--pds-shadow-lg); opacity: 0; transition: opacity .2s; pointer-events: none; }
.pds-auth-preview-note.is-on { opacity: 1; }

@media (max-width: 720px) {
  .pds-auth { font-size: 14px; }
  .pds-auth__main { padding: 24px 16px 22px; }
  .pds-auth__title { font-size: 26px; }
  .pds-auth--split .pds-auth__main { flex: 1; padding: 20px 22px 24px; }
  .pds-auth--split .pds-auth__art { display: none; }
  .pds-auth--split .pds-auth__center { justify-content: flex-start; padding-top: 18px; }
  .pds-auth--split .pds-auth__hero { display: block; position: relative; margin: -20px -22px 26px; height: 170px; overflow: hidden; border-radius: 0 0 28px 28px; background: var(--pds-x-auth-art); }
  .pds-auth--split .pds-auth__hero img { position: absolute; left: 24px; top: 40px; width: 560px; max-width: none; border-radius: 12px; box-shadow: 0 20px 40px -12px rgba(42,31,110,.4); }
  .pds-auth--gradient .pds-auth__card, .pds-auth--image .pds-auth__card, .pds-auth--video .pds-auth__card { padding: 26px 22px 22px; border-radius: 22px; }
  .pds-auth--gradient .pds-auth__center, .pds-auth--glass .pds-auth__center { margin: 0; }
  .pds-auth--glass .pds-auth__card { padding: 28px 22px 24px; }
  .pds-auth--glass .pds-auth__legal { position: static; margin-top: 24px; }
  .pds-auth--image .pds-auth__main, .pds-auth--video .pds-auth__main { padding: 24px 16px; align-items: stretch !important; }
  .pds-auth--image .pds-auth__center, .pds-auth--video .pds-auth__center { width: 100%; }
  .pds-auth__float { display: none; }
  .pds-auth-code { gap: 7px; }
  .pds-auth-code input { width: 44px !important; height: 54px !important; font-size: 22px !important; }
  .pds-auth-code em { display: none; }
  .pds-auth-code--8 { gap: 5px; }
  .pds-auth-code--8 input { width: 34px !important; height: 48px !important; font-size: 19px !important; }
  .pds-auth--register .pds-auth__card { border-radius: 22px; }
  .pds-reg { grid-template-columns: 1fr; min-height: 0; }
  .pds-reg__side { display: none; }
  .pds-reg__main { padding: 24px 20px; }
  .pds-reg__panel { grid-template-columns: 1fr; }
  .pds-reg__review { grid-template-columns: 1fr; }
  .pds-reg__nav small { display: none; }
  .pds-auth__legal { justify-content: center; text-align: center; }
}

.pds-auth .bootstrap-select.form-control { border: 0 !important; height: auto !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; }
.pds-auth .bootstrap-select > .dropdown-toggle { height: var(--pds-x-auth-field-h); border-radius: var(--pds-radius-sm); border: 1px solid var(--pds-border-strong); background: var(--pds-input-bg); color: var(--pds-ink); }

.pds-auth { --pds-x-auth-menu: var(--pds-surface); --pds-x-auth-menu-ink: var(--pds-text); }
.pds-auth--glass .pds-auth__card { --pds-x-auth-menu: #1d1a33; --pds-x-auth-menu-ink: rgba(240,238,255,.92); }
html.pds-on .pds-auth .dropdown-menu:not(.inner) { background: var(--pds-x-auth-menu) !important; color: var(--pds-x-auth-menu-ink); -webkit-backdrop-filter: none; backdrop-filter: none;
  border: 1px solid var(--pds-border-strong); box-shadow: 0 24px 60px -18px rgba(0,0,0,.45); z-index: 1060; max-height: 320px !important; overflow: hidden; }
html.pds-on .pds-auth .dropdown-menu > li > a, html.pds-on .pds-auth .bootstrap-select .dropdown-menu li a { color: var(--pds-x-auth-menu-ink); }
html.pds-on .pds-auth .bootstrap-select .dropdown-menu > .inner { max-height: 306px !important; overflow-y: auto !important; overscroll-behavior: contain; }
html.pds-on .pds-auth .bootstrap-select ul.dropdown-menu.inner { position: static; float: none; max-height: none !important; overflow: visible !important; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent !important; }
html.pds-on .pds-auth .bootstrap-select .dropdown-menu li.selected a { background: var(--pds-accent-soft); color: var(--pds-accent-text); }

.pds-auth__modes { position: absolute; top: 22px; right: 22px; z-index: 6; display: inline-flex; gap: 2px; padding: 3px; border-radius: 999px;
  background: color-mix(in srgb, var(--pds-surface) 84%, transparent); border: 1px solid var(--pds-border); box-shadow: 0 8px 22px -14px rgba(0,0,0,.35);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.pds-auth__modes button { width: 30px; height: 30px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 999px; background: none; color: var(--pds-muted); cursor: pointer; transition: background .15s, color .15s; }
.pds-auth__modes button:hover { color: var(--pds-ink); background: var(--pds-surface-3); }
.pds-auth__modes button[aria-pressed="true"] { background: var(--pds-accent-soft); color: var(--pds-accent-text); }
.pds-auth__modes button:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--pds-accent-ring); }
.pds-auth__modes .pds-ic { width: 16px; height: 16px; }
.pds-auth--split .pds-auth__modes { top: 28px; right: 40px; }
.pds-auth--on-dark .pds-auth__modes { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); box-shadow: 0 8px 22px -14px rgba(0,0,0,.6); }
.pds-auth--on-dark .pds-auth__modes button { color: rgba(255,255,255,.72); }
.pds-auth--on-dark .pds-auth__modes button:hover { color: #fff; background: rgba(255,255,255,.12); }
.pds-auth--on-dark .pds-auth__modes button[aria-pressed="true"] { background: rgba(255,255,255,.24); color: #fff; }
.pds-auth--on-dark .pds-auth__modes button:focus-visible { box-shadow: 0 0 0 3px rgba(255,255,255,.45); }
@media (max-width: 720px) {
  .pds-auth__modes { top: 18px; right: 14px; }
  .pds-auth--split .pds-auth__modes { top: 14px; right: 14px; }
  .pds-auth__modes button { width: 32px; height: 32px; }

  .pds-auth:has(.pds-auth__modes:not([hidden])):not(.pds-auth--split) .pds-auth__top { justify-content: flex-start; align-self: stretch; padding-right: 124px; min-height: 42px; align-items: center; margin-top: -6px; }
  .pds-auth--glass:has(.pds-auth__modes:not([hidden])) .pds-auth__main { padding-top: 66px; }
}

.pds-auth__shot--portal .pds-pm { position: absolute; left: 0; top: 0; bottom: 0; width: 118%; min-width: 600px; }
.pds-pm { background: var(--pds-bg); color: var(--pds-text); font: 12px/1.45 var(--pds-font); text-align: left; border-radius: 16px 16px 0 0; overflow: hidden;
  box-shadow: 0 30px 80px -20px color-mix(in srgb, var(--pds-accent) 35%, rgba(23,20,43,.45)), 0 0 0 1px var(--pds-border); }
.pds-pm__bar { display: flex; align-items: center; gap: 14px; height: 50px; padding: 0 18px; background: var(--pds-head-bg); border-bottom: 1px solid var(--pds-head-border); }
.pds-pm__logo { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: var(--pds-accent); color: var(--pds-on-accent); font-weight: 800; font-size: 13px; flex: none; }
.pds-pm__nav { display: flex; gap: 4px; }
.pds-pm__nav b { padding: 5px 11px; border-radius: 999px; font-weight: 600; color: var(--pds-muted); white-space: nowrap; }
.pds-pm__nav b.is-on { background: var(--pds-accent-soft); color: var(--pds-accent-text); }
.pds-pm__me { margin-left: auto; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; flex: none; background: var(--pds-accent-soft); color: var(--pds-accent-text); font-weight: 700; font-size: 10.5px; }
.pds-pm__body { padding: 20px 20px 26px; display: grid; gap: 14px; }
.pds-pm__hello b { display: block; font-family: var(--pds-font-display); font-weight: var(--pds-display-weight); letter-spacing: var(--pds-display-track); font-size: 18px; color: var(--pds-ink); }
.pds-pm__hello small { color: var(--pds-muted); font-size: 12px; }
.pds-pm__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.pds-pm__stat, .pds-pm__card { background: var(--pds-surface); border: 1px solid var(--pds-border); border-radius: var(--pds-radius-md); box-shadow: var(--pds-shadow); min-width: 0; }
.pds-pm__stat { padding: 12px 14px; }
.pds-pm__stat .pds-ic { width: 28px; height: 28px; padding: 6px; border-radius: 9px; }
.pds-pm__stat.t1 .pds-ic { background: var(--pds-accent-soft); color: var(--pds-accent-text); }
.pds-pm__stat.t2 .pds-ic { background: var(--pds-info-soft); color: var(--pds-info); }
.pds-pm__stat.t3 .pds-ic { background: var(--pds-good-soft); color: var(--pds-good); }
.pds-pm__stat small { display: block; margin-top: 8px; color: var(--pds-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pds-pm__stat b { display: block; font-family: var(--pds-font-display); font-size: 18px; font-weight: 700; color: var(--pds-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pds-pm__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 12px; align-items: start; }
.pds-pm__side { display: grid; gap: 12px; }
.pds-pm__card { padding: 14px; }
.pds-pm__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; font-weight: 650; font-size: 12.5px; color: var(--pds-ink); }
.pds-pm__head > span { color: var(--pds-muted); font-weight: 600; }
.pds-pm__head > .pds-pm__pay { padding: 4px 11px; border-radius: var(--pds-btn-radius); background: var(--pds-btn-bg); color: var(--pds-btn-ink); font-size: 11px; }
.pds-pm__row { display: grid; grid-template-columns: minmax(0, 1fr) auto 64px; gap: 10px; align-items: center; padding: 8px 0; border-top: 1px solid var(--pds-border); }
.pds-pm__row span { color: var(--pds-muted); font-family: var(--pds-font-mono); font-size: 11.5px; }
.pds-pm__row b { color: var(--pds-ink); font-weight: 650; font-variant-numeric: tabular-nums; }
.pds-pm__badge { justify-self: end; font-style: normal; padding: 2px 8px; border-radius: 999px; font-weight: 650; font-size: 10.5px; white-space: nowrap; }
.pds-pm__badge--warn { background: var(--pds-warn-soft); color: var(--pds-warn); }
.pds-pm__badge--good { background: var(--pds-good-soft); color: var(--pds-good); }
.pds-pm__badge--info { background: var(--pds-info-soft); color: var(--pds-info); display: inline-block; margin-top: 10px; }
.pds-pm__track { height: 7px; border-radius: 9px; background: var(--pds-c-track); overflow: hidden; }
.pds-pm__track i { display: block; width: 68%; height: 100%; border-radius: 9px; background: var(--pds-grad); }
.pds-pm__people { display: flex; margin-top: 12px; padding-left: 6px; }
.pds-pm__people span { width: 24px; height: 24px; margin-left: -6px; border-radius: 50%; display: grid; place-items: center; border: 2px solid var(--pds-surface); font-size: 9.5px; font-weight: 700; background: var(--pds-accent-soft); color: var(--pds-accent-text); }
.pds-pm__people span:nth-child(2) { background: var(--pds-info-soft); color: var(--pds-info); }
.pds-pm__people span:nth-child(3) { background: var(--pds-surface-3); color: var(--pds-muted); }
.pds-pm__ticket { display: flex; gap: 8px; align-items: flex-start; color: var(--pds-ink); font-weight: 560; font-size: 12.5px; }
.pds-pm__ticket .pds-ic { width: 16px; height: 16px; flex: none; margin-top: 1px; color: var(--pds-accent-text); }
.pds-auth__hero--portal .pds-pm { position: absolute; left: 22px; top: 62px; width: 640px; border-radius: 18px; transform: scale(.6); transform-origin: 0 0; box-shadow: 0 30px 60px -16px rgba(42,31,110,.4), 0 0 0 1px var(--pds-border); }

/* portal */


.pds-on body.customers { background: var(--pds-bg); color: var(--pds-text); font-family: var(--pds-font); }
.pds-on body.pds-portal:not(.pds-portal-auth) { background: var(--pds-bg-art), var(--pds-bg); background-repeat: no-repeat; background-attachment: scroll; min-height: 100vh; }
.pds-on body.customers #wrapper, .pds-on body.customers #content { background: transparent; }
.pds-on body.customers h1, .pds-on body.customers h2, .pds-on body.customers h3, .pds-on body.customers h4, .pds-on body.customers h5 { color: var(--pds-ink); }
.pds-on body.customers a { color: var(--pds-accent-text); }
.pds-on body.customers a:hover, .pds-on body.customers a:focus { color: var(--pds-accent-hover); }
.pds-on body.customers a:visited { color: var(--pds-accent-text); }
.pds-on body.customers .text-muted, .pds-on body.customers .tw-text-neutral-500, .pds-on body.customers .tw-text-neutral-600, .pds-on body.customers .tw-text-gray-500 { color: var(--pds-muted) !important; }
.pds-on body.customers .tw-text-neutral-700, .pds-on body.customers .tw-text-neutral-800, .pds-on body.customers .tw-text-neutral-900, .pds-on body.customers .bold, .pds-on body.customers strong { color: var(--pds-ink); }
.pds-on body.customers .tw-bg-white, .pds-on body.customers .bgwhite { background-color: var(--pds-surface) !important; }
.pds-on body.customers .tw-bg-neutral-50, .pds-on body.customers .tw-bg-neutral-100 { background-color: var(--pds-surface-2) !important; }
.pds-on body.customers .tw-border-neutral-200, .pds-on body.customers .tw-border-neutral-300, .pds-on body.customers .tw-border-neutral-100 { border-color: var(--pds-border) !important; }
.pds-on body.customers .hover\:tw-bg-neutral-100:hover { background-color: var(--pds-surface-3) !important; }
.pds-on body.customers .tw-text-primary-600, .pds-on body.customers .text-info { color: var(--pds-accent-text) !important; }
.pds-on body.customers .text-success { color: var(--pds-good) !important; }
.pds-on body.customers .text-danger { color: var(--pds-bad) !important; }
.pds-on body.customers .text-warning { color: var(--pds-warn) !important; }
.pds-on body.customers hr { border-color: var(--pds-border); }

.pds-on .pds-portal-head { position: sticky; top: 0; z-index: 1000; margin: 0; min-height: 0; border: 0; border-radius: 0; border-bottom: 1px solid var(--pds-border); background: var(--pds-glass); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); box-shadow: none; }
.pds-portal-head__in { max-width: 1280px; margin: 0 auto; height: 68px; display: flex; align-items: center; gap: 22px; padding: 0 32px; }
.pds-portal-head__logo { flex: none; text-decoration: none !important; }
.pds-portal-head__logo .pds-auth-logo { font-size: 17px; }
.pds-portal-nav { flex: 1; min-width: 0; overflow: hidden; }
.pds-portal-nav__list { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; white-space: nowrap; }
.pds-portal-nav__list > li { flex: none; position: relative; }
.pds-on .pds-portal-nav__list > li > a { height: 36px; padding: 0 13px; display: inline-flex; align-items: center; gap: 6px; border-radius: var(--pds-btn-radius); font-weight: 560; font-size: 13.5px; color: var(--pds-muted); text-decoration: none; transition: background .15s, color .15s; }
.pds-on .pds-portal-nav__list > li > a:hover { color: var(--pds-ink); background: var(--pds-surface-3); }
.pds-on .pds-portal-nav__list > li.active > a, .pds-on .pds-portal-nav__list > li > a[aria-current="page"] { background: var(--pds-btn-bg); color: var(--pds-btn-ink); }
.pds-portal-nav__list > li > a i { font-size: 13px; }
.pds-portal-nav__more .pds-ic { width: 14px; height: 14px; }
.pds-portal-nav__more .dropdown-menu > li > a { white-space: nowrap; }
.pds-portal-head__right { margin-left: auto; display: flex; align-items: center; gap: 6px; flex: none; }
.pds-on .pds-portal-icon { position: relative; width: 38px; height: 38px; border-radius: 50%; display: inline-grid; place-items: center; border: 0; background: none; color: var(--pds-muted); cursor: pointer; text-decoration: none; }
.pds-on .pds-portal-icon:hover { background: var(--pds-surface-3); color: var(--pds-ink); }
.pds-portal-icon .pds-ic { width: 19px; height: 19px; }
.pds-portal-dot { position: absolute; top: 4px; right: 3px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 99px; background: var(--pds-bad); color: #fff; font: 700 10px/16px var(--pds-font); font-style: normal; box-shadow: 0 0 0 2px var(--pds-surface); }
.pds-portal-icon .pds-mode-sun { display: none; }
html[data-pds-theme="dark"] .pds-portal-icon .pds-mode-sun { display: block; }
html[data-pds-theme="dark"] .pds-portal-icon .pds-mode-moon { display: none; }
.pds-portal-who { position: relative; }
.pds-on .pds-portal-who__btn { display: flex; align-items: center; gap: 10px; padding: 4px 10px 4px 4px; border-radius: 99px; border: 1px solid var(--pds-border); background: var(--pds-surface); text-decoration: none !important; white-space: nowrap; }
.pds-portal-who__btn img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.pds-portal-who__txt b { display: block; font-size: 13px; color: var(--pds-ink); font-weight: 620; line-height: 1.2; }
.pds-portal-who__txt small { display: block; font-size: 11.5px; color: var(--pds-muted); max-width: 160px; overflow: hidden; text-overflow: ellipsis; }
.pds-portal-who__btn > .pds-ic { width: 14px; height: 14px; color: var(--pds-muted); }
.pds-portal-menu-btn { display: none !important; }
.pds-portal-head .dropdown-submenu > .dropdown-menu { right: 100%; left: auto; top: 0; margin-top: -6px; }

.pds-on body.customers:not(.pds-portal) .navbar-default.header { background: var(--pds-glass); border: 0; border-bottom: 1px solid var(--pds-border); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.pds-on body.customers:not(.pds-portal) .navbar-default .navbar-nav > li > a { color: var(--pds-muted); font-weight: 560; }
.pds-on body.customers:not(.pds-portal) .navbar-default .navbar-nav > li > a:hover, .pds-on body.customers:not(.pds-portal) .navbar-default .navbar-nav > .active > a { color: var(--pds-ink); background: transparent; }
.pds-on body.customers:not(.pds-portal) .navbar-default .navbar-nav > li.customers-nav-item-login > a { background: var(--pds-btn-bg); color: var(--pds-btn-ink); border-radius: var(--pds-btn-radius); }

.pds-portal-in { max-width: 1280px; margin: 0 auto; padding-left: 32px; padding-right: 32px; }
.pds-on .pds-portal-page { width: auto; padding-top: 28px; padding-bottom: 56px; }
.pds-portal-page > .row { margin-left: -12px; margin-right: -12px; }
.pds-portal-alerts:empty { display: none; }
.pds-portal-alerts .panel_s { margin-top: 20px; }
.pds-on .pds-portal-submenu { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; float: none; margin: 0 12px 18px; padding: 0; list-style: none; border: 0; background: none; }
.pds-on .pds-portal-submenu li { float: none; margin: 0; padding: 0; border: 0; }
.pds-on body.customers .pds-portal-submenu li a, .pds-on .pds-portal-submenu li a { opacity: 1; color: var(--pds-text) !important; display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: var(--pds-btn-radius); border: 1px solid var(--pds-border); background: var(--pds-surface); color: var(--pds-text); font-weight: 560; font-size: 13px; text-decoration: none; }
.pds-on .pds-portal-submenu li a:hover { background: var(--pds-surface-3); color: var(--pds-ink); }
.pds-portal-submenu .pds-ic { width: 15px; height: 15px; }
.pds-on body.customers .submenu li a { color: var(--pds-text); }
.pds-on .pds-portal-footer { margin: 0; padding: 22px 0 28px; border-top: 1px solid var(--pds-border); background: transparent; color: var(--pds-faint); font-size: 12.5px; }
.pds-portal-footer .pds-portal-in { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.pds-portal-footer__links { display: inline-flex; gap: 16px; }
.pds-on .pds-portal-footer a { color: var(--pds-muted); }
.pds-on body.customers:not(.pds-portal) footer.footer { background: transparent; color: var(--pds-faint); border-top: 1px solid var(--pds-border); }

.pds-on body.customers .panel_s { background: var(--pds-surface); border: 1px solid var(--pds-border); border-radius: var(--pds-radius); box-shadow: var(--pds-shadow); margin-bottom: var(--pds-gap, 20px); }
.pds-on body.customers .panel_s > .panel-body, .pds-on body.customers .panel-body { background: transparent; color: var(--pds-text); }
.pds-on body.customers .panel_s .panel-body { padding: 20px 22px; }
.pds-on body.customers .panel-heading, .pds-on body.customers .panel-footer { background: var(--pds-surface-2); border-color: var(--pds-border); color: var(--pds-ink); }
.pds-on body.customers .panel-footer { border-radius: 0 0 var(--pds-radius) var(--pds-radius); }
.pds-on body.customers .panel { background: var(--pds-surface); border-color: var(--pds-border); }
.pds-on body.customers .well { background: var(--pds-surface-2); border-color: var(--pds-border); box-shadow: none; border-radius: var(--pds-radius-sm); }
.pds-on body.customers .list-group-item { background: var(--pds-surface); border-color: var(--pds-border); color: var(--pds-text); }
.pds-on body.customers .list-group-item.active, .pds-on body.customers .list-group-item.active:hover { background: var(--pds-accent-soft); border-color: var(--pds-border); color: var(--pds-accent-text); }
.pds-on body.customers .section-heading, .pds-on body.customers .tw-text-lg.tw-font-semibold, .pds-on body.customers h4.tw-font-semibold { color: var(--pds-ink); }

.pds-on body.customers .btn { border-radius: var(--pds-btn-radius); font-weight: 600; font-family: var(--pds-font); transition: background .15s, border-color .15s, color .15s; }
.pds-on body.customers .btn .pds-ic { width: 15px; height: 15px; vertical-align: -3px; margin-right: 6px; }
.pds-on body.customers .btn-xs .pds-ic { width: 13px; height: 13px; margin-right: 4px; }
.pds-on body.customers .btn-primary, .pds-on body.customers .btn-info { background: var(--pds-btn-bg); border-color: var(--pds-btn-bg); color: var(--pds-btn-ink) !important; }
.pds-on body.customers .btn-primary:hover, .pds-on body.customers .btn-primary:focus, .pds-on body.customers .btn-info:hover, .pds-on body.customers .btn-primary:active { background: var(--pds-btn-hover); border-color: var(--pds-btn-hover); color: var(--pds-btn-ink) !important; }
.pds-on body.customers .btn-default { background: var(--pds-surface); border-color: var(--pds-border-strong); color: var(--pds-ink) !important; }
.pds-on body.customers .btn-default:hover, .pds-on body.customers .btn-default:focus, .pds-on body.customers .btn-default.active { background: var(--pds-surface-3); border-color: var(--pds-border-strong); color: var(--pds-ink) !important; }
.pds-on body.customers .btn-success { background: var(--pds-good); border-color: var(--pds-good); color: #fff !important; }
.pds-on body.customers .btn-danger { background: var(--pds-bad); border-color: var(--pds-bad); color: #fff !important; }
.pds-on body.customers .btn-warning { background: var(--pds-warn); border-color: var(--pds-warn); color: #fff !important; }
.pds-on body.customers .btn-link { color: var(--pds-accent-text); }
.pds-on body.customers .btn:not(.btn-xs):not(.btn-sm):not(.btn-lg) { min-height: 38px; }
.pds-on body.customers .btn-xs { padding: 3px 12px; font-size: 12px; }
.pds-on body.customers .btn-group > .btn:not(:first-child):not(:last-child) { border-radius: 0; }

.pds-on body.customers .form-control, .pds-on body.customers .bootstrap-select > .dropdown-toggle, .pds-on body.customers .input-group-addon {
  background-color: var(--pds-input-bg); border-color: var(--pds-border-strong); color: var(--pds-ink); border-radius: var(--pds-radius-sm); box-shadow: none; }
.pds-on body.customers .form-control { min-height: 40px; }
.pds-on body.customers textarea.form-control { min-height: 90px; }
.pds-on body.customers .form-control:focus { border-color: var(--pds-accent); box-shadow: 0 0 0 4px var(--pds-accent-ring); }
.pds-on body.customers .form-control::placeholder { color: var(--pds-faint); }
.pds-on body.customers .form-control[disabled], .pds-on body.customers .form-control[readonly] { background: var(--pds-surface-3); }
.pds-on body.customers .input-group .form-control:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.pds-on body.customers input[type="file"] {
  display: block; width: 100%; height: auto !important; min-height: 42px; padding: 5px 8px 5px 5px !important; line-height: 30px;
  border: 1px dashed var(--pds-border-strong) !important; border-radius: var(--pds-radius-sm) !important; background: var(--pds-surface-2) !important;
  color: var(--pds-muted) !important; font-size: 13px; cursor: pointer; box-shadow: none !important;
}
.pds-on body.customers input[type="file"]:hover { border-color: var(--pds-accent) !important; }
.pds-on body.customers input[type="file"]:focus-visible { outline: none; border-color: var(--pds-accent) !important; box-shadow: 0 0 0 3px var(--pds-accent-ring) !important; }
.pds-on body.customers input[type="file"]::file-selector-button {
  height: 30px; margin: 0 10px 0 0; padding: 0 14px; border: 1px solid var(--pds-border); border-radius: var(--pds-btn-radius); background: var(--pds-surface); color: var(--pds-ink);
  font: 600 12.5px/28px var(--pds-font); cursor: pointer; transition: background .15s;
}
.pds-on body.customers input[type="file"]::-webkit-file-upload-button {
  height: 30px; margin: 0 10px 0 0; padding: 0 14px; border: 1px solid var(--pds-border); border-radius: var(--pds-btn-radius); background: var(--pds-surface); color: var(--pds-ink);
  font: 600 12.5px/28px var(--pds-font); cursor: pointer;
}
.pds-on body.customers input[type="file"]:hover::file-selector-button { background: var(--pds-surface-3); }
html[dir="rtl"].pds-on body.customers input[type="file"]::file-selector-button { margin: 0 0 0 10px; }
.pds-on body.customers .input-group:has(> input[type="file"]) { display: flex; align-items: stretch; }
.pds-on body.customers .input-group:has(> input[type="file"]) > input[type="file"] { flex: 1 1 auto; min-width: 0; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.pds-on body.customers .input-group:has(> input[type="file"]) > .input-group-btn { display: flex; width: auto; }
.pds-on body.customers .input-group:has(> input[type="file"]) > .input-group-btn > .btn { min-height: 42px; height: auto; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: -1px; }
.pds-on body.customers .input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; color: var(--pds-muted); }
.pds-on body.customers .control-label, .pds-on body.customers label { color: var(--pds-ink); font-weight: 600; }
.pds-on body.customers .dropdown-menu { background: var(--pds-surface); border: 1px solid var(--pds-border); border-radius: var(--pds-radius-sm); box-shadow: var(--pds-shadow-lg); padding: 6px; }
.pds-on body.customers .dropdown-menu > li > a { color: var(--pds-text); border-radius: var(--pds-radius-xs); padding: 7px 12px; }
.pds-on body.customers .dropdown-menu > li > a:hover, .pds-on body.customers .dropdown-menu > li > a:focus, .pds-on body.customers .dropdown-menu > .active > a { background: var(--pds-surface-3); color: var(--pds-ink); }
.pds-on body.customers .dropdown-menu .divider { background: var(--pds-border); }
.pds-on body.customers .bootstrap-select .dropdown-menu li.selected a { background: var(--pds-accent-soft); color: var(--pds-accent-text); }

.pds-on body.customers .bootstrap-select > .dropdown-toggle { position: relative; padding-right: 34px !important; }
.pds-on body.customers .bootstrap-select > .dropdown-toggle .bs-caret { position: absolute; right: 12px; top: 50%; width: 14px; height: 14px; margin-top: -7px; display: block; }
.pds-on body.customers .bootstrap-select > .dropdown-toggle .caret { position: static; display: block; margin: 0; padding: 0 !important; border: 0 !important; transform: none !important; width: 14px; height: 14px; background: currentColor; opacity: .75;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .15s; }
.pds-on body.customers .bootstrap-select.open > .dropdown-toggle .caret { transform: rotate(180deg) !important; }
html[dir="rtl"].pds-on body.customers .bootstrap-select > .dropdown-toggle { padding-right: 12px !important; padding-left: 34px !important; }
html[dir="rtl"].pds-on body.customers .bootstrap-select > .dropdown-toggle .bs-caret { right: auto; left: 12px; }
.pds-on body.customers .checkbox label::before, .pds-on body.customers .radio label::before { background: var(--pds-input-bg); border-color: var(--pds-border-strong); }
.pds-on body.customers .checkbox input[type="checkbox"]:checked + label::before { background: var(--pds-accent); border-color: var(--pds-accent); }
.pds-on body.customers .checkbox input[type="checkbox"]:checked + label::after { color: var(--pds-on-accent); }

.pds-on body.customers .table { color: var(--pds-text); background: transparent; }
.pds-on body.customers .table > thead > tr > th { background: var(--pds-surface-2); color: var(--pds-muted); font-weight: 600; font-size: 12.5px; border-bottom: 1px solid var(--pds-border); border-top: 0; padding: 12px 14px; white-space: nowrap; }
.pds-on body.customers .table > tbody > tr > td { border-top: 1px solid var(--pds-border); padding: 13px 14px; vertical-align: middle; }

.pds-on body.customers .table > tbody > tr > td { color: var(--pds-text); }
.pds-on body.customers .table-bordered, .pds-on body.customers table.dataTable, .pds-on body.customers .table-bordered > thead > tr > th, .pds-on body.customers .table-bordered > tbody > tr > td,
.pds-on body.customers table.dataTable thead th, .pds-on body.customers table.dataTable thead td, .pds-on body.customers table.dataTable tbody td { border-color: var(--pds-border) !important; }
.pds-on body.customers table.dataTable thead th, .pds-on body.customers table.table-bordered > thead > tr > th { border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; }
.pds-on body.customers table.dataTable tbody td, .pds-on body.customers table.table-bordered > tbody > tr > td { border-left: 0 !important; border-right: 0 !important; }
.pds-on body.customers table.dataTable, .pds-on body.customers .table-bordered { border: 0 !important; }
.pds-on body.customers .table-striped > tbody > tr:nth-of-type(odd) { background: transparent; }
.pds-on body.customers .table-hover > tbody > tr:hover, .pds-on body.customers table.dataTable tbody tr:hover { background: var(--pds-row-hover); }
.pds-on body.customers table.dataTable { border-collapse: collapse !important; }
.pds-on body.customers table.dataTable thead .sorting::after, .pds-on body.customers table.dataTable thead .sorting_asc::after, .pds-on body.customers table.dataTable thead .sorting_desc::after { color: var(--pds-faint); }
.pds-on body.customers .dataTables_wrapper .dataTables_length, .pds-on body.customers .dataTables_wrapper .dataTables_info { color: var(--pds-muted); }
.pds-on body.customers .dataTables_wrapper .dataTables_filter input { border-radius: var(--pds-btn-radius); }
.pds-on body.customers .pagination > li > a, .pds-on body.customers .pagination > li > span { background: var(--pds-surface); border-color: var(--pds-border); color: var(--pds-text); }
.pds-on body.customers .pagination > .active > a, .pds-on body.customers .pagination > .active > span, .pds-on body.customers .pagination > .active > a:hover { background: var(--pds-btn-bg); border-color: var(--pds-btn-bg); color: var(--pds-btn-ink); }
.pds-on body.customers .pagination > .disabled > a { background: var(--pds-surface-2); color: var(--pds-faint); }
.pds-on body.customers .table.items thead, .pds-on body.customers .table.items thead th, .pds-on body.customers .table.proposal-items thead > tr > th { background: var(--pds-surface-2) !important; color: var(--pds-muted) !important; border-color: var(--pds-border) !important; }

.pds-on body.customers .table-responsive { border: 0; }

.pds-on body.customers .label { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 99px; font-size: 11.5px; font-weight: 620; border: 0 !important; }
.pds-on body.customers .label-default { background: var(--pds-surface-3); color: var(--pds-muted); }
.pds-on body.customers .label-success { background: var(--pds-good-soft) !important; color: var(--pds-good) !important; }
.pds-on body.customers .label-danger { background: var(--pds-bad-soft) !important; color: var(--pds-bad) !important; }
.pds-on body.customers .label-warning { background: var(--pds-warn-soft) !important; color: var(--pds-warn) !important; }
.pds-on body.customers .label-info, .pds-on body.customers .label-primary { background: var(--pds-info-soft) !important; color: var(--pds-info) !important; }
.pds-on body.customers .label::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.pds-on body.customers .badge { background: var(--pds-accent); color: var(--pds-on-accent); }

.pds-on body.customers .nav-tabs { border-bottom: 1px solid var(--pds-border); }
.pds-on body.customers .nav-tabs > li > a { color: var(--pds-muted); border: 0; border-bottom: 2px solid transparent; border-radius: 0; font-weight: 580; background: transparent; }
.pds-on body.customers .nav-tabs > li > a:hover { color: var(--pds-ink); background: transparent; border-bottom-color: var(--pds-border-strong); }
.pds-on body.customers .nav-tabs > li.active > a, .pds-on body.customers .nav-tabs > li.active > a:hover, .pds-on body.customers .nav-tabs > li.active > a:focus { color: var(--pds-ink); border: 0; border-bottom: 2px solid var(--pds-accent); background: transparent; }
.pds-on body.customers .nav-pills > li.active > a, .pds-on body.customers .nav-pills > li.active > a:hover { background: var(--pds-btn-bg); color: var(--pds-btn-ink); }
.pds-on body.customers .tab-content { color: var(--pds-text); }

.pds-on body.customers .progress { background: var(--pds-c-track); border-radius: 99px; box-shadow: none; height: 8px; }
.pds-on body.customers .progress-bar { background: var(--pds-grad); box-shadow: none; }
.pds-on body.customers .progress-bar-success { background: var(--pds-good); }
.pds-on body.customers .alert { border-radius: var(--pds-radius-sm); border: 1px solid transparent; }
.pds-on body.customers .alert-info { background: var(--pds-info-soft); color: var(--pds-info); border-color: color-mix(in srgb, var(--pds-info) 22%, transparent); }
.pds-on body.customers .alert-success { background: var(--pds-good-soft); color: var(--pds-good); border-color: color-mix(in srgb, var(--pds-good) 22%, transparent); }
.pds-on body.customers .alert-warning { background: var(--pds-warn-soft); color: var(--pds-warn); border-color: color-mix(in srgb, var(--pds-warn) 22%, transparent); }
.pds-on body.customers .alert-danger { background: var(--pds-bad-soft); color: var(--pds-bad); border-color: color-mix(in srgb, var(--pds-bad) 22%, transparent); }
.pds-on body.customers .modal-content { background: var(--pds-surface); border: 1px solid var(--pds-border); border-radius: var(--pds-radius); box-shadow: var(--pds-shadow-lg); color: var(--pds-text); }
.pds-on body.customers .modal-header, .pds-on body.customers .modal-footer { border-color: var(--pds-border); }
.pds-on body.customers .modal-backdrop.in { background: var(--pds-overlay); opacity: 1; }
.pds-on body.customers .close { color: var(--pds-muted); text-shadow: none; opacity: .8; }
.pds-on body.customers .popover, .pds-on body.customers .tooltip-inner { border-radius: var(--pds-radius-xs); }

.pds-on body.customers.viewinvoice .panel_s, .pds-on body.customers.viewestimate .panel_s, .pds-on body.customers.viewcontract .panel_s { box-shadow: var(--pds-shadow-lg); }
.pds-on body.customers .preview-sticky-header { background: var(--pds-glass); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--pds-border); }
.pds-on body.customers #proposal-wrapper, .pds-on body.customers .proposal-wrapper { background: var(--pds-surface); color: var(--pds-text); }
.pds-on body.customers .tc-content { color: var(--pds-text); }
.pds-on body.customers .signature-pad--body { border-color: var(--pds-border-strong); border-radius: var(--pds-radius-sm); background: #fff; }

.pds-on body.customers .list-status a { color: var(--pds-muted); }
.pds-on body.customers .list-status a.active { color: var(--pds-ink); }
.pds-on body.customers .client-reply .panel-body { background: var(--pds-accent-soft); }
.pds-on body.customers .kb-search-jumbotron { background: var(--pds-bg-art), var(--pds-surface-2); border-bottom: 1px solid var(--pds-border); color: var(--pds-ink); }
.pds-on body.customers .kb-search input[type="search"] { border-radius: var(--pds-btn-radius); background: var(--pds-input-bg); }
.pds-on body.customers .kb-search button[type="submit"] { border-radius: var(--pds-btn-radius); }
.pds-on body.customers .activity-feed .feed-item { border-color: var(--pds-border); }
.pds-on body.customers .activity-feed .feed-item::after { background: var(--pds-accent); border-color: var(--pds-surface); }
.pds-on body.customers .project-overview-progress-bar, .pds-on body.customers .project-info-bg { background: var(--pds-surface-2); }
.pds-on body.customers .kan-ban-col .panel-heading { background: var(--pds-surface-2) !important; color: var(--pds-ink); }
.pds-on body.customers .jquery-comments .textarea-wrapper .textarea, .pds-on body.customers .jquery-comments ul.main li.comment .wrapper .content { color: var(--pds-text); }
.pds-on body.customers .jquery-comments .textarea-wrapper .textarea { background: var(--pds-input-bg); border-color: var(--pds-border-strong); }
.pds-on body.customers form.dropzone, .pds-on body.customers .dropzone { background: var(--pds-surface-2); border: 1.5px dashed var(--pds-border-strong); border-radius: var(--pds-radius-sm); color: var(--pds-muted); }
.pds-on body.customers .gdpr-purpose { border-color: var(--pds-border); }
.pds-on body.customers .fc-unthemed th, .pds-on body.customers .fc-unthemed td, .pds-on body.customers .fc-unthemed .fc-content, .pds-on body.customers .fc-unthemed thead { border-color: var(--pds-border); }
.pds-on body.customers .fc-unthemed td.fc-today { background: var(--pds-accent-soft); }
.pds-on body.customers .fc-button { background: var(--pds-surface); border-color: var(--pds-border-strong); color: var(--pds-ink); border-radius: var(--pds-radius-xs); }
.pds-on body.customers .gantt .grid-background { fill: transparent; }
.pds-on body.customers .gantt .grid-header, .pds-on body.customers .gantt .grid-row { fill: var(--pds-surface); }
.pds-on body.customers .gantt .grid-row:nth-child(even) { fill: var(--pds-surface-2); }
.pds-on body.customers .gantt .row-line, .pds-on body.customers .gantt .tick { stroke: var(--pds-border); }
.pds-on body.customers .gantt .lower-text, .pds-on body.customers .gantt .upper-text { fill: var(--pds-muted); }
html.pds-on[data-pds-theme="dark"] body.customers .signature-pad--body { background: #fff; }
html.pds-on[data-pds-theme="dark"] body.customers img.mime, html.pds-on[data-pds-theme="dark"] body.customers .mime { filter: none; }

.pds-home { display: flex; flex-direction: column; gap: var(--pds-gap, 20px); padding-bottom: 8px; }
.pds-home__welcome { border-radius: calc(var(--pds-radius) + 4px); padding: 30px 32px; display: flex; align-items: center; gap: 28px; position: relative; overflow: hidden;
  background: radial-gradient(600px 300px at 0% 0%, var(--pds-tint-2), transparent 70%), radial-gradient(500px 300px at 100% 100%, var(--pds-tint-1), transparent 70%), radial-gradient(500px 300px at 60% 0%, var(--pds-tint-4), transparent 70%), var(--pds-accent-soft); color: var(--pds-ink); }
html[data-pds-theme="dark"] .pds-home__welcome { background: radial-gradient(600px 300px at 0% 0%, color-mix(in srgb, var(--pds-accent) 35%, transparent), transparent 70%), radial-gradient(500px 300px at 100% 100%, color-mix(in srgb, var(--pds-c2) 25%, transparent), transparent 70%), color-mix(in srgb, var(--pds-surface) 80%, var(--pds-accent) 12%); }
.pds-on body.customers .pds-home__welcome h1 { margin: 0; font-family: var(--pds-font-display); font-size: 30px; font-weight: var(--pds-display-weight); letter-spacing: var(--pds-display-track); color: var(--pds-ink); }
.pds-home__welcome p { margin: 6px 0 0; font-size: 15px; color: var(--pds-text); }
.pds-home__acts { display: flex; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
.pds-on body.customers .pds-home__acts .btn-default { background: var(--pds-surface); border-color: transparent; }
.pds-home__due { margin-left: auto; flex: none; min-width: 230px; padding: 14px 18px; border-radius: var(--pds-radius-md); background: color-mix(in srgb, var(--pds-surface) 78%, transparent); box-shadow: 0 10px 30px -12px color-mix(in srgb, var(--pds-accent) 30%, transparent); color: var(--pds-ink); }
html[data-pds-theme="dark"] .pds-home__due { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); }
.pds-home__due small { display: block; color: var(--pds-muted); font-size: 12.5px; font-weight: 560; }
.pds-home__due b { display: block; font-family: var(--pds-font-display); font-size: 26px; font-weight: 700; letter-spacing: -0.02em; margin-top: 2px; font-variant-numeric: tabular-nums; }
.pds-home__due-row { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.pds-home__due-row span { color: var(--pds-muted); font-size: 12.5px; }
.pds-home__due-row .btn { margin-left: auto; }
.pds-home__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--pds-gap, 20px); }
.pds-on body.customers .pds-home__stat { margin: 0; padding: 18px 20px; display: flex; gap: 14px; align-items: center; text-decoration: none !important; color: inherit; transition: border-color .15s, transform .15s; }
.pds-on body.customers .pds-home__stat:hover { border-color: var(--pds-border-strong); }
.pds-home__pi { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; flex: none; }
.pds-home__pi .pds-ic { width: 20px; height: 20px; }
.pds-home__stat small { display: block; color: var(--pds-muted); font-size: 12.5px; font-weight: 560; }
.pds-home__stat b { display: block; font-family: var(--pds-font-display); font-size: 22px; color: var(--pds-ink); font-weight: 680; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.pds-tone-warn { background: var(--pds-warn-soft); color: var(--pds-warn); }
.pds-tone-accent { background: var(--pds-accent-soft); color: var(--pds-accent-text); }
.pds-tone-info { background: var(--pds-info-soft); color: var(--pds-info); }
.pds-tone-good { background: var(--pds-good-soft); color: var(--pds-good); }
.pds-tone-bad { background: var(--pds-bad-soft); color: var(--pds-bad); }
.pds-home__grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--pds-gap, 20px); align-items: start; }
.pds-home__main, .pds-home__side { display: flex; flex-direction: column; gap: var(--pds-gap, 20px); min-width: 0; }
.pds-on body.customers .pds-card { margin: 0; overflow: hidden; }
.pds-card__h { display: flex; align-items: center; gap: 10px; padding: 18px 22px 0; min-height: 52px; }
.pds-on body.customers .pds-card__h h3 { margin: 0; flex: 1; min-width: 0; display: flex; align-items: center; gap: 9px; font-size: 16px; font-weight: 650; color: var(--pds-ink); }
.pds-card__h h3 .pds-ic { width: 17px; height: 17px; color: var(--pds-muted); flex: none; }
.pds-card__b { padding: 16px 22px 22px; }
.pds-card__empty { margin: 0; padding: 18px 22px 24px; color: var(--pds-muted); }
.pds-card__empty--flush { padding: 0; }
.pds-pill { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: 99px; font-size: 12px; font-weight: 620; white-space: nowrap; }
.pds-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.pds-on body.customers .pds-link { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; font-size: 13px; white-space: nowrap; text-decoration: none; }
.pds-link .pds-ic { width: 14px; height: 14px; }
.pds-muted { color: var(--pds-muted); }
.pds-home__progress { display: flex; align-items: center; gap: 14px; }
.pds-bar { flex: 1; height: 8px; border-radius: 99px; background: var(--pds-c-track); overflow: hidden; display: block; }
.pds-bar i { display: block; height: 100%; border-radius: 99px; background: var(--pds-grad); }
.pds-home__progress b { color: var(--pds-ink); font-variant-numeric: tabular-nums; }
.pds-home__progress .pds-muted { font-size: 12.5px; }
.pds-home__ms { display: flex; margin: 16px 0 0; padding: 0; list-style: none; }
.pds-home__ms li { flex: 1; position: relative; padding-top: 18px; font-size: 12px; color: var(--pds-muted); min-width: 0; }
.pds-home__ms li::before { content: ""; position: absolute; top: 5px; left: 0; right: 0; height: 2px; background: var(--pds-c-track); }
.pds-home__ms li.is-done::before { background: var(--pds-accent); }
.pds-home__ms li i { position: absolute; top: 0; left: 0; width: 12px; height: 12px; border-radius: 50%; background: var(--pds-surface); border: 2px solid var(--pds-border-strong); }
.pds-home__ms li.is-done i { background: var(--pds-accent); border-color: var(--pds-accent); }
.pds-home__ms li.is-now i { border-color: var(--pds-accent); box-shadow: 0 0 0 4px var(--pds-accent-ring); }
.pds-home__ms li b { display: block; color: var(--pds-ink); font-weight: 600; font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 8px; }
.pds-on body.customers .pds-table { margin: 10px 0 0; }
.pds-on body.customers .pds-table > thead > tr > th:first-child, .pds-on body.customers .pds-table > tbody > tr > td:first-child { padding-left: 22px; }
.pds-on body.customers .pds-table > thead > tr > th:last-child, .pds-on body.customers .pds-table > tbody > tr > td:last-child { padding-right: 22px; }
.pds-on body.customers .pds-table > tbody > tr:last-child > td { border-bottom: 0; }
.pds-strong { color: var(--pds-ink) !important; font-weight: 650; }
.pds-num { font-variant-numeric: tabular-nums; }
.pds-home__waits { display: flex; flex-direction: column; gap: 10px; }
.pds-home__wait { padding: 14px; border-radius: var(--pds-radius-sm); background: var(--pds-surface-2); border: 1px solid var(--pds-border); }
.pds-home__wait b { display: block; color: var(--pds-ink); font-weight: 650; }
.pds-home__wait span { display: block; color: var(--pds-muted); font-size: 12.5px; margin-top: 2px; }
.pds-home__wait .btn { margin-top: 12px; }
.pds-home__am { display: flex; gap: 14px; align-items: center; }
.pds-home__am img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.pds-home__am b { display: block; color: var(--pds-ink); font-weight: 650; }
.pds-home__am span { color: var(--pds-muted); font-size: 12.5px; }
.pds-home__am-btn { margin-top: 14px; }
.pds-home__file { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--pds-border); font-size: 13px; }
.pds-home__file:first-child { border-top: 0; padding-top: 0; }
.pds-home__file > div { min-width: 0; flex: 1; }
.pds-home__file b { display: block; color: var(--pds-ink); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pds-home__file span { color: var(--pds-muted); font-size: 12px; }
.pds-home__fx { width: 34px; height: 38px; border-radius: 7px; display: grid; place-items: center; font-size: 9.5px; font-weight: 800; flex: none; letter-spacing: .02em; }
.pds-home__file .pds-portal-icon { width: 30px; height: 30px; }
.pds-home__sh { margin: 12px 0 0; font-size: 16px; font-weight: 650; }
.pds-home__chart-tools { display: flex; gap: 10px; margin: 16px 0; flex-wrap: wrap; }
.pds-on body.customers .pds-home__chart-tools .form-control, .pds-on body.customers .pds-home__chart-tools .bootstrap-select { width: auto !important; min-width: 150px; }
.pds-portal-submenu--home:not(:has(li)) { display: none !important; }
.pds-on body.customers .pds-home__chart .progress { height: 8px; margin-top: 8px; }
.pds-on body.customers .pds-home__chart .progress-bar { font-size: 0; }
.pds-on body.customers .pds-home .projects-summary-heading + dl { margin-bottom: 0; }

.pds-on body.pds-portal-auth { background: var(--pds-bg); }
.pds-on body.pds-portal-auth #wrapper { min-height: 0; }
.pds-auth--register .pds-reg-source { padding: 32px; }
.pds-auth--register .pds-reg-source.is-done { padding: 0; }
.pds-reg-source > div { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
.pds-reg-source .panel_s { border: 0 !important; box-shadow: none !important; background: transparent !important; margin: 0 !important; }
.pds-reg-source .panel-footer { background: transparent !important; border: 0 !important; padding: 0 !important; }
.pds-auth-sent { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; margin: 0 0 18px; border-radius: 14px; background: var(--pds-surface); border: 1px solid var(--pds-border); font-size: 13px; color: var(--pds-muted); text-align: left; }
.pds-auth-sent .pds-ic { color: var(--pds-good); width: 17px; height: 17px; flex: none; margin-top: 1px; }
.pds-auth-lang { margin: 18px 0 0 !important; display: flex; justify-content: center; }
.pds-auth .pds-auth-lang .bootstrap-select, .pds-reg__lang .bootstrap-select { width: auto !important; }
.pds-auth .pds-auth-lang .bootstrap-select > .dropdown-toggle, .pds-auth .pds-reg__lang .bootstrap-select > .dropdown-toggle,
.pds-auth .pds-auth-lang select, .pds-auth .pds-reg__lang select { height: 34px !important; min-height: 0 !important; width: auto; padding: 0 30px 0 14px !important; border-radius: 99px !important; font-size: 12.5px !important; color: var(--pds-muted) !important; background: transparent !important; border: 1px solid var(--pds-border) !important; box-shadow: none !important; }
.pds-auth .pds-auth-lang .bootstrap-select .filter-option, .pds-auth .pds-reg__lang .bootstrap-select .filter-option { display: flex; align-items: center; height: 100%; padding: 0 !important; }

.pds-auth .pds-auth-lang .bootstrap-select > .dropdown-toggle, .pds-auth .pds-reg__lang .bootstrap-select > .dropdown-toggle { position: relative; display: inline-flex !important; align-items: center; line-height: 18px !important; padding: 0 34px 0 35px !important; }
.pds-auth .pds-auth-lang .bootstrap-select > .dropdown-toggle::before, .pds-auth .pds-reg__lang .bootstrap-select > .dropdown-toggle::before { content: ""; position: absolute; left: 13px; top: 50%; width: 15px; height: 15px; margin-top: -7.5px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/><path d='M2 12h20'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/><path d='M2 12h20'/></svg>") center / contain no-repeat; }
.pds-auth .pds-auth-lang .filter-option-inner, .pds-auth .pds-reg__lang .filter-option-inner, .pds-auth .pds-auth-lang .filter-option-inner-inner, .pds-auth .pds-reg__lang .filter-option-inner-inner { line-height: 18px !important; overflow: visible !important; }
.pds-auth .pds-auth-lang .bootstrap-select > .dropdown-toggle:hover, .pds-auth .pds-reg__lang .bootstrap-select > .dropdown-toggle:hover,
.pds-auth .pds-auth-lang .bootstrap-select.open > .dropdown-toggle, .pds-auth .pds-reg__lang .bootstrap-select.open > .dropdown-toggle { color: var(--pds-ink) !important; border-color: var(--pds-border-strong) !important; }
.pds-auth .pds-auth-lang .bootstrap-select > .dropdown-toggle:focus-visible, .pds-auth .pds-reg__lang .bootstrap-select > .dropdown-toggle:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--pds-accent-ring) !important; }
.pds-reg__lang { margin-top: 24px; }
.pds-reg__lang .form-group { margin: 0; }
.pds-auth-step { text-align: center; }
.pds-auth-step .pds-auth__slot { text-align: left; }

@media (max-width: 1100px) {
  .pds-portal-who__txt { display: none; }
}
@media (max-width: 991px) {
  .pds-portal-head__in { padding: 0 16px; height: 60px; gap: 8px; flex-wrap: nowrap; }
  .pds-portal-head.is-open .pds-portal-head__in { flex-wrap: wrap; }
  .pds-portal-head__logo { min-width: 0; flex: 1 1 auto; overflow: hidden; }
  .pds-portal-head__right { gap: 2px; }
  .pds-portal-who__btn > .pds-ic { display: none; }
  .pds-on .pds-portal-who__btn { padding: 3px; }
  .pds-portal-nav { display: none; order: 9; flex: 0 0 100%; }
  .pds-portal-head.is-open .pds-portal-nav { display: block; max-height: calc(100vh - 70px); overflow-y: auto; padding: 4px 0 14px; }
  .pds-portal-head.is-open .pds-portal-head__in { height: auto; min-height: 60px; padding-top: 10px; }
  .pds-portal-head.is-open .pds-portal-nav__list { flex-direction: column; align-items: stretch; gap: 2px; white-space: normal; }
  .pds-on .pds-portal-head.is-open .pds-portal-nav__list > li > a { display: flex; height: 42px; }
  .pds-portal-nav__more { display: none !important; }
  .pds-portal-menu-btn { display: inline-grid !important; }
  .pds-portal-in { padding-left: 16px; padding-right: 16px; }
  .pds-on .pds-portal-page { padding-top: 18px; padding-bottom: 40px; }
  .pds-home__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .pds-home__welcome { flex-direction: column; align-items: stretch; padding: 22px; gap: 18px; }
  .pds-on body.customers .pds-home__welcome h1 { font-size: 24px; }
  .pds-home__due { margin: 0; min-width: 0; }
  .pds-home__stats { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
  .pds-on body.customers .pds-home__stat { padding: 14px; flex-direction: column; align-items: flex-start; gap: 10px; }
  .pds-hide-sm { display: none !important; }
  .pds-on body.customers .pds-table > thead > tr > th, .pds-on body.customers .pds-table > tbody > tr > td { padding-left: 10px; padding-right: 10px; }
  .pds-on body.customers .pds-table > thead > tr > th:first-child, .pds-on body.customers .pds-table > tbody > tr > td:first-child { padding-left: 16px; }
  .pds-on body.customers .pds-table > thead > tr > th:last-child, .pds-on body.customers .pds-table > tbody > tr > td:last-child { padding-right: 16px; }
  .pds-card__h { padding: 16px 16px 0; flex-wrap: wrap; }
  .pds-on body.customers .pds-card__h h3 { flex-basis: 100%; }
  .pds-card__b { padding: 14px 16px 18px; }
  .pds-on body.pds-portal { overflow-x: hidden; }
  .pds-portal-head__logo .pds-auth-logo__name { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .pds-portal-page > .row { margin-left: 0; margin-right: 0; }
  .pds-portal-page > .row > [class*="col-"] { padding-left: 0; padding-right: 0; }
}