/* The Credit Score UI kit.
   Derived from the licensed Kinlo template (c) 2026 Hasib (OVERSHOOT), used under its licence.
   All class names carry the cs- prefix, custom properties --cs-, keyframes cs-. */
/* ---- main_0.css ---- */
:root { --cs-font: "Urbanist", system-ui, -apple-system, "Segoe UI", sans-serif; --cs-fs-2xs: 11px; --cs-fs-xs: 12px; --cs-fs-sm: 12.5px; --cs-fs-md: 13.5px; --cs-fs-base: 14px; --cs-fs-lg: 15px; --cs-fs-xl: 17px; --cs-fs-2xl: 20px; --cs-fs-3xl: 22px; --cs-fs-4xl: 26px; --cs-fs-display: 34px; --cs-r-sm: 10px; --cs-r-md: 14px; --cs-r-lg: 18px; --cs-r-xl: 24px; --cs-ease: cubic-bezier(.22, 1, .36, 1); --cs-side-w: 248px; --cs-rail-w: 84px; --cs-gap: 18px; --cs-bg: #eef1f3; --cs-wash-a: #f4bfa6; --cs-wash-wave: #f7d6c4d9; --cs-wash-b: #bfe2e6; --cs-wash-c: #e1eaf3; --cs-glass: #ffffff8c; --cs-glass-hi: #ffffff9e; --cs-glass-rim: #ffffffe6; --cs-glass-edge: #17252d12; --cs-blur: blur(26px) saturate(180%); --cs-float: #fbfcfce6; --cs-wash-band: #f6cdba8c; --cs-card: #fbfcfc; --cs-card-2: #17252d0b; --cs-card-3: #17252d17; --cs-ink: #15212a; --cs-ink-2: #354550; --cs-muted: #55616a; --cs-line: #17252d14; --cs-line-2: #17252d26; --cs-shadow: 0 1px 2px #17252d0a, 0 14px 34px -18px #17252d33; --cs-shadow-lg: 0 2px 6px #17252d0f, 0 28px 60px -24px #17252d57; --cs-accent: #0e6c84; --cs-accent-ink: #fff; --cs-accent-hi: #127d98; --cs-accent-soft: #0e6c841f; --cs-accent-text: #0b5f74; --cs-side: #ffffff6b; --cs-side-2: #ffffff9e; --cs-side-ink: #15212a; --cs-side-muted: #4d5a63; --cs-side-pill: #0e6c84; --cs-side-pill-ink: #fff; --cs-side-hover: #17252d0d; --cs-side-line: #17252d17; --cs-side-rim: #17252d29; --cs-good: #23733f; --cs-warn: #9a5208; --cs-bad: #b3263a; --cs-info: #2c58a0; --cs-good-soft: #23733f1f; --cs-warn-soft: #c46e1224; --cs-bad-soft: #b3263a1c; --cs-info-soft: #2c58a01c; --cs-s1: #1b84a0; --cs-s2: #ee8a6a; --cs-s3: #e8c68e; --cs-tile-aqua: #c4e8ecb8; --cs-tile-slate: #d6e2eeb8; --cs-tile-sage: #d0e8d8b8; --cs-tile-peach: #fad6c6b8; --cs-tile-ink: #15212a; --cs-tile-muted: #15212aa8; --cs-mono-ink: #15212a; --cs-stamp: #b3263a; --cs-night: #102e37e6; --cs-night-2: #ffffff14; --cs-night-ink: #eef6f7; --cs-night-muted: #a9c0c6; --cs-lightningcss-light: initial; --cs-lightningcss-dark: ; color-scheme: light; }

[data-theme="dark"] { --cs-bg: #0d1214; --cs-wash-a: #ee8a6a33; --cs-wash-wave: #ee96781a; --cs-wash-b: #3cb2be2e; --cs-wash-c: #5a82aa1f; --cs-glass: #181f238c; --cs-float: #172024eb; --cs-wash-band: #4cc0d612; --cs-glass-hi: #ffffff0d; --cs-glass-rim: #ffffff17; --cs-glass-edge: #ffffff0f; --cs-card: #172024; --cs-card-2: #ecf4f60b; --cs-card-3: #ecf4f617; --cs-ink: #ecf2f3; --cs-ink-2: #cbd6d9; --cs-muted: #9aaab0; --cs-line: #ecf4f614; --cs-line-2: #ecf4f629; --cs-shadow: 0 1px 2px #0000004d, 0 14px 32px -16px #0009; --cs-shadow-lg: 0 2px 6px #0006, 0 30px 70px -24px #000c; --cs-accent: #4cc0d6; --cs-accent-ink: #04222b; --cs-accent-hi: #6ccde0; --cs-accent-soft: #4cc0d624; --cs-accent-text: #6fd0e3; --cs-side: #141b1f80; --cs-side-2: #ffffff0d; --cs-side-ink: #ecf2f3; --cs-side-muted: #9fb0b6; --cs-side-pill: #4cc0d6; --cs-side-pill-ink: #04222b; --cs-side-hover: #ecf4f60f; --cs-side-line: #ecf4f617; --cs-side-rim: #ecf4f62e; --cs-good: #6ccb8f; --cs-warn: #f0a160; --cs-bad: #f4878f; --cs-info: #8db4ee; --cs-good-soft: #6ccb8f24; --cs-warn-soft: #f0a16024; --cs-bad-soft: #f4878f24; --cs-info-soft: #8db4ee24; --cs-s1: #4cc0d6; --cs-s2: #f29a7c; --cs-s3: #b89a63; --cs-tile-aqua: #1e505a73; --cs-tile-slate: #3042526b; --cs-tile-sage: #2850386b; --cs-tile-peach: #6e3c2866; --cs-tile-ink: #ecf2f3; --cs-tile-muted: #ecf2f3a8; --cs-night: #0c262ee0; --cs-night-2: #ffffff12; --cs-lightningcss-light: ; --cs-lightningcss-dark: initial; color-scheme: dark; }

*, ::before, ::after { box-sizing: border-box; }

html { text-size-adjust: 100%; }

body { background: var(--cs-bg); min-height: 100vh; color: var(--cs-ink); font-family: var(--cs-font); font-size: var(--cs-fs-base); font-weight: 400; line-height: 1.5; /* RESTORED: the original `font` shorthand (var()-based) was flattened to empty longhands in the saved snapshot */ font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased; margin: 0px; overflow-x: hidden; }

button, input, select, textarea { font: inherit; color: inherit; }

button { cursor: pointer; background: 0px 0px; border: 0px; padding: 0px; }

a { color: inherit; text-decoration: none; }

img { max-width: 100%; display: block; }

svg { flex: 0 0 auto; }

h1, h2, h3, h4, p { margin: 0px; }

small { font-size: var(--cs-fs-xs); }

[hidden] { display: none !important; }

::selection { background: var(--cs-accent-soft); }

:focus { outline: none; }

:focus-visible { outline: 2px solid var(--cs-accent); outline-offset: 2px; border-radius: 8px; }

.cs-skip { z-index: 100; background: var(--cs-ink); color: var(--cs-bg); border-radius: 10px; padding: 10px 14px; font-weight: 600; position: fixed; top: -60px; left: 12px; }

.cs-skip:focus { top: 12px; }

.cs-sr { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; width: 1px; height: 1px; position: absolute; overflow: hidden; }

.cs-ico { fill: none; stroke: currentcolor; stroke-width: 1.7px; stroke-linecap: round; stroke-linejoin: round; width: 20px; height: 20px; }

.cs-ico--sm { width: 16px; height: 16px; }

.cs-ico--lg { width: 24px; height: 24px; }

.cs-word { vertical-align: top; margin-bottom: -0.08em; padding-bottom: 0.08em; display: inline-block; overflow: hidden; }

.cs-ch { display: inline-block; }

.cs-muted { color: var(--cs-muted); }

.cs-good { color: var(--cs-good); }

.cs-warn { color: var(--cs-warn); }

.cs-bad { color: var(--cs-bad); }

.cs-num { font-variant-numeric: tabular-nums; }

::view-transition-old(root) { mix-blend-mode: normal; animation: auto ease 0s 1 normal none running none; }

::view-transition-new(root) { mix-blend-mode: normal; animation: auto ease 0s 1 normal none running none; }

html.cs-is-record:not(.cs-is-started) .cs-app { visibility: hidden; }

.cs-top__cal { display: grid; }

body::before { content: ""; z-index: -1; pointer-events: none; background: linear-gradient(162deg, transparent 38%, var(--cs-wash-band) 52%, transparent 66%),  radial-gradient(70% 22% at 38% 86%, var(--cs-wash-wave), transparent 72%), radial-gradient(60% 70% at 0% 100%, var(--cs-wash-a), transparent 68%), radial-gradient(48% 62% at 104% 70%, var(--cs-wash-b), transparent 70%), radial-gradient(55% 45% at 72% -8%, var(--cs-wash-c), transparent 70%), var(--cs-bg); position: fixed; inset: 0px; }

.cs-card, .cs-side, .cs-searchpill, .cs-top.cs-is-stuck { backdrop-filter: var(--cs-blur); }

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
  :root { --cs-glass: #ffffffeb; --cs-side: #fafcfcf0; }
  [data-theme="dark"] { --cs-glass: #181f23f2; --cs-side: #141b1ff5; }
}

@media (prefers-reduced-transparency: reduce) {
  :root { --cs-glass: #fbfcfc; --cs-side: #f6f8f9; }
  [data-theme="dark"] { --cs-glass: #172024; --cs-side: #141b1f; }
  :root { --cs-float: #fbfcfc; --cs-night: #12313a; }
  [data-theme="dark"] { --cs-float: #172024; --cs-night: #0f2a31; }
  .cs-card, .cs-side, .cs-searchpill, .cs-top.cs-is-stuck, .cs-drawer, .cs-modal, .cs-pop, .cs-finder, .cs-night, .cs-tabbar, .cs-scrim { }
}

.cs-app { grid-template-columns: var(--cs-side-w) minmax(0, 1fr); min-height: 100dvh; display: grid; }

html.cs-is-rail .cs-app { grid-template-columns: var(--cs-rail-w) minmax(0, 1fr); }

.cs-main { flex-direction: column; min-width: 0px; padding: 14px 26px 40px 22px; display: flex; }

.cs-view { flex: 1 1 0%; min-width: 0px; }

.cs-side { z-index: 30; background: var(--cs-side); height: 100dvh; color: var(--cs-side-ink); box-shadow: inset -1px 0 0 var(--cs-glass-rim), 1px 0 0 var(--cs-side-line); flex-direction: column; display: flex; position: sticky; top: 0px; overflow: hidden; }

.cs-side__head { align-items: center; gap: 10px; min-height: 72px; padding: 20px 16px 14px 20px; display: flex; }

.cs-brand { flex: 1 1 0%; align-items: center; gap: 10px; min-width: 0px; display: flex; }

.cs-brand__mark { background: var(--cs-side-pill); width: 34px; height: 34px; color: var(--cs-side-pill-ink); border-radius: 11px; flex: 0 0 auto; place-items: center; display: grid; }

.cs-brand__mark svg { width: 20px; height: 20px; }

.cs-brand__name { letter-spacing: -0.02em; font-size: 21px; font-weight: 700; line-height: 1; }

.cs-brand__sub { font-size: var(--cs-fs-2xs); color: var(--cs-side-muted); letter-spacing: 0.02em; margin-top: 3px; font-weight: 600; display: block; }

.cs-side .cs-collapse { width: 32px; height: 32px; color: var(--cs-side-ink); background: var(--cs-side-hover); box-shadow: inset 0 0 0 1px var(--cs-side-rim); border-radius: 10px; flex: 0 0 auto; place-items: center; display: grid; }

.cs-side .cs-collapse:hover { background: var(--cs-side-line); }

.cs-side .cs-collapse svg { width: 18px; height: 18px; }

.cs-side__scroll { scrollbar-width: none; flex: 1 1 0%; padding: 4px 12px 12px; overflow: hidden auto; }

.cs-side__scroll::-webkit-scrollbar { display: none; }

.cs-navgroup + .cs-navgroup { border-top: 1px solid var(--cs-side-line); margin-top: 10px; padding-top: 10px; }

.cs-navgroup__label { font-size: var(--cs-fs-2xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--cs-side-muted); padding: 4px 12px 6px; font-weight: 700; display: block; }

.cs-side__navs { position: relative; }

.cs-nav { flex-direction: column; gap: 2px; display: flex; }

.cs-nav__pill { background: var(--cs-side-pill); pointer-events: none; opacity: 0; filter: drop-shadow(rgba(14, 108, 132, 0.28) 0px 6px 12px); position: absolute; inset: 0px; }

.cs-nav__item { z-index: 1; height: 40px; color: var(--cs-side-muted); font-weight: 600; font-size: var(--cs-fs-md); white-space: nowrap; border-radius: 12px; align-items: center; gap: 12px; padding: 0px 12px; display: flex; position: relative; }

.cs-nav__item:hover { color: var(--cs-side-ink); background: var(--cs-side-hover); }

.cs-nav__item[aria-current="page"], .cs-nav__item.cs-is-on { color: var(--cs-side-pill-ink); background: 0px 0px; }

.cs-nav__item.cs-is-parent-on { color: var(--cs-side-ink); }

.cs-nav__label { text-overflow: ellipsis; flex: 1 1 0%; min-width: 0px; overflow: hidden; }

.cs-nav__count { min-width: 22px; height: 20px; font-size: var(--cs-fs-2xs); background: var(--cs-side-line); color: var(--cs-side-ink); border-radius: 99px; place-items: center; padding: 0px 6px; font-weight: 700; display: grid; }

.cs-nav__item[aria-current="page"] .cs-nav__count { background: var(--cs-side-pill-ink); color: var(--cs-side-pill); }

.cs-nav__count--hot { background: var(--cs-bad); color: rgb(255, 255, 255); }

.cs-nav__chev { opacity: 0.7; width: 16px; height: 16px; }

.cs-subnav { overflow: hidden; }

.cs-subnav__inner { flex-direction: column; gap: 1px; padding: 2px 0px 6px 31px; display: flex; position: relative; }

.cs-subnav__inner::before { content: ""; background: var(--cs-side-line); width: 1px; position: absolute; top: 4px; bottom: 10px; left: 21px; }

.cs-subnav a { height: 34px; color: var(--cs-side-muted); font-size: var(--cs-fs-md); border-radius: 10px; align-items: center; padding: 0px 12px; font-weight: 600; display: flex; }

.cs-subnav a:hover { color: var(--cs-side-ink); background: var(--cs-side-hover); }

.cs-subnav a[aria-current="page"] { color: var(--cs-side-ink); background: var(--cs-side-line); }

.cs-tonight { background: var(--cs-side-2); box-shadow: inset 0 0 0 1px var(--cs-side-line); border-radius: 16px; grid-template-columns: auto 1fr; align-items: center; gap: 2px 10px; margin: 0px 12px 10px; padding: 12px 14px; display: grid; }

.cs-tonight__dot { background: var(--cs-accent); width: 10px; height: 10px; box-shadow: 0 0 0 4px var(--cs-accent-soft); border-radius: 50%; grid-row: span 2; animation: 2.6s ease-in-out 0s infinite normal none running cs-breathe; }

@keyframes cs-breathe { 
  50% { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 7px; }
}

.cs-tonight__dot.cs-is-closed { background: var(--cs-warn); box-shadow: 0 0 0 4px var(--cs-warn-soft); }

.cs-tonight b { font-size: var(--cs-fs-md); font-weight: 600; }

.cs-tonight span { font-size: var(--cs-fs-xs); color: var(--cs-side-muted); }

.cs-me { text-align: left; border-radius: 16px; align-items: center; gap: 10px; margin: 0px 12px 14px; padding: 8px; display: flex; }

.cs-me:hover { background: var(--cs-side-hover); }

.cs-me__text { flex: 1 1 0%; min-width: 0px; }

.cs-me__text b { font-size: var(--cs-fs-md); white-space: nowrap; text-overflow: ellipsis; font-weight: 600; display: block; overflow: hidden; }

.cs-me__text span { font-size: var(--cs-fs-xs); color: var(--cs-side-muted); white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; }

.cs-me > svg { color: var(--cs-side-muted); }

html.cs-is-rail .cs-side__head { flex-direction: column; gap: 12px; padding: 18px 0px 10px; }

html.cs-is-rail .cs-brand { flex: 0 0 auto; }

html.cs-is-rail .cs-brand__text, html.cs-is-rail .cs-nav__label, html.cs-is-rail .cs-nav__chev, html.cs-is-rail .cs-navgroup__label, html.cs-is-rail .cs-subnav, html.cs-is-rail .cs-tonight > :not(.cs-tonight__dot), html.cs-is-rail .cs-me__text, html.cs-is-rail .cs-me > svg { display: none; }

html.cs-is-rail .cs-side .cs-collapse svg { transform: scaleX(-1); }

html.cs-is-rail .cs-side__scroll { padding: 4px 13px 12px; }

html.cs-is-rail .cs-navgroup__label { height: 1px; padding: 0px; display: block; overflow: hidden; }

html.cs-is-rail .cs-nav__item { justify-content: center; padding: 0px; }

html.cs-is-rail .cs-nav__count { background: var(--cs-accent); width: 9px; min-width: 9px; height: 9px; padding: 0px; font-size: 0px; position: absolute; top: 5px; right: 6px; }

html.cs-is-rail .cs-tonight { grid-template-columns: 1fr; place-items: center; width: 48px; height: 48px; margin: 0px auto 10px; padding: 0px; }

html.cs-is-rail .cs-tonight__dot { grid-row: auto; }

html.cs-is-rail .cs-me { justify-content: center; margin: 0px auto 14px; }

.cs-tip { z-index: 90; pointer-events: none; background: var(--cs-ink); color: var(--cs-bg); font-size: var(--cs-fs-sm); white-space: nowrap; box-shadow: var(--cs-shadow); border-radius: 9px; padding: 6px 10px; font-weight: 600; position: fixed; }

.cs-top { z-index: 20; background: 0px 0px; align-items: center; gap: 10px; min-height: 64px; margin: -14px -26px 6px -22px; padding: 12px 26px 10px 22px; display: flex; position: sticky; top: 0px; }

.cs-top.cs-is-stuck { background: color-mix(in srgb, var(--cs-bg) 62%, transparent); }

.cs-top::after { content: ""; background: var(--cs-line); opacity: 0; height: 1px; position: absolute; bottom: 0px; left: 22px; right: 26px; }

.cs-top.cs-is-stuck::after { opacity: 1; }

.cs-crumbs { min-width: 0px; font-size: var(--cs-fs-sm); color: var(--cs-muted); white-space: nowrap; align-items: center; gap: 8px; font-weight: 600; display: flex; }

.cs-crumbs b { color: var(--cs-ink); text-overflow: ellipsis; font-weight: 600; overflow: hidden; }

.cs-crumbs svg { width: 14px; height: 14px; color: var(--cs-accent); }

.cs-top .cs-top__menu, .cs-top .cs-top__mark { display: none; }

.cs-top__spacer { flex: 1 1 0%; }

.cs-top__title { display: none; }

.cs-searchpill { background: var(--cs-glass); width: min(380px, 34vw); height: 42px; box-shadow: inset 0 1px 0 var(--cs-glass-rim), inset 0 0 0 1px var(--cs-glass-edge), var(--cs-shadow); color: var(--cs-muted); font-size: var(--cs-fs-md); border-radius: 13px; align-items: center; gap: 10px; padding: 0px 8px 0px 14px; font-weight: 500; display: flex; }

.cs-searchpill:hover { color: var(--cs-ink); }

.cs-searchpill > span:not(.cs-kbd) { text-align: left; white-space: nowrap; text-overflow: ellipsis; flex: 1 1 0%; overflow: hidden; }

.cs-kbd { background: var(--cs-card-2); min-width: 26px; height: 24px; box-shadow: inset 0 0 0 1px var(--cs-line); font-size: var(--cs-fs-2xs); color: var(--cs-muted); border-radius: 7px; place-items: center; padding: 0px 6px; font-weight: 700; display: inline-grid; }

.cs-ibtn { background: var(--cs-glass); width: 42px; height: 42px; color: var(--cs-ink); box-shadow: inset 0 1px 0 var(--cs-glass-rim), inset 0 0 0 1px var(--cs-glass-edge), var(--cs-shadow); border-radius: 13px; flex: 0 0 auto; place-items: center; display: grid; position: relative; }

.cs-ibtn:hover { background: var(--cs-card); }

.cs-ibtn--flat { box-shadow: none; background: 0px 0px; }

.cs-ibtn--flat:hover { background: var(--cs-card-2); }

.cs-ibtn--sm { border-radius: 10px; width: 34px; height: 34px; }

.cs-ibtn__badge { background: var(--cs-accent); min-width: 17px; height: 17px; color: var(--cs-accent-ink); box-shadow: 0 0 0 2px var(--cs-card); border-radius: 99px; place-items: center; padding: 0px 4px; font-size: 10px; font-weight: 700; display: grid; position: absolute; top: 6px; right: 6px; }

.cs-btn { height: 40px; font-size: var(--cs-fs-md); white-space: nowrap; background: var(--cs-glass); color: var(--cs-ink); box-shadow: inset 0 1px 0 var(--cs-glass-rim), inset 0 0 0 1px var(--cs-line-2); border-radius: 12px; justify-content: center; align-items: center; gap: 8px; padding: 0px 16px; font-weight: 600; display: inline-flex; }

.cs-btn:hover { background: var(--cs-card); }

.cs-btn svg { width: 18px; height: 18px; }

.cs-btn--primary { background: var(--cs-accent); color: var(--cs-accent-ink); box-shadow: inset 0 1px 0 #ffffff38, 0 8px 18px -8px var(--cs-accent); }

.cs-btn--primary:hover { background: var(--cs-accent-hi); }

.cs-btn--dark { background: var(--cs-ink); color: var(--cs-bg); box-shadow: none; }

.cs-btn--dark:hover { background: var(--cs-ink-2); }

.cs-btn--ghost { box-shadow: none; background: 0px 0px; }

.cs-btn--ghost:hover { background: var(--cs-card-2); }

.cs-btn--danger { color: var(--cs-bad); }

.cs-btn--sm { height: 32px; font-size: var(--cs-fs-sm); border-radius: 10px; padding: 0px 12px; }

.cs-btn--sm svg { width: 16px; height: 16px; }

.cs-btn--lg { height: 52px; font-size: var(--cs-fs-lg); border-radius: 15px; padding: 0px 22px; }

.cs-btn:disabled { opacity: 0.45; cursor: not-allowed; }

.cs-btn--block { width: 100%; }

.cs-linkbtn { color: var(--cs-accent-text); font-weight: 600; font-size: var(--cs-fs-sm); }

.cs-linkbtn:hover { text-underline-offset: 3px; text-decoration: underline; }

.cs-phead { flex-wrap: wrap; align-items: flex-end; gap: 16px; margin: 10px 0px 20px; display: flex; }

.cs-phead__text { flex: 1 1 260px; min-width: 0px; }

.cs-phead h1 { letter-spacing: -0.025em; font-size: clamp(28px, 2.6vw, 38px); font-weight: 600; line-height: 1.04; }

.cs-phead p { color: var(--cs-muted); font-size: var(--cs-fs-base); max-width: 70ch; margin-top: 8px; }

.cs-phead__actions { flex-wrap: wrap; align-items: center; gap: 8px; display: flex; }

.cs-card { background: radial-gradient(120% 80% at 0% 0%, var(--cs-glass-hi), transparent 55%), var(--cs-glass); border-radius: var(--cs-r-lg); min-width: 0px; box-shadow: inset 0 1px 0 var(--cs-glass-rim), inset 0 0 0 1px var(--cs-glass-edge), var(--cs-shadow); padding: 18px 20px 20px; position: relative; }

.cs-card--flush { padding: 0px; }

.cs-card--well { background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); }

.cs-chead { flex-wrap: wrap; align-items: center; gap: 10px; min-height: 32px; margin-bottom: 14px; display: flex; }

.cs-chead__text { flex: 1 1 180px; min-width: 0px; }

.cs-chead h2, .cs-chead h3 { font-size: var(--cs-fs-lg); letter-spacing: -0.005em; font-weight: 600; line-height: 1.25; }

.cs-chead p { font-size: var(--cs-fs-sm); color: var(--cs-muted); margin-top: 2px; }

.cs-card--flush .cs-chead { padding: 16px 20px 0px; }

.cs-grid { gap: var(--cs-gap); display: grid; }

.cs-kpis { gap: var(--cs-gap); grid-template-columns: repeat(4, minmax(0px, 1fr)); display: grid; }

.cs-kpi { border-radius: var(--cs-r-lg); color: var(--cs-tile-ink); background: var(--cs-tile-slate); flex-direction: column; min-height: 128px; padding: 16px 18px 14px; display: flex; position: relative; overflow: hidden; }

.cs-kpi--slate { background: var(--cs-tile-slate); }

.cs-kpi--gold, .cs-kpi--aqua { background: var(--cs-tile-aqua); }

.cs-kpi--sage { background: var(--cs-tile-sage); }

.cs-kpi--peach { background: var(--cs-tile-peach); }

.cs-kpi__label { font-size: var(--cs-fs-sm); color: var(--cs-tile-muted); align-items: center; gap: 8px; font-weight: 600; display: flex; }

.cs-kpi__label svg { width: 17px; height: 17px; }

.cs-kpi__value { font-size: var(--cs-fs-3xl); letter-spacing: -0.01em; margin-top: 10px; font-weight: 600; line-height: 1.1; }

.cs-kpi__foot { font-size: var(--cs-fs-xs); color: var(--cs-tile-muted); align-items: flex-end; gap: 8px; margin-top: auto; padding-top: 8px; font-weight: 600; display: flex; }

.cs-kpi__foot .cs-spark { width: 92px; height: 30px; margin-left: auto; }

.cs-delta { white-space: nowrap; font-size: var(--cs-fs-2xs); border-radius: 99px; align-items: center; gap: 2px; padding: 2px 7px; font-weight: 700; display: inline-flex; }

.cs-delta--up { color: var(--cs-good); background: var(--cs-good-soft); }

.cs-delta--down { color: var(--cs-bad); background: var(--cs-bad-soft); }

.cs-kpi .cs-delta--up { color: rgb(28, 101, 65); background: rgba(255, 255, 255, 0.55); }

.cs-kpi .cs-delta--down { color: rgb(156, 31, 51); background: rgba(255, 255, 255, 0.55); }

[data-theme="dark"] .cs-kpi .cs-delta--up { color: rgb(143, 220, 177); background: rgba(0, 0, 0, 0.25); }

[data-theme="dark"] .cs-kpi .cs-delta--down { color: rgb(247, 167, 182); background: rgba(0, 0, 0, 0.25); }

.cs-spark { display: block; overflow: visible; }

.cs-spark path { fill: none; stroke: currentcolor; stroke-width: 1.8px; stroke-linecap: round; stroke-linejoin: round; }

.cs-spark .cs-spark__area { stroke: none; fill: currentcolor; opacity: 0.14; }

.cs-pill { height: 24px; font-size: var(--cs-fs-xs); white-space: nowrap; background: var(--cs-card-3); color: var(--cs-ink-2); border-radius: 99px; align-items: center; gap: 6px; padding: 0px 9px; font-weight: 600; display: inline-flex; }

.cs-pill::before { content: ""; background: currentcolor; border-radius: 50%; width: 6px; height: 6px; }

.cs-pill--plain::before { display: none; }

.cs-pill--good { background: var(--cs-good-soft); color: var(--cs-good); }

.cs-pill--warn { background: var(--cs-warn-soft); color: var(--cs-warn); }

.cs-pill--bad { background: var(--cs-bad-soft); color: var(--cs-bad); }

.cs-pill--info { background: var(--cs-info-soft); color: var(--cs-info); }

.cs-pill--accent { background: var(--cs-accent-soft); color: var(--cs-accent-text); }

.cs-badge { min-width: 20px; height: 20px; font-size: var(--cs-fs-2xs); background: var(--cs-card-3); color: var(--cs-ink-2); border-radius: 99px; place-items: center; padding: 0px 6px; font-weight: 700; display: inline-grid; }

.cs-chips { flex-wrap: wrap; gap: 6px; display: flex; }

.cs-chip { height: 32px; font-size: var(--cs-fs-sm); color: var(--cs-muted); background: var(--cs-glass); box-shadow: inset 0 0 0 1px var(--cs-line); white-space: nowrap; border-radius: 10px; align-items: center; gap: 6px; padding: 0px 12px; font-weight: 600; display: inline-flex; }

.cs-chip:hover { color: var(--cs-ink); }

.cs-chip[aria-pressed="true"] { color: var(--cs-accent-ink); background: var(--cs-accent); box-shadow: none; }

.cs-chip .cs-badge { min-width: 18px; height: 18px; color: inherit; background: rgba(0, 0, 0, 0.06); }

.cs-chip[aria-pressed="true"] .cs-badge { background: rgba(255, 255, 255, 0.22); }

.cs-av { width: 34px; height: 34px; font-size: var(--cs-fs-xs); color: var(--cs-mono-ink); background: rgb(214, 226, 230); border-radius: 50%; flex: 0 0 auto; place-items: center; font-weight: 700; display: grid; position: relative; }

.cs-av img { object-fit: cover; width: 100%; height: 100%; }

.cs-av--sm { letter-spacing: -0.02em; width: 26px; height: 26px; font-size: 9.5px; }

.cs-av--lg { width: 48px; height: 48px; font-size: var(--cs-fs-lg); }

.cs-av--xl { width: 72px; height: 72px; font-size: var(--cs-fs-3xl); }

.cs-av__dot { background: var(--cs-good); width: 10px; height: 10px; box-shadow: 0 0 0 2px var(--cs-card); border-radius: 50%; position: absolute; bottom: -1px; right: -1px; }

.cs-avstack { display: flex; }

.cs-avstack > * + * { box-shadow: 0 0 0 2px var(--cs-card); margin-left: -8px; }

.cs-seg { background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 12px; padding: 3px; display: inline-flex; position: relative; }

.cs-seg__thumb { background: var(--cs-card); pointer-events: none; opacity: 0; filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 1px 2px); position: absolute; inset: 0px; }

[data-theme="dark"] .cs-seg__thumb { background: var(--cs-card-3); }

.cs-seg--accent .cs-seg__thumb { background: var(--cs-accent); filter: none; }

.cs-seg--accent button[aria-pressed="true"] { color: var(--cs-accent-ink); }

.cs-seg button { z-index: 1; height: 30px; font-size: var(--cs-fs-sm); color: var(--cs-muted); white-space: nowrap; border-radius: 9px; align-items: center; gap: 6px; padding: 0px 12px; font-weight: 600; display: inline-flex; position: relative; }

.cs-seg button[aria-pressed="true"] { color: var(--cs-ink); }

.cs-seg button svg { width: 16px; height: 16px; }

.cs-tabs { border-bottom: 1px solid var(--cs-line); scrollbar-width: none; gap: 4px; margin-bottom: 20px; display: flex; position: relative; overflow-x: auto; }

.cs-tabs::-webkit-scrollbar { display: none; }

.cs-tabs a, .cs-tabs button { height: 42px; font-size: var(--cs-fs-md); color: var(--cs-muted); white-space: nowrap; align-items: center; gap: 8px; padding: 0px 12px; font-weight: 600; display: inline-flex; position: relative; }

.cs-tabs a:hover, .cs-tabs button:hover, .cs-tabs [aria-current="page"], .cs-tabs [aria-selected="true"] { color: var(--cs-ink); }

.cs-tabs__line { background: var(--cs-accent); pointer-events: none; opacity: 0; height: 2px; position: absolute; bottom: 0px; left: 0px; right: 0px; }

.cs-table-wrap { position: relative; overflow-x: auto; }

.cs-table { border-collapse: collapse; width: 100%; font-size: var(--cs-fs-md); }

.cs-table th { text-align: left; font-size: var(--cs-fs-xs); color: var(--cs-muted); white-space: nowrap; border-bottom: 1px solid var(--cs-line); padding: 10px 14px; font-weight: 600; }

.cs-table th button { color: inherit; align-items: center; gap: 4px; font-weight: 600; display: inline-flex; }

.cs-table th button:hover { color: var(--cs-ink); }

.cs-table th .cs-ico { width: 14px; height: 14px; }

.cs-table td { border-bottom: 1px solid var(--cs-line); vertical-align: middle; padding: 11px 14px; font-weight: 600; }

.cs-table tr:last-child td { border-bottom: 0px; }

.cs-table tbody tr { cursor: default; }

.cs-table tbody tr.cs-is-click { cursor: pointer; }

.cs-table tbody tr.cs-is-click:hover td { background: var(--cs-card-2); }

.cs-table .cs-r { text-align: right; }

.cs-table td.cs-muted { font-weight: 500; }

.cs-cell { align-items: center; gap: 10px; min-width: 0px; display: flex; }

.cs-cell__text { min-width: 0px; }

.cs-cell__text b { white-space: nowrap; text-overflow: ellipsis; font-weight: 600; display: block; overflow: hidden; }

.cs-cell__text small { color: var(--cs-muted); white-space: nowrap; text-overflow: ellipsis; font-weight: 500; display: block; overflow: hidden; }

.cs-level { background: var(--cs-card-3); border-radius: 6px; min-width: 70px; height: 6px; position: relative; overflow: hidden; }

.cs-level i { border-radius: inherit; background: var(--cs-good); transform-origin: 0px center; position: absolute; inset: 0px; }

.cs-level.cs-is-low i { background: var(--cs-warn); }

.cs-level.cs-is-out i { background: var(--cs-bad); }

.cs-field { flex-direction: column; gap: 6px; min-width: 0px; display: flex; }

.cs-field > span { font-size: var(--cs-fs-sm); color: var(--cs-ink-2); font-weight: 600; }

.cs-field small { color: var(--cs-muted); }

.cs-field small.cs-bad { color: var(--cs-bad); }

.cs-input, .cs-select, .cs-textarea { width: 100%; height: 42px; box-shadow: inset 0 0 0 1px var(--cs-line-2); font-size: var(--cs-fs-base); background: rgba(255, 255, 255, 0.6); border: 0px; border-radius: 12px; padding: 0px 13px; font-weight: 500; }

.cs-textarea { resize: vertical; height: auto; min-height: 96px; padding: 11px 13px; line-height: 1.5; }

[data-theme="dark"] .cs-input, [data-theme="dark"] .cs-select, [data-theme="dark"] .cs-textarea { background: rgba(255, 255, 255, 0.05); }

.cs-input:focus, .cs-select:focus, .cs-textarea:focus { box-shadow: inset 0 0 0 1.5px var(--cs-accent), 0 0 0 4px var(--cs-accent-soft); }

.cs-input.cs-is-bad { box-shadow: inset 0 0 0 1.5px var(--cs-bad); }

.cs-select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--cs-muted) 50%), linear-gradient(135deg, var(--cs-muted) 50%, transparent 50%); background-position: right 17px center, right 12px center; background-repeat: no-repeat; background-size: 5px 5px; padding-right: 34px; }

.cs-inwrap { align-items: center; display: flex; position: relative; }

.cs-inwrap > .cs-ico { width: 18px; height: 18px; color: var(--cs-muted); pointer-events: none; position: absolute; left: 12px; }

.cs-inwrap .cs-input { padding-left: 38px; }

.cs-formgrid { grid-template-columns: 1fr 1fr; gap: 14px; display: grid; }

.cs-formgrid .cs-span2 { grid-column: 1 / -1; }

.cs-switch { background: var(--cs-card-3); width: 42px; height: 24px; box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 99px; flex: 0 0 auto; position: relative; }

.cs-switch i { background: rgb(255, 255, 255); border-radius: 50%; width: 18px; height: 18px; position: absolute; top: 3px; left: 3px; box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px; }

.cs-switch[aria-checked="true"] { background: var(--cs-accent); box-shadow: none; }

.cs-check { width: 20px; height: 20px; box-shadow: inset 0 0 0 1.5px var(--cs-line-2); background: var(--cs-card); border-radius: 6px; flex: 0 0 auto; place-items: center; display: grid; }

.cs-check svg { stroke-width: 2.4px; opacity: 0; width: 14px; height: 14px; }

.cs-check[aria-checked="true"] { background: var(--cs-accent); color: var(--cs-accent-ink); box-shadow: none; }

.cs-check[aria-checked="true"] svg { opacity: 1; }

.cs-row-set { border-bottom: 1px solid var(--cs-line); align-items: center; gap: 14px; padding: 14px 0px; display: flex; }

.cs-row-set:last-child { border-bottom: 0px; }

.cs-row-set__text { flex: 1 1 0%; min-width: 0px; }

.cs-row-set__text b { font-weight: 600; display: block; }

.cs-row-set__text small { color: var(--cs-muted); font-size: var(--cs-fs-sm); }

.cs-stepper { background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 11px; align-items: center; gap: 2px; padding: 3px; display: inline-flex; }

.cs-stepper button { width: 28px; height: 28px; color: var(--cs-ink); border-radius: 8px; place-items: center; display: grid; }

.cs-stepper button:hover { background: var(--cs-card); }

.cs-stepper button svg { width: 15px; height: 15px; }

.cs-stepper button.cs-is-add { background: var(--cs-accent); color: var(--cs-accent-ink); }

.cs-stepper output { text-align: center; min-width: 26px; font-weight: 700; font-size: var(--cs-fs-md); }

.cs-empty { text-align: center; color: var(--cs-muted); flex-direction: column; align-items: center; gap: 8px; padding: 40px 20px; display: flex; }

.cs-empty__icon { background: var(--cs-card-2); width: 52px; height: 52px; color: var(--cs-ink-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 16px; place-items: center; margin-bottom: 4px; display: grid; }

.cs-empty b { color: var(--cs-ink); font-size: var(--cs-fs-lg); font-weight: 600; }

.cs-empty p { max-width: 36ch; font-size: var(--cs-fs-sm); }

.cs-scrim { z-index: 60; backdrop-filter: blur(3px); background: rgba(15, 30, 36, 0.28); position: fixed; inset: 0px; }

[data-theme="dark"] .cs-scrim { background: rgba(0, 0, 0, 0.55); }

.cs-drawer { z-index: 61; background: var(--cs-float); width: min(480px, -20px + 100vw); backdrop-filter: var(--cs-blur); border-radius: var(--cs-r-xl); box-shadow: var(--cs-shadow-lg), inset 0 1px 0 var(--cs-glass-rim), inset 0 0 0 1px var(--cs-line); flex-direction: column; display: flex; position: fixed; top: 10px; bottom: 10px; right: 10px; overflow: hidden; }

.cs-drawer__head { border-bottom: 1px solid var(--cs-line); align-items: flex-start; gap: 12px; padding: 20px 20px 14px 24px; display: flex; }

.cs-drawer__head h2 { font-size: var(--cs-fs-3xl); letter-spacing: -0.02em; font-weight: 700; line-height: 1.15; }

.cs-drawer__head p { color: var(--cs-muted); font-size: var(--cs-fs-sm); margin-top: 4px; }

.cs-drawer__body { flex: 1 1 0%; padding: 20px 24px 28px; overflow-y: auto; }

.cs-drawer__foot { border-top: 1px solid var(--cs-line); justify-content: flex-end; gap: 8px; padding: 14px 20px; display: flex; }

.cs-modal-wrap { z-index: 62; pointer-events: none; place-items: center; padding: 20px; display: grid; position: fixed; inset: 0px; }

.cs-modal { pointer-events: auto; background: var(--cs-float); width: min(520px, 100%); max-height: calc(100dvh - 40px); backdrop-filter: var(--cs-blur); border-radius: var(--cs-r-xl); box-shadow: var(--cs-shadow-lg), inset 0 1px 0 var(--cs-glass-rim), inset 0 0 0 1px var(--cs-line); flex-direction: column; display: flex; overflow: hidden; }

.cs-modal--wide { width: min(760px, 100%); }

.cs-modal__head { align-items: flex-start; gap: 12px; padding: 22px 22px 6px 24px; display: flex; }

.cs-modal__head h2 { font-size: var(--cs-fs-2xl); letter-spacing: -0.015em; font-weight: 700; }

.cs-modal__head p { color: var(--cs-muted); font-size: var(--cs-fs-sm); margin-top: 4px; }

.cs-modal__body { padding: 14px 24px 22px; overflow-y: auto; }

.cs-modal__foot { justify-content: flex-end; gap: 8px; padding: 14px 22px 20px; display: flex; }

.cs-pop { z-index: 70; background: var(--cs-float); min-width: 220px; max-width: calc(-20px + 100vw); backdrop-filter: var(--cs-blur); box-shadow: var(--cs-shadow-lg), inset 0 1px 0 var(--cs-glass-rim), inset 0 0 0 1px var(--cs-line-2); border-radius: 16px; padding: 6px; position: fixed; }

.cs-menu__item { width: 100%; height: 38px; font-size: var(--cs-fs-md); text-align: left; white-space: nowrap; border-radius: 10px; align-items: center; gap: 10px; padding: 0px 10px; font-weight: 600; display: flex; }

.cs-menu__item:hover, .cs-menu__item:focus-visible { background: var(--cs-card-2); outline: none; }

.cs-menu__item svg { width: 18px; height: 18px; color: var(--cs-muted); }

.cs-menu__item .cs-kbd { margin-left: auto; }

.cs-menu__item--danger, .cs-menu__item--danger svg { color: var(--cs-bad); }

.cs-menu__sep { background: var(--cs-line); height: 1px; margin: 6px 4px; }

.cs-menu__label { font-size: var(--cs-fs-2xs); letter-spacing: 0.06em; text-transform: uppercase; color: var(--cs-muted); padding: 8px 10px 4px; font-weight: 700; }

.cs-toasts { z-index: 80; pointer-events: none; flex-direction: column; gap: 8px; width: min(440px, -24px + 100vw); margin-left: max(-220px, 12px - 50vw); display: flex; position: fixed; bottom: 22px; left: 50%; }

.cs-toast { pointer-events: auto; background: var(--cs-ink); color: var(--cs-bg); box-shadow: var(--cs-shadow-lg); font-size: var(--cs-fs-md); border-radius: 15px; align-items: center; gap: 12px; padding: 12px 12px 12px 16px; font-weight: 600; display: flex; }

.cs-toast > svg { color: rgb(143, 211, 173); width: 18px; height: 18px; }

[data-theme="dark"] .cs-toast > svg { color: var(--cs-good); }

.cs-toast.cs-is-warn > svg { color: rgb(240, 184, 96); }

.cs-toast span { flex: 1 1 0%; }

.cs-toast button { height: 30px; font-weight: 700; font-size: var(--cs-fs-sm); background: rgba(255, 255, 255, 0.14); border-radius: 9px; padding: 0px 12px; }

[data-theme="dark"] .cs-toast button { background: rgba(0, 0, 0, 0.1); }

.cs-float-up { z-index: 85; pointer-events: none; font-weight: 700; font-size: var(--cs-fs-lg); color: var(--cs-good); white-space: nowrap; position: fixed; }

.cs-is-flash { animation: cs-flash 1s var(--cs-ease); }

@keyframes cs-flash { 
  0% { color: var(--cs-accent); }
  100% { color: inherit; }
}

.cs-finder { z-index: 75; background: var(--cs-float); width: min(620px, -24px + 100vw); backdrop-filter: var(--cs-blur); box-shadow: var(--cs-shadow-lg), inset 0 0 0 1px var(--cs-line-2); border-radius: 22px; margin-left: max(-310px, 12px - 50vw); position: fixed; top: 12vh; left: 50%; overflow: hidden; }

.cs-finder__in { border-bottom: 1px solid var(--cs-line); align-items: center; gap: 10px; height: 60px; padding: 0px 16px; display: flex; }

.cs-finder__in input { font-size: var(--cs-fs-xl); background: 0px 0px; border: 0px; flex: 1 1 0%; min-width: 0px; height: 100%; font-weight: 500; }

.cs-finder__in input:focus-visible { outline: none; }

.cs-finder__list { max-height: min(56vh, 460px); padding: 8px; overflow-y: auto; }

.cs-finder__group { font-size: var(--cs-fs-2xs); letter-spacing: 0.06em; text-transform: uppercase; color: var(--cs-muted); padding: 10px 10px 4px; font-weight: 700; }

.cs-finder__item { text-align: left; border-radius: 12px; align-items: center; gap: 12px; width: 100%; padding: 8px 10px; display: flex; }

.cs-finder__item[aria-selected="true"] { background: var(--cs-card-2); }

.cs-finder__item .cs-cell__text { flex: 1 1 0%; }

.cs-finder__item > svg { width: 18px; height: 18px; color: var(--cs-muted); }

.cs-finder__ico { background: var(--cs-card-2); width: 36px; height: 36px; color: var(--cs-ink-2); border-radius: 10px; flex: 0 0 auto; place-items: center; display: grid; }

.cs-finder__foot { border-top: 1px solid var(--cs-line); font-size: var(--cs-fs-xs); color: var(--cs-muted); gap: 14px; padding: 10px 16px; display: flex; }

.cs-notices { width: min(380px, -20px + 100vw); padding: 0px; overflow: hidden; }

.cs-notices__head { align-items: center; padding: 14px 16px 10px; display: flex; }

.cs-notices__head b { font-size: var(--cs-fs-lg); flex: 1 1 0%; font-weight: 600; }

.cs-notices__list { max-height: 420px; padding: 0px 6px 6px; overflow-y: auto; }

.cs-notice { text-align: left; border-radius: 12px; gap: 12px; width: 100%; padding: 10px; display: flex; }

.cs-notice:hover { background: var(--cs-card-2); }

.cs-notice__ico { border-radius: 10px; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; display: grid; }

.cs-notice__ico svg { width: 18px; height: 18px; }

.cs-notice__text { flex: 1 1 0%; min-width: 0px; }

.cs-notice__text b { font-size: var(--cs-fs-md); font-weight: 600; display: block; }

.cs-notice__text p { font-size: var(--cs-fs-sm); color: var(--cs-muted); }

.cs-notice__text small { color: var(--cs-muted); }

.cs-notice.cs-is-unread .cs-notice__text b::after { content: ""; background: var(--cs-accent); vertical-align: middle; border-radius: 50%; width: 7px; height: 7px; margin-left: 6px; display: inline-block; }

.cs-signin { z-index: 95; background: radial-gradient(55% 60% at 4% 104%, var(--cs-wash-a), transparent 70%), radial-gradient(45% 55% at 102% 78%, var(--cs-wash-b), transparent 72%), var(--cs-bg); place-items: center; padding: 20px; display: grid; position: fixed; inset: 0px; }

.cs-signin__card { text-align: center; width: min(400px, 100%); }

.cs-signin__card .cs-brand__mark { background: var(--cs-accent); width: 52px; height: 52px; color: var(--cs-accent-ink); border-radius: 16px; margin: 0px auto 18px; }

.cs-signin__card .cs-brand__mark svg { width: 28px; height: 28px; }

.cs-signin__card h1 { letter-spacing: -0.025em; font-size: 30px; font-weight: 600; }

.cs-signin__card > p { color: var(--cs-muted); margin: 6px 0px 24px; }

.cs-signin__form { text-align: left; gap: 14px; margin-bottom: 16px; display: grid; }

.cs-signin__form .cs-btn { margin-top: 4px; }

.cs-signin__card > small { display: block; }

.cs-tabbar { display: none; }

.cs-formfoot { justify-content: flex-end; gap: 8px; margin-top: 20px; display: flex; }

.cs-keys .cs-row-set { padding: 10px 0px; }

.cs-charttip { z-index: 5; pointer-events: none; white-space: nowrap; background: var(--cs-ink); color: var(--cs-bg); box-shadow: var(--cs-shadow); border-radius: 10px; flex-direction: column; gap: 1px; padding: 7px 10px; display: flex; position: absolute; transform: translate(-50%); }

.cs-charttip b { font-size: var(--cs-fs-md); font-weight: 700; }

.cs-charttip small { font-size: var(--cs-fs-2xs); opacity: 0.75; font-weight: 600; }

.cs-bars { padding: 4px 0px 26px 44px; position: relative; }

.cs-bars__grid { pointer-events: none; flex-direction: column; justify-content: space-between; display: flex; position: absolute; inset: 4px 0px 26px; }

.cs-bars__grid div { border-top: 1px dashed var(--cs-line-2); height: 0px; position: relative; }

.cs-bars__grid div:last-child { border-top-style: solid; border-color: var(--cs-line-2); }

.cs-bars__grid span { font-size: var(--cs-fs-2xs); color: var(--cs-muted); font-weight: 600; position: absolute; top: -8px; left: 0px; }

.cs-bars__cols { align-items: stretch; gap: 6px; height: 100%; display: flex; position: relative; }

.cs-bars__col { flex-direction: column; flex: 1 1 0%; align-items: center; min-width: 0px; display: flex; position: relative; }

.cs-bars__track { flex: 1 1 0%; justify-content: center; align-items: flex-end; width: 100%; max-width: 46px; display: flex; position: relative; }

.cs-bars__bar, .cs-bars__ghost { transform-origin: 50% 100%; border-radius: 8px 8px 3px 3px; height: 100%; position: absolute; bottom: 0px; }

.cs-bars__bar { background: var(--cs-accent); opacity: 0.9; left: 18%; right: 18%; }

.cs-bars__ghost { background: var(--cs-card-3); left: 4%; right: 4%; }

.cs-bars__col.cs-is-hi .cs-bars__bar { opacity: 1; background: var(--cs-accent); box-shadow: 0 6px 14px -6px var(--cs-accent); }

.cs-bars__col:not(.cs-is-hi) .cs-bars__bar { background: color-mix(in oklab, var(--cs-accent) 62%, var(--cs-card)); }

.cs-bars__col.cs-is-tip .cs-bars__bar { background: var(--cs-accent); }

.cs-bars__label { font-size: var(--cs-fs-2xs); color: var(--cs-muted); white-space: nowrap; font-weight: 600; position: absolute; bottom: -22px; }

.cs-bars__col.cs-is-hi .cs-bars__label { color: var(--cs-accent-text); font-weight: 700; }

.cs-bars .cs-charttip { left: 50%; }

.cs-bars--compact { padding-left: 0px; }

.cs-bars--compact .cs-bars__grid span { display: none; }

.cs-area { padding-left: 46px; position: relative; }

.cs-area__grid { pointer-events: none; flex-direction: column; justify-content: space-between; display: flex; position: absolute; left: 0px; right: 0px; }

.cs-area__grid div { border-top: 1px dashed var(--cs-line-2); height: 0px; position: relative; }

.cs-area__grid div:last-child { border-top-style: solid; }

.cs-area__grid span { font-size: var(--cs-fs-2xs); color: var(--cs-muted); font-weight: 600; position: absolute; top: -8px; left: 0px; }

.cs-area__svg { touch-action: pan-y; display: block; position: relative; overflow: visible; }

.cs-area__line { fill: none; stroke: var(--cs-accent); stroke-width: 2.4px; stroke-linecap: round; stroke-linejoin: round; }

.cs-area__cmp { fill: none; stroke: var(--cs-muted); stroke-width: 1.6px; stroke-dasharray: 4, 5; opacity: 0.7; }

.cs-area__cursor { stroke: var(--cs-line-2); stroke-width: 1px; }

.cs-area__dot { fill: var(--cs-card); stroke: var(--cs-accent); stroke-width: 2.5px; }

.cs-area__x { height: 20px; position: absolute; bottom: 0px; left: 46px; right: 0px; }

.cs-area__x span { font-size: var(--cs-fs-2xs); color: var(--cs-muted); white-space: nowrap; font-weight: 600; position: absolute; transform: translate(-50%); }

.cs-area__x span:first-child { transform: none; }

.cs-area__x span:last-child { transform: translate(-100%); }

.cs-area .cs-charttip { transform: translate(-50%); }

.cs-heat { align-items: center; gap: 4px; display: grid; }

.cs-heat__col { text-align: center; font-size: var(--cs-fs-2xs); color: var(--cs-muted); font-weight: 600; }

.cs-heat__row { font-size: var(--cs-fs-xs); color: var(--cs-muted); padding-right: 8px; font-weight: 600; }

.cs-heat__cell { aspect-ratio: 1.5 / 1; position: relative; }

.cs-heat__cell i { border-radius: 6px; position: absolute; inset: 0px; }

.cs-heat__cell.cs-is-peak i { box-shadow: 0 0 0 2px var(--cs-card), 0 0 0 4px var(--cs-accent); }

.cs-heat__cell .cs-charttip { bottom: calc(100% + 6px); left: 50%; }

.cs-legend { font-size: var(--cs-fs-sm); color: var(--cs-muted); flex-wrap: wrap; gap: 6px 14px; font-weight: 600; display: flex; }

.cs-legend span { align-items: center; gap: 6px; display: inline-flex; }

.cs-legend i { background: var(--cs-accent); border-radius: 3px; width: 10px; height: 10px; }

.cs-legend i.cs-is-ghost { background: var(--cs-card-3); }

.cs-legend i.cs-is-dash { border-top: 2px dashed var(--cs-muted); border-radius: 0px; width: 14px; height: 0px; }

.cs-steps { grid-auto-columns: minmax(0px, 1fr); grid-auto-flow: column; margin: 0px; padding: 0px; list-style: none; display: grid; position: relative; }

.cs-steps__rail { left: calc(50% / var(--cs-n,4)); right: calc(50% / var(--cs-n,4)); background: var(--cs-card-3); border-radius: 2px; height: 2px; position: absolute; top: 13px; }

.cs-steps__fill { border-radius: inherit; background: var(--cs-ink); transform-origin: 0px center; position: absolute; inset: 0px; }

.cs-steps li { text-align: center; flex-direction: column; align-items: center; gap: 8px; min-width: 0px; display: flex; position: relative; }

.cs-steps__dot { z-index: 1; width: 28px; height: 28px; font-size: var(--cs-fs-2xs); background: var(--cs-card); color: var(--cs-muted); box-shadow: inset 0 0 0 1.5px var(--cs-line-2); border-radius: 50%; place-items: center; font-weight: 700; display: grid; position: relative; }

.cs-steps__dot svg { stroke-width: 2.4px; width: 15px; height: 15px; }

.cs-steps li.cs-is-done .cs-steps__dot { background: var(--cs-ink); color: var(--cs-card); box-shadow: none; }

.cs-steps li.cs-is-now .cs-steps__dot { background: var(--cs-accent); color: var(--cs-accent-ink); box-shadow: 0 0 0 4px var(--cs-accent-soft); animation: 2.6s ease-in-out 0s infinite normal none running cs-breathe; }

.cs-steps__label { font-size: var(--cs-fs-xs); color: var(--cs-muted); font-weight: 600; line-height: 1.25; }

.cs-steps li.cs-is-done .cs-steps__label, .cs-steps li.cs-is-now .cs-steps__label { color: var(--cs-ink); }

.cs-steps--compact .cs-steps__label { display: none; }

.cs-steps--compact .cs-steps__dot { width: 22px; height: 22px; }

.cs-steps--compact .cs-steps__rail { top: 10px; }

.cs-invlines { gap: 8px; margin-top: 18px; display: grid; }

.cs-invlines__head, .cs-invlines__row { grid-template-columns: minmax(0px, 1fr) 72px 110px 34px; align-items: center; gap: 8px; display: grid; }

.cs-invlines__head { font-size: var(--cs-fs-xs); color: var(--cs-muted); font-weight: 600; }

.cs-invlines .cs-linkbtn { justify-self: start; margin-top: 2px; }

.cs-invsum { width: min(260px, 100%); font-size: var(--cs-fs-md); gap: 6px; margin: 16px 0px 0px auto; display: grid; }

.cs-invsum div { justify-content: space-between; display: flex; }

.cs-invsum dt { color: var(--cs-muted); font-weight: 500; }

.cs-invsum dd { margin: 0px; font-weight: 600; }

.cs-invsum .cs-is-total { border-top: 1px solid var(--cs-line); font-size: var(--cs-fs-lg); padding-top: 8px; }

.cs-stack { position: relative; }

.cs-stack__svg { touch-action: pan-y; cursor: pointer; display: block; overflow: visible; }

.cs-stack__tick line { stroke: var(--cs-line-2); stroke-dasharray: 3, 4; }

.cs-stack__tick line.cs-is-base { stroke-dasharray: none; }

.cs-stack__tick text, .cs-stack__ltick, .cs-stack__x { font-size: var(--cs-fs-2xs); fill: var(--cs-muted); font-weight: 600; font-family: var(--cs-font); }

.cs-stack__x.cs-is-on { fill: var(--cs-ink); font-weight: 700; }

.cs-stack__band { fill: var(--cs-card-2); }

.cs-stack__band.cs-is-picked { fill: var(--cs-accent-soft); }

.cs-stack__seg--0 { fill: var(--cs-s1); }

.cs-stack__seg--1 { fill: var(--cs-s2); }

.cs-stack__seg--2 { fill: var(--cs-s3); }

.cs-stack__seg.cs-is-dim { opacity: 0.3; }

.cs-stack__line { fill: none; stroke: var(--cs-ink); stroke-width: 1.8px; stroke-dasharray: 2, 4; stroke-linecap: round; }

.cs-stack__pt { fill: var(--cs-card); stroke: var(--cs-ink); stroke-width: 1.6px; }

.cs-stack__pt.cs-is-on { fill: var(--cs-ink); }

.cs-stack__key { vertical-align: 0px; border-radius: 2px; width: 8px; height: 8px; margin-right: 6px; display: inline-block; }

.cs-stack__key--0 { background: var(--cs-s1); }

.cs-stack__key--1 { background: var(--cs-s2); }

.cs-stack__key--2 { background: var(--cs-s3); }

.cs-stack__key--line { vertical-align: 3px; border-top: 2px dotted; border-radius: 0px; height: 0px; }

.cs-charttip__row { align-items: center; display: flex; }

.cs-legend i.cs-s1 { background: var(--cs-s1); }

.cs-legend i.cs-s2 { background: var(--cs-s2); }

.cs-legend i.cs-s3 { background: var(--cs-s3); }

.cs-legend i.cs-is-dot { border-top: 2px dotted var(--cs-ink); background: 0px 0px; border-radius: 0px; width: 14px; height: 0px; }

.cs-night { backdrop-filter: var(--cs-blur); background: radial-gradient(120% 80% at 0% 0%, #ffffff1a, transparent 55%), var(--cs-night); color: var(--cs-night-ink); box-shadow: inset 0 1px 0 #ffffff1a, var(--cs-shadow); }

.cs-night .cs-muted, .cs-night small { color: var(--cs-night-muted); }

.cs-ct-ico { background: var(--cs-card-2); width: 32px; height: 32px; color: var(--cs-ink-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 10px; flex: 0 0 auto; place-items: center; display: grid; }

.cs-kv { font-size: var(--cs-fs-md); margin: 0px 0px 18px; display: grid; }

.cs-kv > div { border-bottom: 1px solid var(--cs-line); justify-content: space-between; align-items: center; gap: 12px; padding: 9px 0px; display: flex; }

.cs-kv > div:last-child { border-bottom: 0px; }

.cs-kv dt { color: var(--cs-muted); font-weight: 500; }

.cs-kv dd { text-align: right; overflow-wrap: anywhere; min-width: 0px; margin: 0px; font-weight: 600; }

.cs-kv .cs-is-total { border-top: 1px solid var(--cs-line-2); }

.cs-kv .cs-is-total dt { color: var(--cs-ink); font-weight: 600; }

@media (width <= 1279px) {
  .cs-side .cs-collapse { display: none; }
  .cs-kpis { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}

@media (width <= 999px) {
  .cs-main { padding: 14px 18px 40px; }
  .cs-top { margin: -14px -18px 6px; padding: 12px 18px 10px; }
  .cs-top::after { left: 18px; right: 18px; }
  .cs-searchpill { justify-content: center; width: 42px; padding: 0px; }
  .cs-searchpill > span { display: none; }
  .cs-formgrid { grid-template-columns: 1fr; }
}

@media (width <= 760px) {
  :root { --cs-gap: 12px; }
  .cs-app, html.cs-is-rail .cs-app { grid-template-columns: minmax(0px, 1fr); }
  .cs-main { padding: 0 14px calc(96px + env(safe-area-inset-bottom)); }
  .cs-top { min-height: 60px; margin: 0px -14px 4px; padding: 10px 14px; }
  .cs-top::after { left: 0px; right: 0px; }
  .cs-crumbs { display: none; }
  .cs-top .cs-top__menu { display: grid; }
  .cs-top .cs-top__mark { background: var(--cs-accent); width: 34px; height: 34px; color: var(--cs-accent-ink); border-radius: 11px; place-items: center; display: grid; }
  .cs-top__mark svg { width: 20px; height: 20px; }
  .cs-top__title { font-size: var(--cs-fs-xl); letter-spacing: -0.01em; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; display: block; overflow: hidden; }
  .cs-top__new, .cs-top .cs-top__cal, .cs-top .cs-top__theme { display: none; }
  .cs-top__title { flex: 1 1 0%; min-width: 0px; }
  .cs-top__spacer { display: none; }
  .cs-tabs { margin-right: -14px; padding-right: 28px; mask-image: linear-gradient(90deg, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0)); }
  .cs-phead__actions > .cs-btn, .cs-phead__actions > a.cs-btn { flex: 1 1 0px; min-width: 0px; }
  .cs-ibtn, .cs-searchpill { width: 40px; height: 40px; }
  .cs-side { z-index: 64; width: min(300px, 86vw); height: auto; box-shadow: var(--cs-shadow-lg); background: var(--cs-card); visibility: hidden; border-radius: 0px 24px 24px 0px; margin: 0px; position: fixed; top: 0px; bottom: 0px; left: 0px; }
  html.cs-is-rail .cs-side__head { flex-direction: row; padding: 20px 16px 14px 20px; }
  html.cs-is-rail .cs-brand__text, html.cs-is-rail .cs-nav__label, html.cs-is-rail .cs-nav__chev, html.cs-is-rail .cs-navgroup__label, html.cs-is-rail .cs-subnav, html.cs-is-rail .cs-me__text, html.cs-is-rail .cs-me > svg, html.cs-is-rail .cs-tonight > :not(.cs-tonight__dot) { display: revert; }
  html.cs-is-rail .cs-nav__item { justify-content: flex-start; padding: 0px 12px; }
  html.cs-is-rail .cs-nav__count { width: auto; min-width: 22px; height: 20px; font-size: var(--cs-fs-2xs); background: var(--cs-side-line); padding: 0px 6px; position: static; }
  html.cs-is-rail .cs-tonight { justify-items: initial; grid-template-columns: auto 1fr; align-items: center; width: auto; height: auto; margin: 0px 12px 10px; padding: 12px 14px; }
  html.cs-is-rail .cs-tonight__dot { grid-row: span 2; }
  html.cs-is-rail .cs-me { justify-content: flex-start; margin: 0px 12px 14px; }
  html.cs-is-rail .cs-side__scroll { padding: 4px 12px 12px; }
  .cs-side .cs-side__close { display: grid; }
  .cs-tabbar { z-index: 40; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); background: var(--cs-glass); backdrop-filter: var(--cs-blur); box-shadow: inset 0 1px 0 var(--cs-glass-rim), inset 0 0 0 1px var(--cs-glass-edge), var(--cs-shadow-lg); border-radius: 22px; grid-template-columns: repeat(5, 1fr); padding: 6px; display: grid; position: fixed; }
  .cs-tabbar a, .cs-tabbar button { z-index: 1; height: 54px; font-size: var(--cs-fs-2xs); color: var(--cs-muted); border-radius: 16px; flex-direction: column; justify-content: center; align-items: center; gap: 3px; font-weight: 600; display: flex; position: relative; }
  .cs-tabbar [aria-current="page"] { color: var(--cs-accent-ink); }
  .cs-tabbar__pill { background: var(--cs-accent); pointer-events: none; opacity: 0; filter: drop-shadow(rgba(14, 108, 132, 0.3) 0px 6px 12px); position: absolute; inset: 0px; }
  .cs-phead { margin: 6px 0px 16px; }
  .cs-phead__actions { width: 100%; }
  .cs-card { border-radius: 18px; padding: 16px; }
  .cs-card--flush { padding: 0px; }
  .cs-card--flush .cs-chead { padding: 14px 16px 0px; }
  .cs-kpi__value { font-size: 18px; }
  .cs-kpi { min-height: 112px; padding: 14px 14px 12px; }
  .cs-kpi__foot .cs-spark { width: 64px; }
  .cs-kpi__foot > span:nth-child(2) { display: none; }
  input:not([type="checkbox"]):not([type="radio"]), select, textarea { font-size: 16px !important; }
  .cs-drawer { border-radius: 24px 24px 0px 0px; width: 100%; max-height: 92dvh; inset: auto 0px 0px; }
  .cs-modal-wrap { place-items: end stretch; padding: 0px; }
  .cs-modal { border-radius: 24px 24px 0px 0px; width: 100%; max-height: 92dvh; }
  .cs-modal--wide { width: 100%; }
  .cs-toasts { bottom: calc(92px + env(safe-area-inset-bottom)); }
  .cs-table--stack thead { display: none; }
  .cs-table--stack, .cs-table--stack tbody, .cs-table--stack tr, .cs-table--stack td { width: 100%; display: block; }
  .cs-table--stack tr { border-bottom: 1px solid var(--cs-line); padding: 12px 14px; position: relative; }
  .cs-table--stack tr:last-child { border-bottom: 0px; }
  .cs-table--stack td { border: 0px; padding: 2px 0px; }
  .cs-table--stack td[data-label]::before { content: attr(data-label); min-width: 92px; font-size: var(--cs-fs-xs); color: var(--cs-muted); font-weight: 600; display: inline-block; }
  .cs-table--stack td.cs-r { text-align: left; }
  .cs-table--stack td.cs-hide-sm { display: none; }
}

.cs-side__close { width: 34px; height: 34px; color: var(--cs-side-ink); background: var(--cs-side-hover); border-radius: 10px; place-items: center; display: none; }

@media (hover: none), (pointer: coarse) {
  .cs-linkbtn, .cs-check { position: relative; }
  .cs-linkbtn { justify-content: center; align-items: center; min-width: 28px; min-height: 28px; display: inline-flex; }
  .cs-linkbtn::after { content: ""; position: absolute; inset: -8px; }
  .cs-check { border-radius: 7px; width: 24px; height: 24px; }
  .cs-check::after { content: ""; position: absolute; inset: -10px; }
  .cs-btn--sm, .cs-chip { min-height: 40px; }
  .cs-stepper button { width: 36px; height: 36px; }
  .cs-menu__item { height: 44px; }
}

@media (height <= 800px) and (width >= 761px) {
  .cs-side__head { min-height: 54px; padding-top: 12px; padding-bottom: 6px; }
  .cs-nav__item { height: 34px; }
  .cs-nav { gap: 1px; }
  .cs-navgroup + .cs-navgroup { margin-top: 6px; padding-top: 6px; }
  .cs-navgroup__label { padding: 3px 12px 4px; }
  .cs-tonight { display: none; }
  .cs-me { margin-bottom: 10px; }
}

@media (height <= 560px) and (width >= 761px) {
  .cs-side__head { min-height: 56px; padding-top: 12px; padding-bottom: 8px; }
  .cs-nav__item, .cs-nav__pill { height: 36px; }
  .cs-tonight { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { transition-duration: 0.001ms !important; animation-duration: 0.001ms !important; }
}

.cs-dash-page .cs-phead p b.cs-ink { color: var(--cs-ink); font-weight: 600; }

.cs-dash { gap: var(--cs-gap); grid-template-columns: repeat(12, minmax(0px, 1fr)); display: grid; }

.cs-dash > .cs-tk { grid-column: span 8; }

.cs-dash > .cs-bal { grid-column: span 4; }

.cs-dash__row { gap: var(--cs-gap); grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0px, 1fr)); display: grid; }

.cs-dash__row--2 { grid-template-columns: minmax(0px, 7fr) minmax(0px, 5fr); }

.cs-tk .cs-chead { flex-wrap: wrap; }

.cs-tk__body { grid-template-columns: minmax(0px, 1fr) 214px; gap: 20px; display: grid; }

.cs-tk__head { flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px; margin-bottom: 10px; display: flex; }

.cs-tk__total { flex-wrap: wrap; align-items: baseline; gap: 10px; display: flex; }

.cs-tk__total > span:first-child { font-size: var(--cs-fs-display); letter-spacing: -0.025em; font-weight: 600; line-height: 1; }

.cs-tk__total small { color: var(--cs-muted); width: 100%; }

.cs-tk__side { border-left: 1px solid var(--cs-line); flex-direction: column; gap: 2px; min-width: 0px; padding-left: 18px; display: flex; }

.cs-tk__fig { border-bottom: 1px solid var(--cs-line); gap: 2px; margin-bottom: 6px; padding-bottom: 12px; display: grid; }

.cs-tk__fig > span:first-child { font-size: var(--cs-fs-sm); font-weight: 600; }

.cs-tk__fig b { font-size: var(--cs-fs-3xl); letter-spacing: -0.01em; font-weight: 600; line-height: 1.2; }

.cs-tk__fig .cs-delta { justify-self: start; }

.cs-tk__row { font-size: var(--cs-fs-md); grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 2px 10px; padding: 7px 0px; display: grid; }

.cs-tk__row > span:first-child { color: var(--cs-muted); align-items: center; gap: 8px; min-width: 0px; font-weight: 600; display: flex; }

.cs-tk__row > span:first-child svg { color: var(--cs-ink-2); }

.cs-tk__row b { font-weight: 600; }

.cs-tk__bar { background: var(--cs-card-3); border-radius: 5px; grid-column: 1 / -1; height: 5px; overflow: hidden; }

.cs-tk__bar i { border-radius: inherit; transform-origin: 0px center; height: 100%; display: block; }

.cs-tk__row .cs-dot { border-radius: 2px; width: 8px; height: 8px; }

i.cs-s1 { background: var(--cs-s1); }

i.cs-s2 { background: var(--cs-s2); }

i.cs-s3 { background: var(--cs-s3); }

.cs-tk__note { font-size: var(--cs-fs-sm); align-items: center; gap: 6px; margin-top: auto; padding-top: 10px; display: flex; }

.cs-tk__note.cs-linkbtn { align-self: flex-start; }

.cs-bal { flex-direction: column; display: flex; }

.cs-bal .cs-chead p { color: var(--cs-night-muted); }

.cs-bal__go { background: var(--cs-night-2); color: var(--cs-night-ink); backdrop-filter: none; box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 1px inset; }

.cs-bal__go:hover { background: rgba(255, 255, 255, 0.14); }

.cs-bal__big { font-size: var(--cs-fs-display); letter-spacing: -0.025em; font-weight: 600; line-height: 1.05; }

.cs-bal__accts { gap: 4px; margin: 14px 0px 18px; display: flex; }

.cs-bal__acct { min-width: 0px; font-size: var(--cs-fs-2xs); color: var(--cs-night-muted); gap: 6px; font-weight: 600; display: grid; }

.cs-bal__acct i { background: rgb(92, 198, 220); border-radius: 4px; height: 8px; }

.cs-bal__acct:nth-child(2) i { background: var(--cs-s2); }

.cs-bal__acct:nth-child(3) i { background: var(--cs-s3); }

.cs-bal__acct:nth-child(4) i { background: rgb(126, 154, 163); }

.cs-bal__acct span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.cs-bal__acct:hover span { color: var(--cs-night-ink); }

.cs-bal__list { font-size: var(--cs-fs-md); gap: 7px; margin: 0px 0px 16px; display: grid; }

.cs-bal__list div { justify-content: space-between; gap: 10px; display: flex; }

.cs-bal__list dt { color: var(--cs-night-muted); font-weight: 500; }

.cs-bal__list dt small { opacity: 0.7; }

.cs-bal__list dd { margin: 0px; font-weight: 600; }

.cs-bal__grid { grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; display: grid; }

.cs-bal__cell { background: var(--cs-night-2); border-radius: 14px; gap: 4px; min-width: 0px; padding: 12px 14px; display: grid; }

.cs-bal__cell:hover { background: rgba(255, 255, 255, 0.12); }

.cs-bal__cell--wide { grid-column: 1 / -1; }

.cs-bal__label { font-size: var(--cs-fs-xs); color: var(--cs-night-muted); align-items: center; gap: 6px; font-weight: 600; display: flex; }

.cs-bal__cell > b, .cs-bal__spend b { font-size: var(--cs-fs-3xl); letter-spacing: -0.01em; font-weight: 600; line-height: 1.15; }

.cs-bal__spend { flex-wrap: wrap; align-items: baseline; gap: 8px; display: flex; }

.cs-bal__meter { background: rgba(255, 255, 255, 0.12); border-radius: 6px; height: 6px; margin-top: 4px; overflow: hidden; }

.cs-bal__meter i { border-radius: inherit; transform-origin: 0px center; background: rgb(92, 198, 220); height: 100%; display: block; transform: scaleX(0); }

.cs-bal .cs-avstack > * + * { box-shadow: 0 0 0 2px var(--cs-night-2); }

.cs-av--more { color: var(--cs-night-ink); background: rgb(36, 70, 79) !important; }

.cs-shows__list { display: grid; }

.cs-show { border-bottom: 1px solid var(--cs-line); grid-template-columns: 44px minmax(0px, 1fr) 92px; align-items: center; gap: 10px; padding: 8px 0px; display: grid; }

.cs-show:last-child { border-bottom: 0px; }

.cs-show__time { font-weight: 700; font-size: var(--cs-fs-md); }

.cs-show.cs-is-past { opacity: 0.5; }

.cs-show__fill { justify-items: end; gap: 4px; display: grid; }

.cs-show__bar { background: var(--cs-card-3); border-radius: 6px; width: 100%; height: 6px; overflow: hidden; }

.cs-show__bar i { border-radius: inherit; background: var(--cs-ink-2); transform-origin: 0px center; height: 100%; display: block; }

.cs-show__bar.cs-is-full i { background: var(--cs-s2); }

.cs-show__sold { font-size: var(--cs-fs-2xs); color: var(--cs-muted); font-weight: 700; }

.cs-select--sm { width: auto; max-width: 52%; height: 34px; font-size: var(--cs-fs-sm); border-radius: 10px; }

.cs-house__fig { flex-wrap: wrap; align-items: baseline; gap: 10px; display: flex; }

.cs-house__fig b { font-size: var(--cs-fs-4xl); letter-spacing: -0.02em; font-weight: 600; }

.cs-house__fig > span { color: var(--cs-muted); font-size: var(--cs-fs-sm); font-weight: 600; }

.cs-house__screen { width: 100%; height: 14px; margin: 12px 0px 8px; display: block; overflow: visible; }

.cs-house__screen path { fill: none; stroke: var(--cs-accent); stroke-width: 2.5px; stroke-linecap: round; vector-effect: non-scaling-stroke; }

.cs-house__map { gap: 3px; display: grid; }

.cs-seat { aspect-ratio: 1.15 / 1; background: var(--cs-card-3); border-radius: 3px 3px 2px 2px; display: block; }

.cs-seat.cs-is-sold { background: var(--cs-s1); }

.cs-house__legend { margin-top: 12px; }

.cs-house__left { color: var(--cs-ink); margin-left: auto; }

.cs-lic { flex-direction: column; display: flex; }

.cs-lic .cs-steps { margin: 4px 0px 14px; }

.cs-lic__now { background: var(--cs-tile-aqua); color: var(--cs-tile-ink); border-radius: 14px; gap: 2px; padding: 12px 14px; display: grid; }

.cs-lic__now .cs-muted { color: var(--cs-tile-muted); font-size: var(--cs-fs-xs); font-weight: 600; }

.cs-lic__now b { font-size: var(--cs-fs-xl); letter-spacing: -0.01em; font-weight: 600; }

.cs-lic__now small.cs-muted { font-size: var(--cs-fs-xs); }

.cs-lic__notice { font-size: var(--cs-fs-sm); color: var(--cs-muted); gap: 6px; margin: 14px 0px 10px; display: grid; }

.cs-lic__notice b { color: var(--cs-ink); font-weight: 600; }

.cs-lic__bar { background: var(--cs-card-3); border-radius: 8px; height: 8px; overflow: hidden; }

.cs-lic__bar i { border-radius: inherit; background: repeating-linear-gradient(-45deg, var(--cs-accent) 0 6px, var(--cs-accent-hi) 6px 12px); transform-origin: 0px center; height: 100%; display: block; transform: scaleX(0); }

.cs-lic__next { font-size: var(--cs-fs-md); border-top: 1px solid var(--cs-line); justify-content: space-between; align-items: center; padding: 10px 0px 14px; display: flex; }

.cs-lic__next span { color: var(--cs-muted); align-items: center; gap: 6px; font-weight: 600; display: flex; }

.cs-lic__next b { font-weight: 600; }

.cs-lic__docs { font-size: var(--cs-fs-sm); color: var(--cs-muted); gap: 8px; margin: 0px 0px 16px; padding: 0px; font-weight: 600; list-style: none; display: grid; }

.cs-lic__docs li { align-items: center; gap: 8px; display: flex; }

.cs-lic__docs li svg { width: 15px; height: 15px; }

.cs-lic__docs li.cs-is-ok { color: var(--cs-ink); }

.cs-lic__docs li.cs-is-ok svg { color: var(--cs-good); }

.cs-needs__more { margin-top: 10px; display: block; }

.cs-lic .cs-btn { margin-top: auto; }

.cs-mailbox__list { padding: 4px 8px 8px; }

.cs-mrow { font-size: var(--cs-fs-md); border-radius: 12px; grid-template-columns: 26px 128px minmax(0px, 1fr) 40px 76px 92px; align-items: center; gap: 12px; padding: 10px 12px; display: grid; }

.cs-mrow:hover { background: var(--cs-card-2); }

.cs-mrow__from { white-space: nowrap; text-overflow: ellipsis; font-weight: 600; overflow: hidden; }

.cs-mrow__subj { color: var(--cs-ink-2); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.cs-mrow.cs-is-unread .cs-mrow__subj { color: var(--cs-ink); font-weight: 600; }

.cs-mrow.cs-is-unread .cs-mrow__from::before { content: ""; background: var(--cs-accent); vertical-align: 1px; border-radius: 50%; width: 7px; height: 7px; margin-right: 7px; display: inline-block; }

.cs-mrow__inv { color: var(--cs-muted); font-size: var(--cs-fs-xs); align-items: center; gap: 4px; font-weight: 600; display: flex; }

.cs-mrow__t { text-align: right; color: var(--cs-muted); font-size: var(--cs-fs-xs); white-space: nowrap; font-weight: 600; }

.cs-needs__count { background: var(--cs-ink); color: var(--cs-card); }

.cs-need { border-bottom: 1px solid var(--cs-line); align-items: center; gap: 10px; padding: 9px 0px; display: flex; }

.cs-need:last-child { border-bottom: 0px; }

.cs-need .cs-cell__text { flex: 1 1 0%; }

.cs-need .cs-cell__text:hover b { text-underline-offset: 3px; text-decoration: underline; }

.cs-need__ico { border-radius: 10px; flex: 0 0 auto; place-items: center; width: 32px; height: 32px; display: grid; }

.cs-tone--bad { background: var(--cs-bad-soft); color: var(--cs-bad); }

.cs-tone--warn { background: var(--cs-warn-soft); color: var(--cs-warn); }

.cs-tone--info { background: var(--cs-info-soft); color: var(--cs-info); }

.cs-tone--accent { background: var(--cs-accent-soft); color: var(--cs-accent-text); }

.cs-tone--good { background: var(--cs-good-soft); color: var(--cs-good); }

@media (width <= 1279px) {
  .cs-dash > .cs-tk, .cs-dash > .cs-bal { grid-column: 1 / -1; }
  .cs-bal { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); grid-template-areas: "head head" "big grid" "accts grid" "list grid"; align-content: start; column-gap: 28px; display: grid; }
  .cs-bal > .cs-chead { grid-area: head; }
  .cs-bal__big { grid-area: big; }
  .cs-bal__accts { grid-area: accts; }
  .cs-bal__list { grid-area: list; margin-bottom: 0px; }
  .cs-bal__grid { grid-area: grid; align-self: start; margin-top: 0px; }
  .cs-dash__row { grid-template-columns: 1fr 1fr; }
  .cs-dash__row > .cs-lic { grid-column: 1 / -1; }
  .cs-dash__row--2 { grid-template-columns: 1fr; }
}

@media (width <= 999px) {
  .cs-tk__body { grid-template-columns: minmax(0px, 1fr); }
  .cs-tk__side { border-left: 0px; border-top: 1px solid var(--cs-line); grid-template-columns: 1fr 1fr; column-gap: 20px; padding: 14px 0px 0px; display: grid; }
  .cs-tk__fig { grid-column: 1 / -1; }
  .cs-mrow { grid-template-columns: 26px 110px minmax(0px, 1fr) 76px 80px; }
  .cs-mrow__inv { display: none; }
}

@media (width <= 760px) {
  .cs-dash__row { grid-template-columns: 1fr; }
  .cs-bal { display: flex; }
  .cs-bal__list { margin-bottom: 16px; }
  .cs-bal__grid { grid-template-columns: 1fr 1fr; }
  .cs-bal__cell--wide { grid-column: 1 / -1; }
  .cs-tk__total > span:first-child, .cs-bal__big { font-size: 28px; }
  .cs-tk__side { grid-template-columns: 1fr; }
  .cs-mrow { grid-template-columns: 26px minmax(0px, 1fr) auto; grid-template-areas: "av from t" "av subj tag"; row-gap: 2px; }
  .cs-mrow .cs-av { grid-area: av; align-self: start; }
  .cs-mrow__from { grid-area: from; }
  .cs-mrow__subj { grid-area: subj; }
  .cs-mrow__t { grid-area: t; }
  .cs-mrow__tag { grid-area: tag; justify-self: end; }
  .cs-need { flex-wrap: wrap; }
  .cs-need .cs-cell__text { flex: 1 1 calc(100% - 42px); }
  .cs-need .cs-btn { margin-left: 42px; }
  .cs-need .cs-btn + .cs-btn { margin-left: 0px; }
  .cs-select--sm { width: 100%; max-width: none; }
}

.cs-fin__kpis { margin-bottom: var(--cs-gap); }

.cs-fin__lead { font-size: var(--cs-fs-md); margin: -6px 0px 16px; }

.cs-fin-ov { gap: var(--cs-gap); grid-template-columns: repeat(12, minmax(0px, 1fr)); display: grid; }

.cs-fin-ov > .cs-card { grid-column: span 6; }

.cs-fin-ov > .cs-fin-ov__chart { grid-column: 1 / -1; }

.cs-fin-ov__chart .cs-legend { margin-top: 12px; }

.cs-cost { grid-template-columns: 32px minmax(0px, 1fr) auto; align-items: center; gap: 4px 12px; padding: 8px 0px; display: grid; }

.cs-cost__ico { background: var(--cs-card-2); width: 32px; height: 32px; color: var(--cs-ink-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 10px; flex: 0 0 auto; place-items: center; display: grid; }

.cs-cost__v { font-weight: 600; }

.cs-cost__bar { background: var(--cs-card-3); border-radius: 5px; grid-column: 2 / -1; height: 5px; overflow: hidden; }

.cs-cost__bar i { border-radius: inherit; background: var(--cs-s2); transform-origin: 0px center; height: 100%; display: block; }

.cs-cost:first-of-type .cs-cost__bar i { background: var(--cs-accent); }

.cs-nextrow { border-bottom: 1px solid var(--cs-line); align-items: center; gap: 12px; padding: 9px 0px; display: flex; }

.cs-nextrow:last-child { border-bottom: 0px; }

.cs-nextrow .cs-cell__text { flex: 1 1 0%; }

.cs-nextrow__date { text-align: center; background: var(--cs-card-2); width: 42px; height: 44px; box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 12px; flex: 0 0 auto; place-content: center; line-height: 1.05; display: grid; }

.cs-nextrow__date b { font-size: var(--cs-fs-xl); font-weight: 600; }

.cs-nextrow__date small { font-size: var(--cs-fs-2xs); color: var(--cs-muted); text-transform: uppercase; font-weight: 700; }

.cs-nextrow__amt { text-align: right; display: grid; }

.cs-nextrow__amt b { font-weight: 600; }

.cs-nextrow__amt small { color: var(--cs-muted); white-space: nowrap; font-weight: 600; }

.cs-nextrow__amt small.cs-bad { color: var(--cs-bad); }

.cs-fin__filters { flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-bottom: 16px; display: flex; }

.cs-fin__sel { width: auto; height: 36px; font-size: var(--cs-fs-sm); border-radius: 10px; }

.cs-fin__search { flex: 1 1 220px; min-width: 0px; max-width: 340px; margin-left: auto; }

.cs-chip--hot[aria-pressed="false"] .cs-badge { background: var(--cs-accent); color: var(--cs-accent-ink); }

.cs-fin__sum b { color: var(--cs-ink); font-weight: 600; display: inline-block; }

.cs-fin__table td { white-space: nowrap; }

.cs-fin__ck { width: 44px; padding-right: 0px !important; }

.cs-fin__payee .cs-cell__text b { max-width: 300px; }

.cs-fin__table tr.cs-is-sel td { background: var(--cs-accent-soft); }

.cs-txico { background: var(--cs-card-2); width: 30px; height: 30px; color: var(--cs-ink-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 9px; flex: 0 0 auto; place-items: center; display: grid; }

.cs-txico.cs-is-in { background: var(--cs-good-soft); color: var(--cs-good); box-shadow: none; }

.cs-catpill { height: 26px; font-size: var(--cs-fs-xs); background: var(--cs-card-2); color: var(--cs-ink-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 99px; align-items: center; gap: 4px; padding: 0px 10px; font-weight: 600; display: inline-flex; }

.cs-catpill:hover { background: var(--cs-card-3); }

.cs-catpill.cs-is-loose { background: var(--cs-accent-soft); color: var(--cs-accent-text); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--cs-accent) 40%, transparent); }

.cs-fin__rcpt { font-size: var(--cs-fs-sm); align-items: center; gap: 4px; display: inline-flex; }

.cs-fin__amt { font-weight: 700; }

.cs-fin__amt.cs-is-in { color: var(--cs-good); }

.cs-fin__more { border-top: 1px solid var(--cs-line); font-size: var(--cs-fs-sm); justify-content: space-between; align-items: center; gap: 12px; padding: 12px 20px 16px; font-weight: 600; display: flex; }

.cs-bulkbar { z-index: 45; background: var(--cs-ink); color: var(--cs-bg); box-shadow: var(--cs-shadow-lg); font-size: var(--cs-fs-md); white-space: nowrap; border-radius: 16px; align-items: center; gap: 12px; padding: 8px 8px 8px 18px; display: flex; position: fixed; bottom: 22px; left: 50%; translate: -50%; }

.cs-bulkbar .cs-muted { color: color-mix(in oklab, var(--cs-bg) 65%, transparent); }

.cs-bulkbar .cs-btn--ghost { color: var(--cs-bg); }

.cs-bulkbar .cs-btn--ghost:hover { background: rgba(255, 255, 255, 0.1); }

.cs-txd { gap: 20px; display: grid; }

.cs-txd__amt { flex-wrap: wrap; align-items: center; gap: 12px; display: flex; }

.cs-txd__amt b { font-size: var(--cs-fs-display); letter-spacing: -0.025em; font-weight: 600; }

.cs-txd__amt.cs-is-in b { color: var(--cs-good); }

.cs-txd__facts { background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); font-size: var(--cs-fs-md); border-radius: 16px; gap: 10px; margin: 0px; padding: 14px 16px; display: grid; }

.cs-txd__facts div { justify-content: space-between; gap: 12px; display: flex; }

.cs-txd__facts dt { color: var(--cs-muted); font-weight: 500; }

.cs-txd__facts dd { text-align: right; margin: 0px; font-weight: 600; }

.cs-txd__h { font-size: var(--cs-fs-lg); margin-bottom: 10px; font-weight: 600; }

.cs-txd__cats { flex-wrap: wrap; gap: 6px; display: flex; }

.cs-txd__rcpt { background: var(--cs-warn-soft); color: var(--cs-warn); border-radius: 16px; align-items: center; gap: 12px; padding: 12px 14px; display: flex; }

.cs-txd__rcpt .cs-cell__text { color: var(--cs-ink); flex: 1 1 0%; }

.cs-txd__rcpt.cs-is-ok { background: var(--cs-good-soft); color: var(--cs-good); }

.cs-txd__row { border-bottom: 1px solid var(--cs-line); font-size: var(--cs-fs-md); grid-template-columns: 70px minmax(0px, 1fr) auto; gap: 10px; padding: 8px 0px; display: grid; }

.cs-txd__row:last-child { border-bottom: 0px; }

.cs-txd__row b { font-weight: 600; }

.cs-cards { gap: var(--cs-gap); grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); display: grid; }

.cs-ccard { perspective: 900px; align-content: start; gap: 12px; display: grid; }

.cs-pcard { aspect-ratio: 1.586 / 1; color: rgb(238, 246, 247); box-shadow: var(--cs-shadow), inset 0 1px 0 #ffffff14; background: linear-gradient(135deg, rgb(36, 51, 58), rgb(16, 25, 29) 70%); border-radius: 18px; flex-direction: column; justify-content: space-between; padding: 18px 20px; display: flex; position: relative; overflow: hidden; }

.cs-pcard--gold { color: rgb(242, 251, 252); background: linear-gradient(135deg, rgb(31, 142, 169), rgb(11, 85, 104) 78%); }

.cs-pcard--sand { color: rgb(58, 29, 18); background: linear-gradient(135deg, rgb(251, 210, 191), rgb(238, 154, 124) 82%); }

.cs-pcard__top { justify-content: space-between; align-items: baseline; gap: 10px; display: flex; }

.cs-pcard__top b { font-size: var(--cs-fs-xl); letter-spacing: -0.01em; font-weight: 700; }

.cs-pcard__top span { font-size: var(--cs-fs-xs); opacity: 0.75; font-weight: 600; }

.cs-pcard__chip { background: linear-gradient(135deg, rgb(232, 215, 160), rgb(191, 162, 90)); border-radius: 7px; width: 38px; height: 28px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset; }

.cs-pcard--gold .cs-pcard__chip { background: linear-gradient(135deg, rgb(232, 238, 240), rgb(169, 188, 194)); }

.cs-pcard__no { font-size: var(--cs-fs-xl); letter-spacing: 0.08em; font-weight: 600; }

.cs-pcard__foot { font-size: var(--cs-fs-sm); opacity: 0.85; justify-content: space-between; font-weight: 600; display: flex; }

.cs-pcard__frost { color: rgb(31, 58, 82); font-weight: 700; font-size: var(--cs-fs-md); letter-spacing: 0.08em; text-transform: uppercase; opacity: 0; pointer-events: none; background: linear-gradient(160deg, rgba(225, 236, 245, 0.9), rgba(190, 210, 228, 0.82)); flex-direction: column; justify-content: center; align-items: center; gap: 6px; display: flex; position: absolute; inset: 0px; }

.cs-ccard__info { border-radius: var(--cs-r-lg); background: var(--cs-card); box-shadow: inset 0 0 0 1px var(--cs-line), var(--cs-shadow); gap: 10px; padding: 14px 16px; display: grid; }

.cs-ccard__head { align-items: flex-start; gap: 10px; display: flex; }

.cs-ccard__head .cs-cell__text { flex: 1 1 0%; }

.cs-ccard__head b .cs-muted { font-weight: 500; }

.cs-ccard__btns { gap: 8px; display: flex; }

.cs-ccard__list { border-top: 1px solid var(--cs-line); padding-top: 4px; display: grid; }

.cs-ccard__tx { font-size: var(--cs-fs-md); align-items: center; gap: 10px; padding: 6px 0px; display: flex; }

.cs-ccard__tx .cs-cell__text { flex: 1 1 0%; }

.cs-ccard__tx > b { font-weight: 600; }

.cs-ccard__tx:hover .cs-cell__text b { text-underline-offset: 3px; text-decoration: underline; }

.cs-limit__quick { margin-top: 12px; }

.cs-bud { border-bottom: 1px solid var(--cs-line); grid-template-columns: 32px minmax(140px, 1.1fr) minmax(0px, 2fr) 150px 34px; align-items: center; gap: 14px; padding: 12px 0px; display: grid; }

.cs-bud:last-of-type { border-bottom: 0px; }

.cs-bud__track { position: relative; }

.cs-bud__track .cs-level { border-radius: 8px; height: 8px; display: block; }

.cs-bud__tick { background: var(--cs-ink); opacity: 0.55; border-radius: 2px; width: 2px; margin-left: -1px; position: absolute; top: -4px; bottom: -4px; }

.cs-bud__fig { text-align: right; display: grid; }

.cs-bud__fig b { font-weight: 600; font-size: var(--cs-fs-lg); }

.cs-bud__edit { grid-column: span 2; gap: 8px; display: flex; }

.cs-bud__edit .cs-input { height: 34px; }

.cs-bud small.cs-warn { color: var(--cs-warn); }

.cs-bud__add { border-top: 1px solid var(--cs-line); font-size: var(--cs-fs-sm); flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 4px; padding-top: 14px; font-weight: 600; display: flex; }

@media (width <= 999px) {
  .cs-fin-ov > .cs-card { grid-column: 1 / -1; }
  .cs-fin__search { max-width: none; margin-left: 0px; }
  .cs-bud { grid-template-columns: 32px minmax(0px, 1fr) 120px 34px; }
  .cs-bud__track { grid-area: 2 / 2 / auto / 4; }
  .cs-bud__edit { grid-column: 3 / 5; }
}

@media (width <= 760px) {
  .cs-fin__table tr { grid-template-columns: minmax(0px, 1fr) auto auto; grid-template-areas: "payee payee amt" "cat rc date"; align-items: center; gap: 6px 10px; padding: 12px 14px 12px 52px; display: grid; }
  .cs-fin__table td[data-label]::before { display: none; }
  .cs-fin__table td.cs-fin__ck { width: auto; position: absolute; top: 16px; left: 14px; }
  .cs-fin__table td.cs-fin__payee { grid-area: payee; min-width: 0px; }
  .cs-fin__table td.cs-fin__payee .cs-cell__text b { max-width: none; }
  .cs-fin__table td.cs-fin__payee .cs-txico { display: none; }
  .cs-fin__table td.cs-fin__amt { grid-area: amt; align-self: start; }
  .cs-fin__table td.cs-fin__cat { grid-area: cat; }
  .cs-fin__table td.cs-fin__rc { font-size: var(--cs-fs-sm); grid-area: rc; }
  .cs-fin__table td.cs-fin__date { font-size: var(--cs-fs-xs); text-align: right; grid-area: date; }
  .cs-bulkbar { left: 12px; right: 12px; bottom: calc(92px + env(safe-area-inset-bottom)); flex-wrap: wrap; translate: none; }
  .cs-fin__sel { flex: 1 1 140px; }
  .cs-cards { grid-template-columns: minmax(0px, 1fr); }
  .cs-pcard__no { font-size: var(--cs-fs-lg); }
  .cs-bud { grid-template-columns: 32px minmax(0px, 1fr) auto 34px; gap: 10px; }
  .cs-bud__edit { grid-area: 3 / 2 / auto / -1; }
}

.cs-acc__kpis { margin-bottom: var(--cs-gap); }

.cs-acc__filters { flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 16px; display: flex; }

.cs-acc__search { flex: 1 1 220px; min-width: 0px; max-width: 340px; margin-left: auto; }

.cs-banks { gap: var(--cs-gap); margin-bottom: var(--cs-gap); grid-template-columns: repeat(4, minmax(0px, 1fr)); display: grid; }

.cs-bank { border-radius: var(--cs-r-lg); text-align: left; background: var(--cs-card); min-width: 0px; box-shadow: inset 0 0 0 1px var(--cs-line), var(--cs-shadow); gap: 12px; padding: 16px 18px; display: grid; }

.cs-bank:hover { background: var(--cs-card-2); }

.cs-bank[aria-checked="true"] { background: var(--cs-night); color: var(--cs-night-ink); box-shadow: var(--cs-shadow); }

.cs-bank[aria-checked="true"] small { color: var(--cs-night-muted); }

.cs-bank__top { align-items: center; gap: 10px; min-width: 0px; display: flex; }

.cs-bank__ico { background: var(--cs-card-2); width: 32px; height: 32px; box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 10px; flex: 0 0 auto; place-items: center; display: grid; }

.cs-bank[aria-checked="true"] .cs-bank__ico { background: var(--cs-accent); color: var(--cs-accent-ink); box-shadow: none; }

.cs-bank__bal { font-size: var(--cs-fs-3xl); letter-spacing: -0.01em; font-weight: 600; }

.cs-bank__foot { color: var(--cs-muted); justify-content: space-between; align-items: flex-end; gap: 8px; display: flex; }

.cs-bank__foot small { font-weight: 600; }

.cs-bank .cs-spark { color: var(--cs-s2); flex: 0 0 auto; width: 84px; height: 26px; }

.cs-bank[aria-checked="true"] .cs-spark { color: var(--cs-accent); }

.cs-acc-moves__body { grid-template-columns: 300px minmax(0px, 1fr); display: grid; }

.cs-acc-moves__chart { border-right: 1px solid var(--cs-line); align-content: start; gap: 6px; padding: 4px 20px 20px; display: grid; }

.cs-acc-moves__chart > .cs-muted { font-size: var(--cs-fs-sm); font-weight: 600; }

.cs-acc-moves__chart > b { font-size: var(--cs-fs-xl); letter-spacing: -0.01em; font-weight: 600; }

.cs-acc-moves__spark { width: 100%; height: 90px; color: var(--cs-accent); margin: 8px 0px; }

.cs-acc-moves__chart dl { font-size: var(--cs-fs-md); gap: 6px; margin: 0px; display: grid; }

.cs-acc-moves__chart dl div { justify-content: space-between; display: flex; }

.cs-acc-moves__chart dt { color: var(--cs-muted); font-weight: 500; }

.cs-acc-moves__chart dd { margin: 0px; font-weight: 600; }

.cs-acc-moves__list { padding: 0px 12px 10px; }

.cs-move { font-size: var(--cs-fs-md); border-radius: 12px; grid-template-columns: 96px minmax(0px, 1fr) auto; align-items: center; gap: 12px; padding: 9px 10px; display: grid; }

.cs-move:hover { background: var(--cs-card-2); }

.cs-move > b { white-space: nowrap; font-weight: 600; }

.cs-move__d { font-size: var(--cs-fs-sm); font-weight: 600; }

.cs-inv__table td { white-space: nowrap; }

.cs-inv__client .cs-cell__text b { max-width: 280px; }

.cs-inv__total { font-weight: 700; }

.cs-idet { gap: 18px; display: grid; }

.cs-idet__pills { font-size: var(--cs-fs-sm); flex-wrap: wrap; align-items: center; gap: 10px; font-weight: 600; display: flex; }

.cs-idet__desk { background: var(--cs-card-3); border-radius: 18px; padding: 18px; }

.cs-ipaper { color: rgb(34, 35, 31); font-size: var(--cs-fs-sm); background: rgb(255, 254, 249); border-radius: 4px; padding: 22px 22px 18px; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.45) 0px 12px 26px -16px; }

.cs-ipaper__head { border-bottom: 2px solid rgb(34, 35, 31); align-items: center; gap: 10px; padding-bottom: 14px; display: flex; }

.cs-ipaper__head b { font-size: var(--cs-fs-lg); font-weight: 700; display: block; }

.cs-ipaper__head small { color: rgb(107, 108, 101); font-size: var(--cs-fs-2xs); }

.cs-ipaper__mark { color: rgb(255, 255, 255); background: rgb(14, 108, 132); border-radius: 9px; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; display: grid; }

.cs-ipaper__mark svg { width: 18px; height: 18px; }

.cs-ipaper__meta { grid-template-columns: 1fr 1fr; gap: 12px; padding: 14px 0px; display: grid; }

.cs-ipaper__meta div { gap: 1px; display: grid; }

.cs-ipaper__meta .cs-r { text-align: right; }

.cs-ipaper__meta small { color: rgb(107, 108, 101); font-size: var(--cs-fs-2xs); font-weight: 600; }

.cs-ipaper__meta b { font-weight: 700; }

.cs-ipaper__lines { border-collapse: collapse; width: 100%; }

.cs-ipaper__lines th { text-align: left; font-size: var(--cs-fs-2xs); color: rgb(107, 108, 101); border-bottom: 1px solid rgba(34, 35, 31, 0.2); padding: 6px 0px; font-weight: 700; }

.cs-ipaper__lines td { vertical-align: top; border-bottom: 1px dashed rgba(34, 35, 31, 0.18); padding: 7px 0px; font-weight: 500; }

.cs-ipaper__lines td:first-child { padding-right: 10px; }

.cs-ipaper__lines .cs-r { text-align: right; white-space: nowrap; padding-left: 8px; }

.cs-ipaper__sum { gap: 4px; width: min(220px, 100%); margin: 12px 0px 0px auto; display: grid; }

.cs-ipaper__sum div { justify-content: space-between; display: flex; }

.cs-ipaper__sum dt { color: rgb(107, 108, 101); }

.cs-ipaper__sum dd { margin: 0px; font-weight: 600; }

.cs-ipaper__sum .cs-is-total { font-size: var(--cs-fs-lg); border-top: 2px solid rgb(34, 35, 31); margin-top: 2px; padding-top: 6px; }

.cs-ipaper__sum .cs-is-total dt { color: rgb(34, 35, 31); font-weight: 700; }

.cs-ipaper__pay { color: rgb(107, 108, 101); font-size: var(--cs-fs-2xs); margin-top: 16px; display: block; }

.cs-ipaper__stamp { border: 3px solid var(--cs-stamp); color: var(--cs-stamp); font-weight: 700; font-size: var(--cs-fs-3xl); letter-spacing: 0.16em; text-transform: uppercase; opacity: 0.9; mix-blend-mode: multiply; border-radius: 8px; padding: 4px 14px; position: absolute; bottom: 74px; left: 30px; transform: rotate(-12deg); }

.cs-ipaper__stamp:not(.cs-is-late) { color: rgb(29, 112, 70); border-color: rgb(29, 112, 70); }

.cs-ipaper__stamp.cs-is-late { font-size: var(--cs-fs-lg); }

.cs-idet__trail { gap: 12px; margin: 0px; padding: 0px 0px 0px 4px; list-style: none; display: grid; }

.cs-idet__trail li { font-size: var(--cs-fs-md); color: var(--cs-muted); justify-content: space-between; gap: 10px; padding-left: 22px; display: flex; position: relative; }

.cs-idet__trail li::before { content: ""; width: 10px; height: 10px; box-shadow: inset 0 0 0 2px var(--cs-line-2); border-radius: 50%; position: absolute; top: 4px; left: 0px; }

.cs-idet__trail li:not(:last-child)::after { content: ""; background: var(--cs-line); width: 2px; position: absolute; top: 17px; bottom: -11px; left: 4px; }

.cs-idet__trail li.cs-is-done { color: var(--cs-ink); }

.cs-idet__trail li.cs-is-done::before { background: var(--cs-ink); box-shadow: none; }

.cs-idet__trail b { font-weight: 600; }

.cs-bcols { gap: var(--cs-gap); grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: start; display: grid; }

.cs-bcol { border-radius: var(--cs-r-lg); background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); gap: 10px; padding: 14px; display: grid; }

.cs-bcol__head { align-items: center; gap: 10px; padding: 2px 4px 4px; display: flex; }

.cs-bcol__head .cs-cell__text { flex: 1 1 0%; }

.cs-bcol__head .cs-cell__text b { font-size: var(--cs-fs-lg); }

.cs-bcol__head .cs-cell__text small { white-space: normal; }

.cs-bcol__ic { background: var(--cs-card-3); border-radius: 10px; flex: 0 0 auto; place-items: center; width: 32px; height: 32px; display: grid; }

.cs-bcol__ic.cs-is-toapprove { background: var(--cs-warn-soft); color: var(--cs-warn); }

.cs-bcol__ic.cs-is-paid { background: var(--cs-good-soft); color: var(--cs-good); }

.cs-bcol__total { font-weight: 600; display: inline-block; }

.cs-bill { background: var(--cs-card); box-shadow: inset 0 0 0 1px var(--cs-line), var(--cs-shadow); border-radius: 16px; gap: 10px; padding: 14px; display: grid; }

.cs-bill__top { align-items: flex-start; gap: 10px; display: flex; }

.cs-bill__top .cs-cell__text { flex: 1 1 0%; }

.cs-bill__top .cs-cell__text small { white-space: normal; }

.cs-bill__amt { font-size: var(--cs-fs-lg); white-space: nowrap; font-weight: 600; }

.cs-bill__meta { font-size: var(--cs-fs-sm); flex-wrap: wrap; align-items: center; gap: 10px; font-weight: 600; display: flex; }

.cs-bill__meta .cs-linkbtn { margin-left: auto; }

.cs-bill__btns { gap: 8px; display: flex; }

.cs-bill__btns .cs-btn { flex: 1 1 0%; }

.cs-bcol .cs-empty { padding: 26px 12px; }

.cs-vat { gap: var(--cs-gap); grid-template-columns: minmax(0px, 1fr) 340px; align-items: start; display: grid; }

.cs-vat__side { gap: var(--cs-gap); display: grid; }

.cs-vboxes { gap: 6px; display: grid; }

.cs-vbox { background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); font-size: var(--cs-fs-md); border-radius: 12px; grid-template-columns: 34px minmax(0px, 1fr) auto; align-items: center; gap: 12px; padding: 11px 14px; display: grid; }

.cs-vbox__n { width: 26px; height: 26px; font-size: var(--cs-fs-2xs); background: var(--cs-card); box-shadow: inset 0 0 0 1px var(--cs-line-2); border-radius: 8px; place-items: center; font-weight: 700; display: grid; }

.cs-vbox__l { color: var(--cs-ink-2); font-weight: 600; }

.cs-vbox b { font-weight: 600; }

.cs-vbox.cs-is-strong { background: var(--cs-card); }

.cs-vbox.cs-is-five { background: var(--cs-tile-aqua); color: var(--cs-tile-ink); box-shadow: none; }

.cs-vbox.cs-is-five .cs-vbox__l { color: var(--cs-tile-ink); }

.cs-vbox.cs-is-five b { font-size: var(--cs-fs-xl); }

.cs-vat__warn { background: var(--cs-warn-soft); color: var(--cs-warn); font-size: var(--cs-fs-sm); border-radius: 12px; align-items: center; gap: 8px; margin-top: 12px; padding: 10px 14px; font-weight: 600; display: flex; }

.cs-vat__warn svg:last-child { margin-left: auto; }

.cs-vat .cs-steps { margin: 6px 0px 16px; }

.cs-vat__note { font-size: var(--cs-fs-sm); margin: 0px 0px 14px; }

.cs-vat__pot { flex-wrap: wrap; align-items: baseline; gap: 8px; display: flex; }

.cs-vat__pot b { font-size: var(--cs-fs-4xl); letter-spacing: -0.02em; font-weight: 600; }

.cs-vat__bar { background: var(--cs-card-3); border-radius: 8px; height: 8px; margin: 10px 0px 12px; display: block; overflow: hidden; }

.cs-vat__bar i { border-radius: inherit; background: var(--cs-accent); transform-origin: 0px center; height: 100%; display: block; transform: scaleX(0); }

@media (width <= 1279px) {
  .cs-banks { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .cs-vat { grid-template-columns: minmax(0px, 1fr); }
  .cs-vat__side { grid-template-columns: 1fr 1fr; }
}

@media (width <= 999px) {
  .cs-acc-moves__body { grid-template-columns: minmax(0px, 1fr); }
  .cs-acc-moves__chart { border-right: 0px; border-bottom: 1px solid var(--cs-line); }
  .cs-bcols { grid-template-columns: minmax(0px, 1fr); }
  .cs-acc__search { max-width: none; margin-left: 0px; }
}

@media (width <= 760px) {
  .cs-banks { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 10px; }
  .cs-bank { padding: 14px; }
  .cs-bank__bal { font-size: var(--cs-fs-xl); }
  .cs-bank__foot .cs-spark { display: none; }
  .cs-move { grid-template-columns: minmax(0px, 1fr) auto; }
  .cs-move__d { grid-column: 1 / -1; }
  .cs-vat__side { grid-template-columns: minmax(0px, 1fr); }
  .cs-vbox { grid-template-columns: 30px minmax(0px, 1fr); }
  .cs-vbox b { grid-column: 2; }
  .cs-idet__desk { padding: 10px; }
  .cs-ipaper { padding: 16px 14px; }
  .cs-ipaper__stamp { bottom: 80px; left: 16px; }
  .cs-inv__table td.cs-inv__st { width: auto; position: absolute; top: 12px; right: 14px; }
}

.cs-pay .cs-phead p b.cs-ink { color: var(--cs-ink); font-weight: 600; }

.cs-pd-who { align-items: center; gap: 12px; margin-bottom: 16px; display: flex; }

.cs-pd-who b { font-size: var(--cs-fs-lg); font-weight: 600; display: block; }

.cs-pd-who small { color: var(--cs-muted); font-size: var(--cs-fs-sm); display: block; }

.cs-rota__strip { margin-bottom: var(--cs-gap); grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 8px; display: grid; }

.cs-rday { text-align: left; background: var(--cs-card); box-shadow: inset 0 0 0 1px var(--cs-line), var(--cs-shadow); border-radius: 14px; justify-items: start; gap: 1px; min-width: 0px; padding: 10px 12px 12px; display: grid; position: relative; }

.cs-rday:hover { background: var(--cs-card-2); }

.cs-rday__w { font-size: var(--cs-fs-xs); color: var(--cs-muted); align-items: center; gap: 6px; font-weight: 600; display: flex; }

.cs-rday__w i { font-style: normal; font-size: var(--cs-fs-2xs); color: var(--cs-accent-text); font-weight: 700; }

.cs-rday b { font-size: var(--cs-fs-3xl); letter-spacing: -0.01em; font-weight: 600; line-height: 1.15; }

.cs-rday small { color: var(--cs-muted); font-size: var(--cs-fs-xs); white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden; }

.cs-rday__load { background: var(--cs-card-3); border-radius: 4px; width: 100%; height: 4px; margin-top: 6px; overflow: hidden; }

.cs-rday__load i { background: var(--cs-s2); border-radius: inherit; transform-origin: 0px center; height: 100%; display: block; }

.cs-rday.cs-is-on { background: var(--cs-ink); color: var(--cs-card); box-shadow: var(--cs-shadow); }

.cs-rday.cs-is-on .cs-rday__w, .cs-rday.cs-is-on small { color: color-mix(in oklab, var(--cs-card) 70%, transparent); }

.cs-rday.cs-is-on .cs-rday__w i { color: var(--cs-accent); }

.cs-rday.cs-is-on .cs-rday__load { background: rgba(255, 255, 255, 0.16); }

[data-theme="dark"] .cs-rday.cs-is-on .cs-rday__load { background: rgba(0, 0, 0, 0.18); }

.cs-rday.cs-is-on .cs-rday__load i { background: var(--cs-accent); }

.cs-rday.cs-is-drop { box-shadow: inset 0 0 0 2px var(--cs-accent), 0 0 0 4px var(--cs-accent-soft); }

.cs-rota__card .cs-chead { padding: 16px 20px 0px; }

.cs-rota__scroll { padding: 0px 20px 4px; overflow-x: auto; }

.cs-rota__grid { min-width: 760px; }

.cs-rota__axis, .cs-rrow { grid-template-columns: 210px minmax(0px, 1fr) 64px; align-items: center; gap: 14px; display: grid; }

.cs-rota__axis { border-bottom: 1px solid var(--cs-line); height: 28px; }

.cs-rota__axislabel { font-size: var(--cs-fs-xs); color: var(--cs-muted); font-weight: 600; }

.cs-rota__axislabel.cs-r { text-align: right; }

.cs-rota__ticks { height: 100%; position: relative; }

.cs-rota__ticks span { font-size: var(--cs-fs-2xs); color: var(--cs-muted); font-weight: 600; position: absolute; top: 6px; transform: translate(-50%); }

.cs-rota__ticks span:first-child { transform: none; }

.cs-rota__ticks span:last-child { transform: translate(-100%); }

.cs-rrow { border-bottom: 1px solid var(--cs-line); border-radius: 10px; min-height: 52px; }

.cs-rrow:last-child { border-bottom: 0px; }

.cs-rrow.cs-is-drop { background: var(--cs-accent-soft); }

.cs-rrow__who { align-items: center; gap: 10px; min-width: 0px; display: flex; }

.cs-rrow__who:hover b { text-underline-offset: 3px; text-decoration: underline; }

.cs-rrow.cs-is-off .cs-rrow__who { opacity: 0.55; }

.cs-rrow__track { height: 40px; position: relative; }

.cs-rrow__grid { background: var(--cs-line); width: 1px; position: absolute; top: 4px; bottom: 4px; }

.cs-rrow__now { background: var(--cs-bad); z-index: 1; border-radius: 2px; width: 2px; margin-left: -1px; position: absolute; top: -6px; bottom: -6px; }

.cs-rbar { z-index: 2; text-align: left; cursor: grab; touch-action: pan-y; min-width: 0px; color: var(--cs-ink); box-shadow: inset 0 0 0 1px var(--cs-line-2); border-radius: 10px; flex-direction: column; justify-content: center; gap: 0px; padding: 0px 10px; display: flex; position: absolute; top: 4px; bottom: 4px; overflow: hidden; }

.cs-rbar b { font-size: var(--cs-fs-xs); white-space: nowrap; text-overflow: ellipsis; font-weight: 700; overflow: hidden; }

.cs-rbar span { font-size: var(--cs-fs-2xs); color: var(--cs-ink-2); white-space: nowrap; font-weight: 600; }

.cs-rbar--om { background: var(--cs-tile-aqua); box-shadow: inset 3px 0 0 var(--cs-accent); }

.cs-rbar--hs { background: var(--cs-tile-slate); box-shadow: inset 3px 0 0 var(--cs-s2); }

.cs-rbar:hover { filter: brightness(0.97); }

.cs-rbar.cs-is-armed { box-shadow: 0 0 0 2px var(--cs-accent); }

.cs-rbar.cs-is-drag { cursor: grabbing; z-index: 10; pointer-events: none; box-shadow: var(--cs-shadow-lg), inset 0 0 0 1.5px var(--cs-ink); overflow: visible; }

.cs-rbar.cs-is-drag::after { content: attr(data-label); background: var(--cs-ink); color: var(--cs-card); font-size: var(--cs-fs-2xs); white-space: nowrap; border-radius: 7px; padding: 3px 7px; font-weight: 700; position: absolute; bottom: calc(100% + 6px); left: 0px; }

.cs-rrow__wk { text-align: right; font-size: var(--cs-fs-xs); color: var(--cs-muted); font-weight: 600; }

.cs-rrow__wk b { color: var(--cs-ink); font-size: var(--cs-fs-md); }

.cs-rrow__wk.cs-is-over b { color: var(--cs-warn); }

.cs-rota__foot { border-top: 1px solid var(--cs-line); padding: 12px 20px 16px; }

.cs-rk { border-radius: 3px !important; width: 12px !important; height: 8px !important; }

.cs-rk--om { box-shadow: inset 2px 0 0 var(--cs-accent); background: var(--cs-tile-aqua) !important; }

.cs-rk--hs { box-shadow: inset 2px 0 0 var(--cs-s2); background: var(--cs-tile-slate) !important; }

.cs-rk--now { background: var(--cs-bad) !important; width: 2px !important; height: 12px !important; }

.cs-rota__tip { margin-left: auto; }

@media (hover: hover) and (pointer: fine) {
  .cs-rota__tip { display: none !important; }
}

.cs-leave { gap: var(--cs-gap); grid-template-columns: minmax(0px, 5fr) minmax(0px, 7fr); align-items: start; display: grid; }

.cs-leave__reqs { grid-area: 1 / 1 / span 2; }

.cs-leave__strip, .cs-leave__allow { grid-column: 2; }

.cs-lreq { border-bottom: 1px solid var(--cs-line); gap: 12px; padding: 12px 0px; display: flex; }

.cs-lreq:last-of-type { border-bottom: 0px; }

.cs-lreq__text { min-width: 0px; font-size: var(--cs-fs-md); flex: 1 1 0%; gap: 2px; display: grid; }

.cs-lreq__text b { font-weight: 600; }

.cs-lreq__text small { font-size: var(--cs-fs-sm); }

.cs-lreq__acts { align-items: flex-start; gap: 6px; display: flex; }

.cs-leave__offnow { border-top: 1px solid var(--cs-line); font-size: var(--cs-fs-sm); flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; padding-top: 12px; font-weight: 600; display: flex; }

.cs-leave__chip { background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 99px; align-items: center; gap: 6px; padding: 3px 10px 3px 3px; display: inline-flex; }

.cs-leave__strip .cs-chead { padding: 16px 20px 0px; }

.cs-lstrip__scroll { margin: 0px 20px; padding-bottom: 18px; overflow-x: auto; }

.cs-lstrip { grid-template-columns: 110px minmax(0px, 1fr); min-width: 640px; display: grid; }

.cs-lstrip__days { grid-template-columns: repeat(var(--cs-n), minmax(0, 1fr)); border-bottom: 1px solid var(--cs-line); display: grid; }

.cs-lstrip__days span { font-size: var(--cs-fs-2xs); color: var(--cs-muted); justify-items: center; padding: 4px 0px 6px; font-weight: 600; display: grid; }

.cs-lstrip__days span small { opacity: 0.7; font-size: 10px; }

.cs-lstrip__days .cs-is-wkend { background: var(--cs-card-2); }

.cs-lstrip__days .cs-is-today { color: var(--cs-accent-text); font-weight: 700; }

.cs-lstrip__row { display: contents; }

.cs-lstrip__who { height: 44px; font-size: var(--cs-fs-md); border-bottom: 1px solid var(--cs-line); align-items: center; gap: 8px; min-width: 0px; display: flex; }

.cs-lstrip__who b { white-space: nowrap; text-overflow: ellipsis; font-weight: 600; overflow: hidden; }

.cs-lstrip__track { border-bottom: 1px solid var(--cs-line); height: 44px; position: relative; }

.cs-lstrip__today { background: var(--cs-accent-soft); position: absolute; top: 0px; bottom: 0px; }

.cs-lstrip__bar { font-size: var(--cs-fs-2xs); white-space: nowrap; border-radius: 8px; align-items: center; padding: 0px 8px; font-weight: 700; display: flex; position: absolute; top: 9px; bottom: 9px; overflow: hidden; }

.cs-lk--gold { background: var(--cs-accent); color: var(--cs-accent-ink); }

.cs-lk--bad { background: var(--cs-bad); color: rgb(255, 255, 255); }

.cs-lk--info { background: var(--cs-info); color: rgb(255, 255, 255); }

[data-theme="dark"] .cs-lk--info, [data-theme="dark"] .cs-lk--bad { color: rgb(17, 17, 17); }

.cs-lk--plain { background: var(--cs-card-3); color: var(--cs-ink); }

.cs-lstrip__bar.cs-is-pending { background: repeating-linear-gradient(-45deg, var(--cs-accent-soft) 0 6px, transparent 6px 12px); color: var(--cs-accent-text); box-shadow: inset 0 0 0 1.5px var(--cs-accent); }

.cs-legend i.cs-lk { width: 10px; height: 10px; }

.cs-legend i.cs-lk--bad { background: var(--cs-bad); }

.cs-legend i.cs-lk--info { background: var(--cs-info); }

.cs-legend i.cs-lk--gold { background: var(--cs-accent); }

.cs-allow { display: grid; }

.cs-lrow { border-bottom: 1px solid var(--cs-line); grid-template-columns: 26px minmax(0px, 1fr) 110px 52px; align-items: center; gap: 10px; padding: 8px 0px; display: grid; }

.cs-lrow:last-child { border-bottom: 0px; }

.cs-allow__track { background: var(--cs-card-3); border-radius: 6px; height: 6px; position: relative; overflow: hidden; }

.cs-allow__fill { border-radius: inherit; background: var(--cs-s2); transform-origin: 0px center; position: absolute; top: 0px; bottom: 0px; left: 0px; }

.cs-allow__fill.cs-is-high { background: var(--cs-warn); }

.cs-allow__pend { background: repeating-linear-gradient(-45deg, var(--cs-accent) 0 3px, transparent 3px 6px); position: absolute; top: 0px; bottom: 0px; }

.cs-lrow__n { text-align: right; font-weight: 600; }

.cs-lrow__n small { color: var(--cs-muted); font-weight: 500; }

.cs-allow__more { margin-top: 10px; display: block; }

.cs-run { gap: var(--cs-gap); display: grid; }

.cs-runsum { overflow: hidden; }

.cs-runsum .cs-steps { margin: 6px 0px 20px; }

.cs-runsum__stamp { border: 3px solid var(--cs-good); color: var(--cs-good); font-weight: 700; font-size: var(--cs-fs-2xl); letter-spacing: 0.16em; text-transform: uppercase; border-radius: 9px; padding: 4px 14px; rotate: -8deg; }

.cs-runsum__figs { grid-template-columns: 1.5fr repeat(5, minmax(0px, 1fr)); gap: 10px; display: grid; }

.cs-runsum__fig { background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 14px; gap: 2px; min-width: 0px; padding: 12px 14px; display: grid; }

.cs-runsum__fig > span { font-size: var(--cs-fs-xs); color: var(--cs-muted); font-weight: 600; }

.cs-runsum__fig b { font-size: var(--cs-fs-3xl); letter-spacing: -0.01em; white-space: nowrap; font-weight: 600; }

.cs-runsum__fig--net { background: var(--cs-tile-aqua); color: var(--cs-tile-ink); box-shadow: none; }

.cs-runsum__fig--net > span { color: var(--cs-tile-muted); }

.cs-runsum__fig--net b { font-size: var(--cs-fs-4xl); letter-spacing: -0.02em; }

.cs-runsum__acts { flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px; display: flex; }

.cs-runsum__acts p { font-size: var(--cs-fs-sm); align-items: center; gap: 6px; display: flex; }

.cs-runsum__spacer { flex: 1 1 0%; }

.cs-prun .cs-chead { padding: 16px 20px 0px; }

.cs-prun .cs-table th:first-child, .cs-prun .cs-table td:first-child { padding-left: 20px; }

.cs-prun tfoot td { border-top: 1px solid var(--cs-line-2); background: var(--cs-card-2); border-bottom: 0px; font-weight: 600; }

.cs-input--cell { text-align: right; width: 76px; height: 32px; font-size: var(--cs-fs-md); border-radius: 9px; padding: 0px 8px; font-weight: 600; }

.cs-prun__cell { width: 40px; }

.cs-prun__sent { background: var(--cs-good); color: rgb(255, 255, 255); opacity: 0; border-radius: 50%; place-items: center; width: 22px; height: 22px; display: inline-grid; }

[data-theme="dark"] .cs-prun__sent { color: rgb(17, 17, 17); }

.cs-prun tr.cs-is-sent .cs-prun__sent, .cs-prun tr.cs-is-sending .cs-prun__sent { opacity: 1; }

.cs-prun tr.cs-is-sending td { background: var(--cs-good-soft); }

.cs-hist { gap: var(--cs-gap); grid-template-columns: minmax(0px, 8fr) minmax(0px, 4fr); align-items: start; display: grid; }

.cs-hist__list { grid-column: 1 / -1; }

.cs-hist__list .cs-chead { padding: 16px 20px 0px; }

.cs-hist__list .cs-table td:first-child, .cs-hist__list .cs-table th:first-child { padding-left: 20px; }

.cs-hist__stats { gap: 10px; display: grid; }

.cs-hstat { background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 14px; gap: 2px; padding: 12px 14px; display: grid; }

.cs-hstat > span { font-size: var(--cs-fs-xs); color: var(--cs-muted); font-weight: 600; }

.cs-hstat b { font-size: var(--cs-fs-3xl); letter-spacing: -0.01em; font-weight: 600; }

.cs-hstat small { color: var(--cs-muted); }

.cs-hist__chart .cs-legend { margin-top: 8px; }

.cs-slips__search { margin-bottom: 10px; }

.cs-slips { display: grid; }

.cs-slip { font-size: var(--cs-fs-md); border-radius: 12px; grid-template-columns: 26px minmax(0px, 1fr) auto 16px; align-items: center; gap: 10px; margin: 0px -8px; padding: 9px 8px; display: grid; }

.cs-slip:hover { background: var(--cs-card-2); }

.cs-slip > svg { color: var(--cs-muted); }

.cs-payslip__head { background: var(--cs-tile-aqua); color: var(--cs-tile-ink); border-radius: 14px; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 16px; padding: 14px 16px; display: flex; }

.cs-payslip__head b { font-weight: 600; display: block; }

.cs-payslip__head small { color: var(--cs-tile-muted); }

.cs-payslip__net { text-align: right; }

.cs-payslip__net b { font-size: var(--cs-fs-3xl); letter-spacing: -0.01em; }

.cs-payslip .cs-pd-who small + small { margin-top: 2px; }

.cs-payslip__h { font-size: var(--cs-fs-sm); color: var(--cs-muted); text-transform: uppercase; letter-spacing: 0.06em; margin: 4px 0px 2px; font-weight: 700; }

.cs-payslip__foot { font-size: var(--cs-fs-sm); }

@media (width <= 1279px) {
  .cs-runsum__figs { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .cs-leave { grid-template-columns: minmax(0px, 1fr); }
  .cs-leave__strip, .cs-leave__allow, .cs-leave__reqs { grid-area: auto; }
}

@media (width <= 999px) {
  .cs-rota__strip { scrollbar-width: none; grid-template-columns: repeat(7, minmax(84px, 1fr)); padding-bottom: 4px; overflow-x: auto; }
  .cs-hist { grid-template-columns: minmax(0px, 1fr); }
  .cs-hist__stats { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}

@media (width <= 760px) {
  .cs-rota__strip { margin-left: -14px; margin-right: -14px; padding: 2px 14px 6px; }
  .cs-rota__axis, .cs-rrow { grid-template-columns: 150px minmax(0px, 1fr) 54px; }
  .cs-rota__scroll { scroll-snap-type: x; }
  .cs-rota__card .cs-chead .cs-seg { width: 100%; overflow-x: auto; }
  .cs-runsum__figs { grid-template-columns: 1fr 1fr; }
  .cs-runsum__fig--net { grid-column: 1 / -1; }
  .cs-runsum__acts .cs-btn { width: 100%; }
  .cs-runsum__stamp { font-size: var(--cs-fs-lg); }
  .cs-hist__stats { grid-template-columns: 1fr; }
  .cs-lreq { flex-wrap: wrap; }
  .cs-lreq__acts { justify-content: flex-end; width: 100%; }
  .cs-prun .cs-table td:first-child { padding-left: 0px; }
  .cs-prun tfoot tr { padding: 12px 14px; display: block; }
  .cs-prun tfoot td { background: 0px 0px; border: 0px; padding: 2px 0px; display: block; }
  .cs-prun tfoot td[data-label]::before { content: attr(data-label); min-width: 92px; font-size: var(--cs-fs-xs); color: var(--cs-muted); font-weight: 600; display: inline-block; }
  .cs-prun tfoot td.cs-r { text-align: left; }
  .cs-prun tfoot { background: var(--cs-card-2); display: block; }
  .cs-prun__cell { position: absolute; top: 12px; right: 14px; width: auto !important; }
  .cs-hist__list .cs-table td:first-child { padding-left: 0px; }
}

.cs-rota__more { margin: 10px 0px 6px; display: block; }

@media (width <= 760px) {
  .cs-prun tbody tr { grid-template-columns: 1fr 1fr; gap: 4px 16px; display: grid; }
  .cs-prun tbody td:first-child { grid-column: 1 / -1; margin-bottom: 4px; }
  .cs-prun tbody td[data-label] { justify-content: space-between; align-items: center; gap: 8px; display: flex; }
  .cs-prun tbody td[data-label]::before { min-width: 0px; }
  .cs-prun .cs-input--cell { width: 84px; height: 36px; }
}

.cs-kv dd.cs-kv__step { justify-content: flex-end; align-items: center; gap: 6px; display: inline-flex; }

.cs-ppl .cs-phead p b.cs-ink { color: var(--cs-ink); font-weight: 600; }

.cs-pstats { gap: var(--cs-gap); margin-bottom: var(--cs-gap); grid-template-columns: repeat(4, minmax(0px, 1fr)); display: grid; }

.cs-pstat { border-radius: var(--cs-r-lg); background: var(--cs-card); box-shadow: inset 0 0 0 1px var(--cs-line), var(--cs-shadow); gap: 4px; min-width: 0px; padding: 14px 16px; display: grid; }

.cs-pstat > span { font-size: var(--cs-fs-sm); color: var(--cs-muted); align-items: center; gap: 6px; font-weight: 600; display: flex; }

.cs-pstat b { font-size: var(--cs-fs-3xl); letter-spacing: -0.01em; font-weight: 600; line-height: 1.15; }

.cs-pstat small { color: var(--cs-muted); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.cs-pstat--gold { background: var(--cs-tile-aqua); color: var(--cs-tile-ink); box-shadow: none; }

.cs-pstat--gold > span, .cs-pstat--gold small { color: var(--cs-tile-muted); }

.cs-dir__bar { margin-bottom: var(--cs-gap); flex-wrap: wrap; align-items: center; gap: 10px; display: flex; }

.cs-dir__bar .cs-inwrap { flex: 0 1 280px; }

.cs-dir__bar .cs-chips { flex: 1 1 auto; }

.cs-pgrid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; display: grid; }

.cs-ppcard { border-radius: var(--cs-r-lg); background: var(--cs-card); box-shadow: inset 0 0 0 1px var(--cs-line), var(--cs-shadow); flex-direction: column; gap: 2px; min-width: 0px; padding: 16px; display: flex; }

.cs-ppcard:hover { box-shadow: inset 0 0 0 1px var(--cs-line-2), var(--cs-shadow-lg); }

.cs-ppcard__top { justify-content: space-between; align-items: flex-start; margin-bottom: 10px; display: flex; }

.cs-ppcard__name { font-size: var(--cs-fs-lg); white-space: nowrap; text-overflow: ellipsis; font-weight: 600; overflow: hidden; }

.cs-ppcard__role { color: var(--cs-muted); font-size: var(--cs-fs-sm); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.cs-ppcard__meta { border-top: 1px solid var(--cs-line); font-size: var(--cs-fs-xs); color: var(--cs-muted); flex-wrap: wrap; gap: 4px 12px; margin-top: 12px; padding-top: 10px; font-weight: 600; display: flex; }

.cs-ppcard__meta span { align-items: center; gap: 4px; display: inline-flex; }

.cs-ppcard__meta svg { width: 14px; height: 14px; }

.cs-pd-hero { align-items: center; gap: 14px; margin-bottom: 18px; display: flex; }

.cs-pd-hero b { font-size: var(--cs-fs-xl); letter-spacing: -0.01em; font-weight: 600; display: block; }

.cs-pd-hero > div > span { color: var(--cs-muted); font-size: var(--cs-fs-sm); display: block; }

.cs-pd-hero__pills { flex-wrap: wrap; gap: 6px; margin-top: 8px; display: flex; }

.cs-pd-reports { align-items: center; gap: 2px; display: flex; }

.cs-pd-sec { border-top: 1px solid var(--cs-line); padding: 14px 0px; }

.cs-pd-sec__head { justify-content: space-between; align-items: baseline; margin-bottom: 10px; display: flex; }

.cs-pd-sec__head b { font-weight: 600; }

.cs-pd-sec__head small { color: var(--cs-muted); }

.cs-pd-allow { background: var(--cs-card-3); border-radius: 8px; height: 8px; display: block; overflow: hidden; }

.cs-pd-allow i { border-radius: inherit; background: var(--cs-accent); transform-origin: 0px center; height: 100%; display: block; transform: scaleX(0); }

.cs-pd-leave { font-size: var(--cs-fs-sm); gap: 6px; margin-top: 10px; font-weight: 600; display: grid; }

.cs-pd-leave span { align-items: center; gap: 8px; display: flex; }

.cs-pd-week { grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 4px; display: grid; }

.cs-pd-day { background: var(--cs-card-2); font-size: var(--cs-fs-2xs); text-align: center; border-radius: 10px; justify-items: center; gap: 4px; padding: 8px 2px; font-weight: 700; line-height: 1.3; display: grid; }

.cs-pd-day small { font-size: var(--cs-fs-2xs); color: var(--cs-muted); }

.cs-pd-day.cs-is-on { background: var(--cs-tile-aqua); color: var(--cs-tile-ink); }

.cs-pd-day.cs-is-on small { color: var(--cs-tile-muted); }

.cs-pd-day.cs-is-today { box-shadow: inset 0 0 0 1.5px var(--cs-ink); }

.cs-org { position: relative; }

.cs-org__top { z-index: 1; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px; display: flex; position: relative; }

.cs-org__gm { border-radius: var(--cs-r-lg); background: var(--cs-night); color: var(--cs-night-ink); box-shadow: var(--cs-shadow-lg); align-items: center; gap: 14px; min-width: min(440px, 100%); padding: 14px 18px; display: flex; }

.cs-org__gm .cs-cell__text small { color: var(--cs-night-muted); }

.cs-org__cost { text-align: right; margin-left: auto; display: grid; }

.cs-org__cost small { color: var(--cs-night-muted); font-size: var(--cs-fs-2xs); font-weight: 600; }

.cs-org__cost b { font-size: var(--cs-fs-xl); color: var(--cs-accent); font-weight: 600; }

.cs-org__peer { border-radius: var(--cs-r-md); background: var(--cs-card); box-shadow: inset 0 0 0 1px var(--cs-line), var(--cs-shadow); align-items: center; gap: 10px; padding: 10px 14px; display: flex; }

.cs-org__spine { background: var(--cs-line-2); transform-origin: 50% 0px; width: 2px; height: 26px; margin: 0px auto; display: block; }

.cs-org__rail { background: var(--cs-line-2); transform-origin: 50% center; height: 2px; margin: 0px 8.33333%; display: block; }

.cs-org__teams { grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 12px; display: grid; }

.cs-tcol { margin-top: 22px; padding: 14px; position: relative; }

.cs-tcol__stub { background: var(--cs-line-2); width: 2px; height: 22px; margin-left: -1px; position: absolute; top: -22px; left: 50%; }

.cs-tcol__head { border-bottom: 1px solid var(--cs-line); gap: 4px; margin-bottom: 6px; padding-bottom: 10px; display: grid; }

.cs-tcol__head h2 { font-size: var(--cs-fs-lg); letter-spacing: -0.005em; font-weight: 600; }

.cs-tcol__nums { font-size: var(--cs-fs-xs); color: var(--cs-muted); font-weight: 600; }

.cs-tcol__nums b { color: var(--cs-ink); }

.cs-tcol__bar { background: var(--cs-card-3); border-radius: 4px; height: 4px; overflow: hidden; }

.cs-tcol__bar i { background: var(--cs-accent); transform-origin: 0px center; border-radius: inherit; height: 100%; display: block; }

.cs-tcol__list { gap: 2px; display: grid; }

.cs-tmem { font-size: var(--cs-fs-md); border-radius: 10px; align-items: center; gap: 8px; min-width: 0px; padding: 6px; display: flex; position: relative; }

.cs-tmem:hover { background: var(--cs-card-2); }

.cs-tmem .cs-cell__text small { font-size: var(--cs-fs-2xs); }

.cs-tmem--lead { background: var(--cs-card-2); }

.cs-tmem--d1 { margin-left: 14px; }

.cs-tmem--d2 { margin-left: 28px; }

.cs-tmem--d1::before, .cs-tmem--d2::before { content: ""; border-left: 1.5px solid var(--cs-line-2); border-bottom: 1.5px solid var(--cs-line-2); border-bottom-left-radius: 6px; width: 7px; height: 50%; position: absolute; top: 0px; left: -8px; }

.cs-hire__bar { margin-bottom: var(--cs-gap); flex-wrap: wrap; align-items: center; gap: 12px; display: flex; }

.cs-hire__bar .cs-chips { flex: 1 1 0%; }

.cs-hire__tip { font-size: var(--cs-fs-sm); align-items: center; gap: 6px; display: flex; }

.cs-kboard__scroll { margin: 0px -4px; padding: 0px 4px 8px; overflow-x: auto; }

.cs-kboard { grid-template-columns: repeat(5, minmax(220px, 1fr)); align-items: start; gap: 12px; min-width: 1140px; display: grid; }

.cs-kcol { border-radius: var(--cs-r-lg); background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); min-height: 260px; padding: 10px; }

.cs-kcol.cs-is-over { background: var(--cs-accent-soft); box-shadow: inset 0 0 0 2px var(--cs-accent); }

.cs-kcol__head { align-items: center; gap: 8px; padding: 4px 4px 10px; display: flex; }

.cs-kcol__head h2 { font-size: var(--cs-fs-md); flex: 1 1 0%; font-weight: 600; }

.cs-kcol__dot { background: var(--cs-muted); border-radius: 50%; width: 8px; height: 8px; }

.cs-kcol--1 .cs-kcol__dot { background: var(--cs-info); }

.cs-kcol--2 .cs-kcol__dot { background: var(--cs-warn); }

.cs-kcol--3 .cs-kcol__dot { background: var(--cs-accent); }

.cs-kcol--4 .cs-kcol__dot { background: var(--cs-good); }

.cs-kcol__list { gap: 8px; display: grid; }

.cs-kcol__empty { text-align: center; color: var(--cs-muted); font-size: var(--cs-fs-sm); border: 1.5px dashed var(--cs-line-2); border-radius: 14px; padding: 22px 10px; }

.cs-kcard { background: var(--cs-card); box-shadow: inset 0 0 0 1px var(--cs-line), var(--cs-shadow); cursor: grab; touch-action: pan-y; user-select: none; border-radius: 14px; gap: 4px; padding: 12px; display: grid; }

.cs-kcard:hover { box-shadow: inset 0 0 0 1px var(--cs-line-2), var(--cs-shadow); }

.cs-kcard.cs-is-drag { cursor: grabbing; z-index: 20; pointer-events: none; box-shadow: var(--cs-shadow-lg), inset 0 0 0 1.5px var(--cs-ink); position: relative; }

.cs-kcard.cs-is-armed { box-shadow: 0 0 0 2px var(--cs-accent); }

.cs-kcard__top { align-items: center; gap: 8px; display: flex; }

.cs-kcard__top b { white-space: nowrap; text-overflow: ellipsis; font-weight: 600; overflow: hidden; }

.cs-kcard__role { font-size: var(--cs-fs-xs); color: var(--cs-accent-text); font-weight: 600; }

.cs-kcard p { font-size: var(--cs-fs-sm); color: var(--cs-muted); -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }

.cs-kcard__foot { align-items: center; gap: 8px; margin-top: 4px; display: flex; }

.cs-kcard__foot small { color: var(--cs-muted); font-size: var(--cs-fs-2xs); flex: 1 1 0%; font-weight: 600; }

.cs-kcard__next { width: 28px; height: 28px; }

.cs-kcard--hired { cursor: pointer; background: var(--cs-good-soft); box-shadow: none; }

.cs-stars { color: var(--cs-card-3); gap: 1px; display: inline-flex; }

.cs-stars i, .cs-stars button { color: var(--cs-line-2); display: grid; }

.cs-stars .cs-is-on { color: var(--cs-accent); }

.cs-stars .cs-is-on svg { fill: currentcolor; }

.cs-stars button { border-radius: 8px; place-items: center; width: 28px; height: 28px; }

.cs-stars button:hover { background: var(--cs-card-2); }

.cs-stars--sm svg { width: 13px; height: 13px; }

.cs-cd-steps { margin: 4px 0px 18px; }

@media (width <= 1279px) {
  .cs-org__teams { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .cs-org__rail, .cs-tcol__stub { display: none; }
  .cs-tcol { margin-top: 12px; }
}

@media (width <= 999px) {
  .cs-pstats, .cs-org__teams { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}

@media (width <= 760px) {
  .cs-dir__bar .cs-inwrap { flex: 1 1 100%; }
  .cs-dir__bar .cs-chips { scrollbar-width: none; flex-wrap: nowrap; margin: 0px -14px; padding: 2px 14px; overflow-x: auto; }
  .cs-pgrid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .cs-ppcard { padding: 12px; }
  .cs-ppcard__meta span:last-child { display: none; }
  .cs-org__teams { grid-template-columns: 1fr; }
  .cs-org__gm { width: 100%; min-width: 0px; }
  .cs-org__peer { width: 100%; }
  .cs-kboard { grid-template-columns: repeat(5, 78vw); min-width: 0px; }
  .cs-kboard__scroll { scroll-snap-type: x mandatory; margin: 0px -14px; padding: 0px 14px 8px; }
  .cs-kcol { scroll-snap-align: start; }
  .cs-hire__bar .cs-chips { scrollbar-width: none; flex-wrap: nowrap; overflow-x: auto; }
}

.cs-ct-reg { gap: var(--cs-gap); display: grid; }

.cs-ct-filters { flex-wrap: wrap; align-items: center; gap: 10px; padding: 0px 20px 14px; display: flex; }

.cs-ct-filters .cs-inwrap { flex: 1 1 220px; }

.cs-ct-status { width: auto; min-width: 170px; }

.cs-contracts .cs-card--flush .cs-table th:first-child, .cs-contracts .cs-card--flush .cs-table td:first-child { padding-left: 20px; }

.cs-contracts .cs-card--flush .cs-table th:last-child, .cs-contracts .cs-card--flush .cs-table td:last-child { padding-right: 20px; }

.cs-runway__track { height: 150px; margin: 4px 4px 0px; position: relative; }

.cs-runway__line { background: var(--cs-line-2); border-radius: 2px; height: 2px; position: absolute; bottom: 24px; left: 0px; right: 0px; }

.cs-runway__tick { font-size: var(--cs-fs-2xs); color: var(--cs-muted); white-space: nowrap; font-weight: 600; position: absolute; bottom: 0px; transform: translate(-50%); }

.cs-runway__tick:first-of-type { transform: none; }

.cs-runway__tick:nth-of-type(4) { transform: translate(-100%); }

.cs-runway__pin { height: 30px; font-size: var(--cs-fs-xs); white-space: nowrap; background: var(--cs-card); box-shadow: inset 0 0 0 1px var(--cs-line-2), var(--cs-shadow); border-radius: 0px 10px 10px; align-items: center; gap: 6px; max-width: 220px; margin-left: 0px; padding: 0px 10px 0px 8px; font-weight: 600; display: inline-flex; position: absolute; }

.cs-runway__pin.cs-is-flip { border-radius: 10px 0px 10px 10px; }

.cs-runway__pin.cs-is-flip::before { left: auto; right: 0px; }

.cs-runway__pin span { text-overflow: ellipsis; overflow: hidden; }

.cs-runway__pin small { color: var(--cs-muted); font-weight: 700; }

.cs-runway__pin::before { content: ""; width: 2px; height: var(--cs-stem,60px); opacity: 0.35; pointer-events: none; background: currentcolor; position: absolute; top: 30px; left: 0px; }

.cs-runway__pin.cs-tone-warn { color: var(--cs-warn); }

.cs-runway__pin.cs-tone-accent { color: var(--cs-accent-text); }

.cs-runway__pin.cs-tone-good { color: var(--cs-good); }

.cs-runway__pin span, .cs-runway__pin small { color: var(--cs-ink); }

.cs-runway__track { overflow: hidden; }

.cs-runway__pin:hover { background: var(--cs-card-2); }

.cs-ctd { gap: 18px; display: grid; }

.cs-ctd__top { flex-wrap: wrap; gap: 6px; display: flex; }

.cs-ctd__fig { gap: 2px; display: grid; }

.cs-ctd__fig .cs-muted { font-size: var(--cs-fs-sm); font-weight: 600; }

.cs-ctd__fig b { font-size: var(--cs-fs-4xl); letter-spacing: -0.02em; font-weight: 600; }

.cs-ctd__run { gap: 6px; display: grid; }

.cs-ctd__dates { font-size: var(--cs-fs-sm); justify-content: space-between; font-weight: 600; display: flex; }

.cs-ctd__bar { background: var(--cs-card-3); border-radius: 8px; height: 8px; overflow: hidden; }

.cs-ctd__bar i { border-radius: inherit; background: var(--cs-accent); transform-origin: 0px center; height: 100%; display: block; transform: scaleX(0); }

.cs-ctd__list { margin: 0px; display: grid; }

.cs-ctd__list > div { border-top: 1px solid var(--cs-line); font-size: var(--cs-fs-md); grid-template-columns: 96px minmax(0px, 1fr); gap: 12px; padding: 11px 0px; display: grid; }

.cs-ctd__list dt { color: var(--cs-muted); font-weight: 600; }

.cs-ctd__list dd { min-width: 0px; margin: 0px; font-weight: 600; }

.cs-ctd__list dd small { color: var(--cs-muted); overflow-wrap: anywhere; font-weight: 500; display: block; }

.cs-films { gap: var(--cs-gap); grid-template-columns: repeat(12, minmax(0px, 1fr)); align-items: start; display: grid; }

.cs-films__list { grid-column: span 5; grid-template-columns: 1fr 1fr; gap: 12px; display: grid; }

.cs-calc { grid-column: span 7; position: sticky; top: 80px; }

.cs-filmcard { border-radius: var(--cs-r-lg); text-align: left; background: var(--cs-card); box-shadow: inset 0 0 0 1px var(--cs-line), var(--cs-shadow); gap: 4px; min-width: 0px; padding: 14px 14px 12px; display: grid; }

.cs-filmcard:hover { box-shadow: inset 0 0 0 1px var(--cs-line-2), var(--cs-shadow); }

.cs-filmcard.cs-is-on { background: var(--cs-tile-aqua); color: var(--cs-tile-ink); box-shadow: inset 0 0 0 1.5px var(--cs-accent); }

.cs-filmcard__top { justify-content: space-between; align-items: center; margin-bottom: 4px; display: flex; }

.cs-filmcard__top > svg { color: var(--cs-accent-text); }

.cs-filmcard.cs-is-on .cs-filmcard__top > svg { color: var(--cs-tile-ink); }

.cs-filmcard > b { font-size: var(--cs-fs-lg); letter-spacing: -0.005em; font-weight: 600; }

.cs-filmcard > small { color: var(--cs-muted); font-size: var(--cs-fs-xs); }

.cs-filmcard.cs-is-on > small, .cs-filmcard.cs-is-on .cs-filmcard__terms small { color: var(--cs-tile-muted); }

.cs-filmcard__terms { border-top: 1px solid var(--cs-line); gap: 16px; margin-top: 8px; padding-top: 8px; display: flex; }

.cs-filmcard__terms span { display: grid; }

.cs-filmcard__terms b { font-weight: 600; font-size: var(--cs-fs-md); }

.cs-filmcard__terms small { color: var(--cs-muted); font-size: var(--cs-fs-2xs); }

.cs-calc__slider { background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 16px; gap: 8px; padding: 14px 16px; display: grid; }

.cs-calc__lab { font-weight: 600; font-size: var(--cs-fs-sm); color: var(--cs-muted); justify-content: space-between; align-items: baseline; display: flex; }

.cs-calc__lab b { font-size: var(--cs-fs-3xl); color: var(--cs-ink); letter-spacing: -0.01em; }

.cs-calc__slider input { width: 100%; accent-color: var(--cs-accent); height: 24px; }

.cs-calc__scale { font-size: var(--cs-fs-2xs); color: var(--cs-muted); justify-content: space-between; font-weight: 600; display: flex; }

.cs-calc__sum { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin: 16px 0px; display: grid; }

.cs-calc__sum > div { gap: 2px; display: grid; }

.cs-calc__sum .cs-muted { font-size: var(--cs-fs-xs); font-weight: 600; }

.cs-calc__sum b { font-size: var(--cs-fs-3xl); letter-spacing: -0.01em; font-weight: 600; }

.cs-calc__bars { gap: 10px; display: grid; }

.cs-calc__row { font-size: var(--cs-fs-sm); color: var(--cs-muted); grid-template-columns: 84px minmax(0px, 1fr); align-items: center; gap: 10px; font-weight: 600; display: grid; }

.cs-calc__track { background: var(--cs-card-3); border-radius: 7px; height: 14px; position: relative; }

.cs-calc__track i { border-radius: inherit; transform-origin: 0px center; position: absolute; inset: 0px; transform: scaleX(0); }

.cs-calc__theirs i { background: var(--cs-s2); }

.cs-calc__ours i { background: var(--cs-accent); }

.cs-calc__floor { background: var(--cs-bad); border-radius: 2px; width: 2px; margin-left: -1px; position: absolute; top: -5px; bottom: -5px; }

.cs-calc__note { background: var(--cs-info-soft); color: var(--cs-info); font-size: var(--cs-fs-sm); border-radius: 12px; align-items: flex-start; gap: 8px; margin-top: 16px; padding: 10px 12px; font-weight: 600; display: flex; }

.cs-calc__note.cs-is-floor { background: var(--cs-warn-soft); color: var(--cs-warn); }

.cs-calc__note svg { flex: 0 0 auto; margin-top: 1px; }

.cs-sig { gap: var(--cs-gap); grid-template-columns: minmax(0px, 5fr) minmax(0px, 7fr); align-items: start; display: grid; }

.cs-sig__rows { padding: 0px 8px 8px; }

.cs-envrow { border-radius: 14px; grid-template-columns: 32px minmax(0px, 1fr); align-items: center; gap: 4px 12px; padding: 12px; display: grid; }

.cs-envrow:hover { background: var(--cs-card-2); }

.cs-envrow.cs-is-on { background: var(--cs-accent-soft); }

.cs-envrow .cs-steps { grid-column: 2; margin-top: 6px; }

.cs-env { gap: 18px; display: grid; }

.cs-env .cs-chead { margin-bottom: 0px; }

.cs-env__doc { background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 16px; padding: 18px; }

.cs-env__page { color: rgb(36, 37, 31); max-width: 560px; font-size: var(--cs-fs-md); background: rgb(253, 252, 248); border-radius: 6px; gap: 10px; margin: 0px auto; padding: 22px 24px; line-height: 1.55; display: grid; box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 24px -14px; }

.cs-env__page > b { font-size: var(--cs-fs-lg); }

.cs-env__page .cs-muted { color: rgb(98, 100, 93); }

.cs-env__sigs { grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 10px; display: grid; }

.cs-env__sig { gap: 4px; min-width: 0px; display: grid; }

.cs-env__sig small { color: rgb(98, 100, 93); font-size: var(--cs-fs-xs); }

.cs-env__line { border-bottom: 1.5px solid rgb(36, 37, 31); align-items: flex-end; height: 48px; display: flex; }

.cs-env__line svg { width: 150px; height: 40px; overflow: visible; }

.cs-env__line path { fill: none; stroke-width: 2.2px; stroke-linecap: round; stroke-linejoin: round; }

.cs-env__them { stroke: rgb(59, 76, 107); }

.cs-env__mine { stroke: rgb(30, 47, 85); }

.cs-env__hist { font-size: var(--cs-fs-md); color: var(--cs-muted); gap: 8px; margin: 0px; padding: 0px; font-weight: 600; list-style: none; display: grid; }

.cs-env__hist li { align-items: center; gap: 10px; display: flex; }

.cs-env__hist li i { width: 10px; height: 10px; box-shadow: inset 0 0 0 2px var(--cs-line-2); border-radius: 50%; flex: 0 0 auto; }

.cs-env__hist li.cs-is-done { color: var(--cs-ink); }

.cs-env__hist li.cs-is-done i { background: var(--cs-good); box-shadow: none; }

.cs-env__hist small { color: var(--cs-muted); white-space: nowrap; margin-left: auto; font-weight: 600; }

.cs-env__actions { flex-wrap: wrap; align-items: center; gap: 8px; display: flex; }

.cs-env__wait { font-size: var(--cs-fs-sm); align-items: center; gap: 6px; font-weight: 600; display: inline-flex; }

.cs-lic-page { gap: var(--cs-gap); grid-template-columns: repeat(12, minmax(0px, 1fr)); align-items: start; display: grid; }

.cs-lic-main { gap: var(--cs-gap); grid-column: span 7; display: grid; }

.cs-lic-side { gap: var(--cs-gap); grid-column: span 5; display: grid; }

.cs-ltl { gap: 22px; margin: 8px 0px 0px; padding: 0px; list-style: none; display: grid; position: relative; }

.cs-ltl__rail { background: var(--cs-card-3); border-radius: 2px; width: 2px; position: absolute; top: 18px; bottom: 18px; left: 17px; }

.cs-ltl__fill { border-radius: inherit; background: var(--cs-ink); transform-origin: 50% 0px; position: absolute; inset: 0px; }

.cs-ltl li { grid-template-columns: 36px minmax(0px, 1fr); align-items: start; gap: 14px; display: grid; position: relative; }

.cs-ltl__dot { z-index: 1; width: 36px; height: 36px; font-weight: 700; font-size: var(--cs-fs-sm); background: var(--cs-card); color: var(--cs-muted); box-shadow: inset 0 0 0 1.5px var(--cs-line-2); border-radius: 50%; place-items: center; display: grid; position: relative; }

.cs-ltl li.cs-is-done .cs-ltl__dot { background: var(--cs-ink); color: var(--cs-card); box-shadow: none; }

.cs-ltl li.cs-is-now .cs-ltl__dot { background: var(--cs-accent); color: var(--cs-accent-ink); box-shadow: 0 0 0 5px var(--cs-accent-soft); animation: 2.6s ease-in-out 0s infinite normal none running cs-breathe; }

.cs-ltl__text { gap: 2px; padding-top: 6px; display: grid; }

.cs-ltl__text b { font-size: var(--cs-fs-lg); font-weight: 600; }

.cs-ltl li:not(.cs-is-done):not(.cs-is-now) .cs-ltl__text b { color: var(--cs-muted); }

.cs-ltl__text small { color: var(--cs-muted); font-size: var(--cs-fs-sm); }

.cs-ltl__now { background: var(--cs-tile-aqua); color: var(--cs-tile-ink); font-size: var(--cs-fs-xs); border-radius: 99px; justify-self: start; margin-top: 6px; padding: 3px 10px; font-weight: 700; }

.cs-ltl__when { font-weight: 600; }

.cs-lnotice__ring { width: 168px; margin: 4px auto 6px; position: relative; }

.cs-lnotice__ring svg { width: 100%; display: block; transform: rotate(-90deg); }

.cs-lnotice__ring circle { fill: none; stroke-width: 10px; }

.cs-lnotice__bg { stroke: var(--cs-card-3); }

.cs-lnotice__fg { stroke: var(--cs-accent); stroke-linecap: round; }

.cs-lnotice__ring > span { text-align: center; place-content: center; display: grid; position: absolute; inset: 0px; }

.cs-lnotice__ring b { font-size: var(--cs-fs-display); letter-spacing: -0.025em; font-weight: 600; line-height: 1; }

.cs-lnotice__ring small { color: var(--cs-muted); font-weight: 600; font-size: var(--cs-fs-sm); }

.cs-ldoc { border-top: 1px solid var(--cs-line); align-items: center; gap: 10px; padding: 8px 0px; display: flex; }

.cs-ldoc:first-of-type { border-top: 0px; }

.cs-ldoc__ico { background: var(--cs-warn-soft); width: 28px; height: 28px; color: var(--cs-warn); border-radius: 9px; flex: 0 0 auto; place-items: center; display: grid; }

.cs-ldoc.cs-is-ok .cs-ldoc__ico { background: var(--cs-good-soft); color: var(--cs-good); }

.cs-lmsg { background: var(--cs-card-2); max-width: 88%; box-shadow: inset 0 0 0 1px var(--cs-line); font-size: var(--cs-fs-md); border-radius: 14px; margin-bottom: 10px; padding: 12px 14px; }

.cs-lmsg small { color: var(--cs-muted); margin-bottom: 4px; font-weight: 600; display: block; }

.cs-lmsg.cs-is-me { background: var(--cs-accent-soft); box-shadow: none; margin-left: auto; }

@media (width <= 1279px) {
  .cs-films__list, .cs-calc { grid-column: 1 / -1; }
  .cs-calc { position: static; }
  .cs-films__list { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .cs-lic-main, .cs-lic-side { grid-column: 1 / -1; }
  .cs-lic-side { grid-template-columns: 1fr 1fr; }
}

@media (width <= 999px) {
  .cs-sig { grid-template-columns: 1fr; }
  .cs-films__list { grid-template-columns: 1fr 1fr; }
}

@media (width <= 760px) {
  .cs-ct-filters { padding: 0px 16px 12px; }
  .cs-ct-filters .cs-seg { scrollbar-width: none; width: 100%; overflow-x: auto; }
  .cs-ct-status { flex: 1 1 0%; }
  .cs-contracts .cs-card--flush .cs-table td:first-child { padding-left: 0px; }
  .cs-runway__pin span { max-width: 80px; }
  .cs-films__list { grid-template-columns: 1fr; }
  .cs-calc__sum b, .cs-calc__lab b { font-size: var(--cs-fs-xl); }
  .cs-env__doc { padding: 10px; }
  .cs-env__page { padding: 16px; }
  .cs-env__sigs, .cs-lic-side { grid-template-columns: 1fr; }
  .cs-contracts .cs-phead__actions .cs-btn { flex: 1 1 0%; }
}

.cs-mail { gap: var(--cs-gap); grid-template-columns: minmax(0px, 5fr) minmax(0px, 7fr); align-items: start; display: grid; }

.cs-mail__list { flex-direction: column; min-height: 420px; max-height: calc(100dvh - 100px); display: flex; position: sticky; top: 80px; overflow: hidden; }

.cs-mail__tools { border-bottom: 1px solid var(--cs-line); align-items: center; gap: 8px; padding: 14px 14px 10px; display: flex; }

.cs-mail__tools .cs-inwrap { flex: 1 1 0%; }

.cs-mail__items { flex: 1 1 0%; padding: 6px; overflow-y: auto; }

.cs-mitem { border-radius: 14px; grid-template-columns: 26px minmax(0px, 1fr); gap: 12px; padding: 12px; display: grid; }

.cs-mitem + .cs-mitem { margin-top: 2px; }

.cs-mitem:hover { background: var(--cs-card-2); }

.cs-mitem.cs-is-on { background: var(--cs-accent-soft); }

.cs-mitem__body { gap: 2px; min-width: 0px; display: grid; }

.cs-mitem__top { align-items: baseline; gap: 8px; display: flex; }

.cs-mitem__top b { white-space: nowrap; text-overflow: ellipsis; flex: 1 1 0%; min-width: 0px; font-weight: 600; overflow: hidden; }

.cs-mitem__top small { color: var(--cs-muted); white-space: nowrap; font-weight: 600; }

.cs-mitem__subj { font-size: var(--cs-fs-md); color: var(--cs-ink-2); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.cs-mitem.cs-is-unread .cs-mitem__subj { color: var(--cs-ink); font-weight: 600; }

.cs-mitem.cs-is-unread .cs-mitem__top b::before { content: ""; background: var(--cs-accent); vertical-align: 1px; border-radius: 50%; width: 7px; height: 7px; margin-right: 7px; display: inline-block; }

.cs-mitem__snip { font-size: var(--cs-fs-sm); color: var(--cs-muted); -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }

.cs-mitem__meta { align-items: center; gap: 8px; margin-top: 6px; display: flex; }

.cs-mitem__inv { font-size: var(--cs-fs-xs); color: var(--cs-muted); align-items: center; gap: 4px; font-weight: 600; display: inline-flex; }

.cs-mitem__star { color: var(--cs-accent-text); fill: var(--cs-accent); margin-left: auto; }

.cs-mail__none { place-items: center; min-height: 420px; display: grid; }

.cs-reader { flex-direction: column; gap: 16px; min-height: 420px; display: flex; }

.cs-reader__bar { align-items: center; gap: 4px; margin: -6px -6px 0px; display: flex; }

.cs-reader__back { display: none; }

.cs-reader__spacer { flex: 1 1 0%; }

.cs-ibtn.cs-is-starred { color: var(--cs-accent-text); }

.cs-ibtn.cs-is-starred svg { fill: var(--cs-accent); }

.cs-reader__head { border-bottom: 1px solid var(--cs-line); gap: 14px; padding-bottom: 16px; display: grid; }

.cs-reader__head h2 { font-size: var(--cs-fs-2xl); letter-spacing: -0.015em; font-weight: 600; line-height: 1.2; }

.cs-reader__who { flex-wrap: wrap; align-items: center; gap: 8px 12px; display: flex; }

.cs-reader__who .cs-cell__text { flex: 1 1 200px; }

.cs-reader__thread { gap: 12px; display: grid; }

.cs-msg { max-width: 68ch; font-size: var(--cs-fs-base); color: var(--cs-ink-2); grid-template-columns: minmax(0px, 1fr); gap: 6px; line-height: 1.6; display: grid; }

.cs-msg small { color: var(--cs-muted); font-weight: 600; }

.cs-msg.cs-is-me { background: var(--cs-accent-soft); color: var(--cs-ink); border-radius: 16px 16px 4px; justify-self: end; padding: 12px 14px; }

.cs-msg__inv { align-items: center; gap: 6px; display: inline-flex; }

.cs-msg__link { background: var(--cs-card-2); min-width: 0px; max-width: 420px; box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 14px; align-items: center; gap: 12px; padding: 10px 12px; display: flex; }

.cs-msg__link:hover { box-shadow: inset 0 0 0 1px var(--cs-line-2); }

.cs-msg__link .cs-cell__text { flex: 1 1 0%; min-width: 0px; }

.cs-msg__link .cs-ct-ico { background: var(--cs-ink); color: var(--cs-accent); box-shadow: none; }

.cs-reader__reply { border-top: 1px solid var(--cs-line); gap: 8px; margin-top: auto; padding-top: 16px; display: grid; }

.cs-reader__send { justify-content: space-between; align-items: center; gap: 10px; display: flex; }

@media (width <= 999px) {
  .cs-mail { grid-template-columns: minmax(0px, 1fr); }
  .cs-mail__list { min-height: 0px; max-height: none; position: static; }
  .cs-mail__none, .cs-inbox.cs-has-open .cs-mail__list { display: none; }
  .cs-reader__back { display: inline-flex; }
}

@media (width <= 760px) {
  .cs-mail__tools { padding: 12px; }
  .cs-reader__head h2 { font-size: var(--cs-fs-xl); }
  .cs-reader__send .cs-btn { flex: 0 0 auto; }
  .cs-inbox .cs-phead__actions .cs-btn { flex: 1 1 0%; }
}

.cs-cal .cs-phead p b.cs-ink { color: var(--cs-ink); font-weight: 600; }

.cs-cchip--meeting, .cs-ck--meeting { --cs-k: var(--cs-info); --cs-kb: var(--cs-info-soft); }

.cs-cchip--film, .cs-ck--film { --cs-k: var(--cs-accent-text); --cs-kb: var(--cs-accent-soft); }

.cs-cchip--event, .cs-ck--event { --cs-k: var(--cs-good); --cs-kb: var(--cs-good-soft); }

.cs-cchip--hire, .cs-ck--hire { --cs-k: var(--cs-warn); --cs-kb: var(--cs-warn-soft); }

.cs-cchip--deadline, .cs-ck--deadline { --cs-k: var(--cs-bad); --cs-kb: var(--cs-bad-soft); }

.cs-cchip--payroll, .cs-ck--payroll { --cs-k: var(--cs-ink-2); --cs-kb: var(--cs-card-3); }

.cs-cev--meeting { --cs-k: var(--cs-info); --cs-kb: var(--cs-info-soft); }

.cs-cev--film { --cs-k: var(--cs-accent-text); --cs-kb: var(--cs-accent-soft); }

.cs-cev--event { --cs-k: var(--cs-good); --cs-kb: var(--cs-good-soft); }

.cs-cev--hire { --cs-k: var(--cs-warn); --cs-kb: var(--cs-warn-soft); }

.cs-cev--deadline { --cs-k: var(--cs-bad); --cs-kb: var(--cs-bad-soft); }

.cs-cev--payroll { --cs-k: var(--cs-ink-2); --cs-kb: var(--cs-card-3); }

.cs-legend i.cs-ck { background: var(--cs-kb); box-shadow: inset 3px 0 0 var(--cs-k); }

.cs-legend i.cs-ck--away { background: var(--cs-s2); box-shadow: none; border-radius: 50%; width: 8px; height: 8px; }

.cs-cmonth { gap: var(--cs-gap); grid-template-columns: minmax(0px, 1fr) 320px; align-items: start; display: grid; }

.cs-cnav { align-items: center; gap: 6px; display: flex; }

.cs-cgrid__head, .cs-cgrid { grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 4px; display: grid; }

.cs-cgrid__head span { font-size: var(--cs-fs-xs); color: var(--cs-muted); padding: 0px 8px 6px; font-weight: 600; }

.cs-cday { text-align: left; background: var(--cs-card-2); min-width: 0px; min-height: 104px; box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 12px; flex-direction: column; align-items: stretch; gap: 3px; padding: 6px; display: flex; position: relative; }

.cs-cday:hover { box-shadow: inset 0 0 0 1px var(--cs-line-2); }

.cs-cday.cs-is-wkend { background: color-mix(in oklab, var(--cs-card-2) 70%, var(--cs-card-3)); }

.cs-cday.cs-is-out { opacity: 0.45; }

.cs-cday.cs-is-sel { background: var(--cs-card); box-shadow: inset 0 0 0 2px var(--cs-ink); }

.cs-cday__n { min-width: 24px; height: 24px; font-size: var(--cs-fs-md); border-radius: 8px; align-self: flex-start; place-items: center; padding: 0px 5px; font-weight: 600; display: grid; }

.cs-cday.cs-is-today .cs-cday__n { background: var(--cs-accent); color: var(--cs-accent-ink); }

.cs-cday__shows { font-size: var(--cs-fs-2xs); color: var(--cs-accent-text); align-items: center; gap: 3px; font-weight: 700; display: inline-flex; position: absolute; top: 8px; right: 8px; }

.cs-cday__shows svg { width: 13px; height: 13px; }

.cs-cday__evs { gap: 3px; min-width: 0px; display: grid; }

.cs-cchip { background: var(--cs-kb); height: 20px; color: var(--cs-ink); font-size: var(--cs-fs-2xs); white-space: nowrap; border-radius: 6px; align-items: center; gap: 5px; min-width: 0px; padding: 0px 6px; font-weight: 600; display: flex; overflow: hidden; }

.cs-cchip i { background: var(--cs-k); border-radius: 2px; flex: 0 0 auto; width: 3px; height: 11px; }

.cs-cday__more { font-size: var(--cs-fs-2xs); color: var(--cs-muted); padding-left: 4px; font-weight: 600; }

.cs-cday__away { align-items: center; gap: 3px; margin-top: auto; display: flex; }

.cs-cday__away i { background: var(--cs-s2); border-radius: 50%; width: 7px; height: 7px; }

.cs-cday__away i.cs-is-pending { box-shadow: inset 0 0 0 1.5px var(--cs-s2); background: 0px 0px; }

.cs-cday__away small { color: var(--cs-muted); font-size: 10px; font-weight: 700; }

.cs-cmonth__legend { margin-top: 14px; }

.cs-cpanel { position: sticky; top: 76px; }

.cs-cpanel__h { font-size: var(--cs-fs-xs); letter-spacing: 0.06em; text-transform: uppercase; color: var(--cs-muted); margin: 16px 0px 6px; font-weight: 700; }

.cs-cpanel__empty .cs-empty { padding: 20px 10px; }

.cs-cev { background: var(--cs-kb,var(--cs-card-2)); box-shadow: inset 3px 0 0 var(--cs-k,var(--cs-line-2)); border-radius: 12px; align-items: center; gap: 10px; margin-bottom: 6px; padding: 9px 10px; display: flex; }

.cs-cev .cs-cell__text { flex: 1 1 0%; }

.cs-cev .cs-pill { background: var(--cs-card); }

.cs-cev.cs-is-past { opacity: 0.55; }

.cs-cev__ico { background: var(--cs-card); width: 28px; height: 28px; color: var(--cs-k); border-radius: 9px; flex: 0 0 auto; place-items: center; display: grid; }

.cs-cev--away { --cs-kb: var(--cs-card-2); --cs-k: var(--cs-s2); }

.cs-caway, .cs-cshow { border-radius: 10px; align-items: center; gap: 10px; margin: 0px -8px; padding: 7px 8px; display: flex; }

.cs-caway:hover, .cs-cshow:hover { background: var(--cs-card-2); }

.cs-cshow > b { width: 40px; font-size: var(--cs-fs-md); font-weight: 700; }

.cs-cshow .cs-cell__text { flex: 1 1 0%; }

.cs-cshow > small { color: var(--cs-muted); font-weight: 600; }

.cs-agenda__list { display: grid; }

.cs-aday { border-top: 1px solid var(--cs-line); grid-template-columns: 120px minmax(0px, 1fr); gap: 16px; padding: 14px 0px; display: grid; }

.cs-aday:first-child { border-top: 0px; }

.cs-aday__date { align-content: start; display: grid; }

.cs-aday__date b { font-size: var(--cs-fs-4xl); letter-spacing: -0.02em; font-weight: 600; line-height: 1; }

.cs-aday__date span { font-size: var(--cs-fs-sm); font-weight: 600; }

.cs-aday__date small { color: var(--cs-muted); }

.cs-aday.cs-is-today .cs-aday__date b { color: var(--cs-accent-text); }

.cs-aday__items .cs-cev:last-child { margin-bottom: 0px; }

@media (width <= 1279px) {
  .cs-cmonth { grid-template-columns: minmax(0px, 1fr); }
  .cs-cpanel { position: static; }
}

@media (width <= 760px) {
  .cs-cmonth__card { padding: 12px; }
  .cs-cgrid, .cs-cgrid__head { gap: 2px; }
  .cs-cgrid__head span { text-align: center; font-size: var(--cs-fs-2xs); padding: 0px 0px 4px; }
  .cs-cday { border-radius: 9px; align-items: center; min-height: 54px; padding: 4px 2px; }
  .cs-cday__n { font-size: var(--cs-fs-sm); align-self: center; }
  .cs-cday__evs { justify-content: center; gap: 2px; display: flex; }
  .cs-cchip { background: var(--cs-k); border-radius: 50%; width: 6px; height: 6px; padding: 0px; font-size: 0px; }
  .cs-cchip i, .cs-cday__more, .cs-cday__shows, .cs-cday__away { display: none; }
  .cs-aday { grid-template-columns: 1fr; gap: 8px; }
  .cs-aday__date { align-items: baseline; gap: 8px; display: flex; }
  .cs-aday__date b { font-size: var(--cs-fs-3xl); }
  .cs-cev .cs-pill { display: none; }
}

.cs-rb__metrics { margin-bottom: var(--cs-gap); grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; display: grid; }

.cs-rb__pick { border-radius: var(--cs-r-lg); text-align: left; background: var(--cs-card); min-width: 0px; box-shadow: inset 0 0 0 1px var(--cs-line), var(--cs-shadow); align-items: center; gap: 12px; padding: 14px 16px; display: flex; }

.cs-rb__pick:hover { background: var(--cs-card-2); }

.cs-rb__pick[aria-checked="true"] { background: var(--cs-ink); color: var(--cs-card); box-shadow: var(--cs-shadow); }

.cs-rb__pick[aria-checked="true"] small { color: color-mix(in oklab, var(--cs-card) 70%, transparent); }

.cs-rb__ico { background: var(--cs-card-2); width: 34px; height: 34px; color: var(--cs-ink-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 11px; flex: 0 0 auto; place-items: center; display: grid; }

.cs-rb__pick[aria-checked="true"] .cs-rb__ico { background: var(--cs-accent); color: var(--cs-accent-ink); box-shadow: none; }

.cs-rb__sum b { color: var(--cs-ink); font-weight: 600; display: inline-block; }

.cs-rep__grid { gap: var(--cs-gap); grid-template-columns: minmax(0px, 1fr) 320px; align-items: start; display: grid; }

.cs-rep__chart { min-width: 0px; }

.cs-rep__legend { margin-top: 12px; }

.cs-rep__table { grid-column: 1 / -1; }

.cs-saved { border-bottom: 1px solid var(--cs-line); align-items: center; gap: 6px; display: flex; }

.cs-saved:last-child { border-bottom: 0px; }

.cs-saved__open { text-align: left; border-radius: 12px; flex: 1 1 0%; align-items: center; gap: 10px; min-width: 0px; margin-left: -8px; padding: 10px 8px; display: flex; }

.cs-saved__open:hover { background: var(--cs-card-2); }

.cs-saved__open .cs-cell__text b { white-space: normal; }

.cs-rtable td, .cs-rtable th { white-space: nowrap; }

.cs-rtable tr.cs-is-best td { background: var(--cs-accent-soft); }

.cs-rtable__tot { font-weight: 700; }

.cs-stack__seg--3 { fill: rgb(127, 155, 134); }

.cs-stack__seg--4 { fill: rgb(199, 138, 92); }

.cs-stack__seg--5 { fill: rgb(139, 163, 184); }

.cs-stack__key--3 { background: rgb(127, 155, 134); }

.cs-stack__key--4 { background: rgb(199, 138, 92); }

.cs-stack__key--5 { background: rgb(139, 163, 184); }

.cs-rk--0 { background: var(--cs-s1) !important; }

.cs-rk--1 { background: var(--cs-s2) !important; }

.cs-rk--2 { background: var(--cs-s3) !important; }

.cs-rk--3 { background: rgb(127, 155, 134) !important; }

.cs-rk--4 { background: rgb(199, 138, 92) !important; }

.cs-rk--5 { background: rgb(139, 163, 184) !important; }

@media (width <= 1279px) {
  .cs-rb__metrics { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .cs-rep__grid { grid-template-columns: minmax(0px, 1fr); }
}

@media (width <= 760px) {
  .cs-rb__metrics { gap: 8px; }
  .cs-rb__pick { gap: 10px; padding: 12px; }
  .cs-rb__pick small { display: none; }
}

.cs-set-grid { gap: var(--cs-gap); grid-template-columns: repeat(12, minmax(0px, 1fr)); align-items: start; display: grid; }

.cs-set-grid > .cs-set-main { grid-column: span 8; }

.cs-set-grid > .cs-set-side { grid-column: span 4; }

.cs-set-stack { gap: var(--cs-gap); align-content: start; display: grid; }

.cs-settings .cs-inwrap .cs-input[readonly] { background: var(--cs-card-2); color: var(--cs-ink-2); cursor: default; }

.cs-settings .cs-inwrap .cs-input[readonly]:focus { box-shadow: inset 0 0 0 1px var(--cs-line-2); }

.cs-settings .cs-select--sm { width: auto; height: 34px; font-size: var(--cs-fs-sm); border-radius: 10px; }

.cs-set-where { gap: 4px; margin: 0px; padding: 0px; list-style: none; display: grid; }

.cs-set-where li { align-items: center; gap: 12px; padding: 8px 0px; display: flex; }

.cs-set-where li > svg { background: var(--cs-card-2); width: 34px; height: 34px; color: var(--cs-accent-text); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 10px; padding: 8px; }

.cs-set-where span { min-width: 0px; display: grid; }

.cs-set-where b { font-weight: 600; }

.cs-set-where small { color: var(--cs-muted); font-size: var(--cs-fs-sm); }

.cs-set-note { background: var(--cs-info-soft); color: var(--cs-info); font-size: var(--cs-fs-sm); border-radius: 12px; align-items: flex-start; gap: 8px; margin-top: 14px; padding: 10px 12px; font-weight: 600; display: flex; }

.cs-set-note svg { flex: 0 0 auto; margin-top: 1px; }

.cs-set-stack > .cs-set-note { margin-top: 0px; }

.cs-set-note--warn { background: var(--cs-warn-soft); color: var(--cs-warn); }

.cs-users__search { padding: 0px 20px 10px; }

.cs-users__list { padding: 0px 8px 8px; }

.cs-urow { border-radius: 12px; grid-template-columns: 34px minmax(0px, 1fr) minmax(0px, 220px) 130px; align-items: center; gap: 12px; padding: 9px 12px; display: grid; }

.cs-urow:hover { background: var(--cs-card-2); }

.cs-urow__you { font-size: var(--cs-fs-2xs); background: var(--cs-accent); color: var(--cs-accent-ink); vertical-align: 1px; border-radius: 99px; margin-left: 8px; padding: 1px 7px; font-weight: 700; }

.cs-urow__mail { color: var(--cs-muted); font-size: var(--cs-fs-sm); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.cs-urow__role { height: 36px; font-size: var(--cs-fs-md); border-radius: 10px; }

.cs-urow__role:disabled { opacity: 0.6; }

.cs-cangrid { font-size: var(--cs-fs-sm); display: grid; }

.cs-cangrid__row { border-top: 1px solid var(--cs-line); grid-template-columns: minmax(0px, 1fr) repeat(4, 46px); align-items: center; gap: 4px; padding: 8px 0px; display: grid; }

.cs-cangrid__head { font-size: var(--cs-fs-2xs); color: var(--cs-muted); border-top: 0px; font-weight: 700; }

.cs-cangrid__row > span { text-align: center; color: var(--cs-muted); }

.cs-cangrid__row > span:first-child { text-align: left; color: var(--cs-ink-2); font-weight: 600; }

.cs-cangrid__row > span.cs-is-yes { color: var(--cs-good); }

.cs-cangrid__row > span svg { stroke-width: 2.4px; }

.cs-quiet { background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 14px; align-items: center; gap: 12px; padding: 12px 14px; display: flex; }

.cs-quiet > svg { color: var(--cs-accent-text); }

.cs-quiet span { display: grid; }

.cs-quiet b { font-size: var(--cs-fs-xl); font-weight: 600; }

.cs-quiet small { color: var(--cs-muted); font-size: var(--cs-fs-sm); }

.cs-themes { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; display: grid; }

.cs-themecard { text-align: left; background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 18px; flex-direction: column; gap: 12px; padding: 10px 10px 14px; display: flex; position: relative; }

.cs-themecard:hover { box-shadow: inset 0 0 0 1px var(--cs-line-2); }

.cs-themecard[aria-checked="true"] { background: var(--cs-card); box-shadow: inset 0 0 0 2px var(--cs-accent), var(--cs-shadow); }

.cs-themecard__art { aspect-ratio: 16 / 10; box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 12px; display: block; overflow: hidden; }

.cs-themecard__text { gap: 2px; padding: 0px 4px; display: grid; }

.cs-themecard__text b { font-size: var(--cs-fs-lg); font-weight: 600; }

.cs-themecard__text small { color: var(--cs-muted); font-size: var(--cs-fs-sm); }

.cs-themecard__tick { background: var(--cs-accent); width: 26px; height: 26px; color: var(--cs-accent-ink); box-shadow: 0 0 0 3px var(--cs-card); border-radius: 50%; place-items: center; display: grid; position: absolute; top: 18px; right: 18px; }

.cs-themecard__tick svg { stroke-width: 2.6px; }

.cs-paint { --cs-p-bg: #eef1f3; --cs-p-card: #fbfcfc; --cs-p-side: #f6f8f9; --cs-p-pill: #0e6c84; --cs-p-ink: #15212a; --cs-p-dim: #15212a4d; }

.cs-paint--dark { --cs-p-bg: #0d1214; --cs-p-card: #1b2529; --cs-p-side: #141b1f; --cs-p-pill: #4cc0d6; --cs-p-ink: #ecf2f3; --cs-p-dim: #ecf2f34d; }

.cs-paint--split { background: linear-gradient(135deg, rgb(238, 241, 243) 0px, rgb(238, 241, 243) 50%, rgb(13, 18, 20) 50%) !important; }

.cs-paint { background: var(--cs-p-bg); grid-template-columns: 26% 1fr; gap: 6%; width: 100%; height: 100%; padding: 7%; display: grid; }

.cs-paint__side { background: var(--cs-p-side); border-radius: 8px; flex-direction: column; gap: 9%; padding: 16% 12%; display: flex; }

.cs-paint__side i { background: var(--cs-p-dim); border-radius: 3px; height: 9%; }

.cs-paint__side i.cs-is-on { background: var(--cs-p-pill); }

.cs-paint__main { flex-direction: column; gap: 9%; min-width: 0px; display: flex; }

.cs-paint__title { background: var(--cs-p-ink); opacity: 0.8; border-radius: 3px; width: 46%; height: 9%; }

.cs-paint__tiles { grid-template-columns: repeat(3, 1fr); gap: 8%; height: 26%; display: grid; }

.cs-paint__tiles i { background: var(--cs-p-card); border-radius: 5px; }

.cs-paint__tiles i:first-child { background: rgb(14, 108, 132); }

.cs-paint__chart { background: var(--cs-p-card); border-radius: 6px; flex: 1 1 0%; }

.cs-paint--split .cs-paint__side { background: rgb(246, 248, 249); }

.cs-paint--split .cs-paint__main > * { background: rgb(27, 37, 41); }

.cs-paint--split .cs-paint__tiles { background: 0px 0px; }

.cs-paint--split .cs-paint__tiles i { background: rgb(27, 37, 41); }

.cs-paint--split .cs-paint__tiles i:first-child { background: rgb(14, 108, 132); }

.cs-logrow { border-top: 1px solid var(--cs-line); align-items: center; gap: 12px; padding: 9px 0px; display: flex; }

.cs-logrow:first-of-type { border-top: 0px; }

.cs-logrow .cs-cell__text { flex: 1 1 0%; }

.cs-logrow .cs-cell__text b { white-space: normal; }

.cs-dataline { border-top: 1px solid var(--cs-line); align-items: center; gap: 12px; padding: 12px 0px; display: flex; }

.cs-dataline:first-of-type { border-top: 0px; }

.cs-dataline > svg { background: var(--cs-card-2); width: 34px; height: 34px; box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 10px; flex: 0 0 auto; padding: 8px; }

.cs-dataline span { flex: 1 1 0%; min-width: 0px; display: grid; }

.cs-dataline b { font-weight: 600; }

.cs-dataline small { color: var(--cs-muted); font-size: var(--cs-fs-sm); }

@media (width <= 1279px) {
  .cs-set-grid > .cs-set-main, .cs-set-grid > .cs-set-side { grid-column: 1 / -1; }
  .cs-urow { grid-template-columns: 34px minmax(0px, 1fr) 130px; }
  .cs-urow__mail { display: none; }
}

@media (width <= 760px) {
  .cs-themes { grid-template-columns: 1fr; }
  .cs-themecard { flex-direction: row; align-items: center; }
  .cs-themecard__art { flex: 0 0 auto; width: 120px; }
  .cs-users__search { padding: 0px 16px 10px; }
  .cs-urow { grid-template-columns: 34px minmax(0px, 1fr); }
  .cs-urow__role { grid-column: 2; }
  .cs-cangrid__row { grid-template-columns: minmax(0px, 1fr) repeat(4, 44px); }
  .cs-settings .cs-phead__actions .cs-btn { flex: 1 1 0%; }
}

.cs-help__form { scroll-margin-top: 80px; }

.cs-help__hero { background: var(--cs-tile-aqua); color: var(--cs-tile-ink); box-shadow: none; gap: 14px; padding: 26px 26px 22px; display: grid; }

.cs-help__hero h2 { font-size: var(--cs-fs-2xl); letter-spacing: -0.015em; font-weight: 600; }

.cs-help__search .cs-input { height: 56px; font-size: var(--cs-fs-xl); background: var(--cs-card); color: var(--cs-ink); box-shadow: inset 0 0 0 1px var(--cs-line), var(--cs-shadow); border-radius: 16px; padding-left: 48px; padding-right: 48px; }

.cs-help__search .cs-input:focus { box-shadow: inset 0 0 0 1.5px var(--cs-accent), 0 0 0 4px var(--cs-accent-soft); }

.cs-help__search > .cs-ico { width: 22px; height: 22px; left: 17px; }

.cs-help__clear { position: absolute; right: 10px; }

.cs-help__topics .cs-chip { background: var(--cs-card); }

.cs-help__topics .cs-chip[aria-pressed="true"] { background: var(--cs-ink); color: var(--cs-card); }

.cs-guides { gap: var(--cs-gap); margin: var(--cs-gap) 0; grid-template-columns: repeat(4, minmax(0px, 1fr)); display: grid; }

.cs-guide { border-radius: var(--cs-r-lg); background: var(--cs-tile-slate); color: var(--cs-tile-ink); gap: 4px; padding: 16px 18px 18px; display: grid; position: relative; }

.cs-guide--gold { background: var(--cs-tile-aqua); }

.cs-guide--sage { background: var(--cs-tile-sage); }

.cs-guide--peach { background: var(--cs-tile-peach); }

.cs-guide__ico { background: var(--cs-card); width: 38px; height: 38px; color: var(--cs-accent-text); box-shadow: var(--cs-shadow); border-radius: 12px; place-items: center; margin-bottom: 8px; display: grid; }

.cs-guide b { font-size: var(--cs-fs-lg); font-weight: 600; }

.cs-guide small { color: var(--cs-tile-muted); font-size: var(--cs-fs-sm); padding-right: 24px; }

.cs-guide__go { width: 28px; height: 28px; color: var(--cs-tile-ink); box-shadow: inset 0 0 0 1px var(--cs-line-2); border-radius: 50%; place-items: center; display: grid; position: absolute; top: 16px; right: 16px; }

.cs-guide:hover .cs-guide__go { background: var(--cs-card); }

.cs-help__grid { gap: var(--cs-gap); grid-template-columns: repeat(12, minmax(0px, 1fr)); align-items: start; display: grid; }

.cs-help__grid > .cs-faqcard { grid-column: span 7; }

.cs-help__side { gap: var(--cs-gap); grid-column: span 5; display: grid; }

.cs-faq { display: grid; }

.cs-faq__item { border-top: 1px solid var(--cs-line); }

.cs-faq__item:first-child { border-top: 0px; }

.cs-faq__q { text-align: left; grid-template-columns: 86px minmax(0px, 1fr) 30px; align-items: center; gap: 12px; width: 100%; min-height: 54px; padding: 10px 0px; display: grid; }

.cs-faq__topic { font-size: var(--cs-fs-2xs); color: var(--cs-muted); background: var(--cs-card-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 99px; justify-self: start; padding: 2px 8px; font-weight: 700; }

.cs-faq__text { font-weight: 600; font-size: var(--cs-fs-base); }

.cs-faq__q:hover .cs-faq__text { color: var(--cs-accent-text); }

.cs-faq__chev { width: 30px; height: 30px; color: var(--cs-muted); background: var(--cs-card-2); border-radius: 9px; place-items: center; display: grid; }

.cs-faq__item.cs-is-open .cs-faq__chev { background: var(--cs-accent); color: var(--cs-accent-ink); }

.cs-faq__item.cs-is-open .cs-faq__chev svg { rotate: 180deg; }

.cs-faq__panel { color: var(--cs-ink-2); font-size: var(--cs-fs-md); gap: 8px; padding: 0px 42px 16px 94px; line-height: 1.55; display: grid; }

.cs-faq__link { justify-self: start; align-items: center; gap: 4px; display: inline-flex; }

.cs-faq__after { border-top: 1px solid var(--cs-line); font-size: var(--cs-fs-sm); padding-top: 14px; }

.cs-help__emptybtns { flex-wrap: wrap; justify-content: center; gap: 8px; display: flex; }

.cs-help__fields { gap: 14px; display: grid; }

.cs-help__count { justify-content: space-between; gap: 10px; display: flex; }

.cs-help__count small.cs-good { font-weight: 600; }

.cs-help__form .cs-formfoot { margin-top: 16px; }

.cs-help__seg { margin-bottom: 10px; display: flex; }

.cs-help__seg button { flex: 1 1 0%; justify-content: center; padding: 0px 8px; }

.cs-req { border-radius: 12px; align-items: center; gap: 12px; margin: 0px -8px; padding: 10px 8px; display: flex; }

.cs-req:hover { background: var(--cs-card-2); }

.cs-req .cs-cell__text { flex: 1 1 0%; }

.cs-req__ico { background: var(--cs-card-2); width: 32px; height: 32px; color: var(--cs-ink-2); box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 10px; flex: 0 0 auto; place-items: center; display: grid; }

.cs-reqd { justify-items: start; gap: 14px; display: grid; }

.cs-reqd__msg { background: var(--cs-card-2); width: 100%; box-shadow: inset 0 0 0 1px var(--cs-line); border-radius: 16px; gap: 6px; padding: 14px 16px; display: grid; }

.cs-reqd__msg small { color: var(--cs-muted); font-weight: 600; }

.cs-reqd__msg--them { background: var(--cs-good-soft); box-shadow: none; }

.cs-reqd__wait { font-size: var(--cs-fs-sm); align-items: center; gap: 8px; display: flex; }

@media (width <= 1279px) {
  .cs-guides { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .cs-help__grid > .cs-faqcard, .cs-help__side { grid-column: 1 / -1; }
  .cs-help__side { grid-template-columns: 1fr 1fr; }
}

@media (width <= 999px) {
  .cs-help__side { grid-template-columns: 1fr; }
}

@media (width <= 760px) {
  .cs-help__hero { padding: 18px 16px; }
  .cs-help__hero h2 { font-size: var(--cs-fs-xl); }
  .cs-help__search .cs-input { height: 50px; font-size: 16px; }
  .cs-help__topics { scrollbar-width: none; flex-wrap: nowrap; margin: 0px -16px; padding: 0px 16px; overflow-x: auto; }
  .cs-guides { gap: 10px; }
  .cs-guide { padding: 14px; }
  .cs-guide small { padding-right: 0px; }
  .cs-guide__go { display: none; }
  .cs-faq__q { grid-template-columns: minmax(0px, 1fr) 30px; }
  .cs-faq__topic { display: none; }
  .cs-faq__panel { padding: 0px 0px 16px; }
  .cs-help .cs-phead__actions .cs-btn { flex: 1 1 0%; }
}

@media (hover: none), (pointer: coarse) {
  .cs-help__seg button { min-height: 40px; }
  .cs-faq__chev { width: 40px; height: 40px; }
}

/* ==========================================================================
   Addendum: shims for native <dialog>, first-paint failsafe and a few small
   classes the views need that the original sheet never had to name.
   ========================================================================== */
html.cs-js:not(.cs-failsafe) .cs-app { opacity: 0; }

dialog { color: inherit; }
:where(dialog.cs-modal-wrap, dialog.cs-drawer, dialog.cs-finder) { border: 0; margin: 0; padding: 0; max-width: none; max-height: none; color: var(--cs-ink); }
dialog.cs-modal-wrap:not([open]), dialog.cs-drawer:not([open]), dialog.cs-finder:not([open]) { display: none; }
dialog.cs-modal-wrap { background: transparent; width: 100%; height: 100%; padding: 20px; pointer-events: auto; overflow: hidden; }
dialog.cs-modal-wrap::backdrop, dialog.cs-drawer::backdrop, dialog.cs-finder::backdrop { background: rgba(15, 30, 36, 0.3); backdrop-filter: blur(3px); }
[data-theme="dark"] dialog.cs-modal-wrap::backdrop, [data-theme="dark"] dialog.cs-drawer::backdrop, [data-theme="dark"] dialog.cs-finder::backdrop { background: rgba(0, 0, 0, 0.55); }
@media (width > 760px) { .cs-drawer { left: auto; } }
@media (width <= 760px) { dialog.cs-modal-wrap { padding: 0; } dialog.cs-finder { top: 8vh; } }
.cs-modal > form, form.cs-modal { margin: 0; }
.cs-modal__body { overflow-y: auto; }
.cs-page[hidden] { display: none !important; }
.cs-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.cs-sprite { position: absolute; }
.cs-noscript { padding: 24px; }
.cs-av--me { background: #f8d9cb; }
.cs-me .cs-av.cs-av--me { background: #f8d9cb; }
[data-title]:focus, [data-title]:focus-visible { outline: none; box-shadow: none; }
.cs-cev__main { align-items: center; gap: 10px; flex: 1 1 0%; min-width: 0px; display: flex; }
.cs-cev__main .cs-cell__text { flex: 1 1 0%; }
.cs-chips + .cs-cgrid__head, .cs-cal .cs-chips { margin-bottom: 12px; }
.cs-fin__filters--pad { padding: 16px 20px 0; }
.cs-fin__sum--pad { padding: 0 20px; margin: 12px 0 4px; }
.cs-fin__rcpt.cs-is-ok { color: var(--cs-good); }
.cs-fin__rcpt.cs-is-miss { color: var(--cs-warn); }
.cs-ccard__spend { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 6px; }
.cs-ccard__spend b { font-weight: 600; }
.cs-ccard__spend .cs-muted { font-weight: 500; }
.cs-table th button.cs-is-dim { opacity: 0.7; }
.cs-pcard { transform-style: preserve-3d; }
.cs-acc-moves__head { padding: 18px 20px 0; }
.cs-acc__filters--pad { padding: 16px 20px 0; }
.cs-inv-lines { display: grid; gap: 10px; margin: 14px 0; }
.cs-inv-line { display: grid; grid-template-columns: minmax(0, 1fr) 70px 110px; gap: 10px; }
@media (width <= 760px) { .cs-inv-line { grid-template-columns: minmax(0, 1fr) 64px 96px; } }
b.cs-good, .cs-good { color: var(--cs-good); }
@media (width > 760px) { .cs-drawer { height: calc(100dvh - 20px); } }
.cs-mt-s { margin-top: 12px; }
.cs-mt-m { margin-top: 14px; }
.cs-grow { flex: 1 1 0%; min-width: 0px; }
.cs-confirm-text { margin: 0; color: var(--cs-ink-2); }

.cs-envrow{width:100%;text-align:left}
.cs-themecard__tick{display:none}
.cs-themecard[aria-checked="true"] .cs-themecard__tick{display:grid}
.cs-req .cs-cell__text{min-width:0}
.cs-req .cs-cell__text b{white-space:normal}
.cs-aday>*,.cs-aday__items{min-width:0}
@media (width <= 760px){.cs-aday{grid-template-columns:minmax(0,1fr)}.cs-cev__main,.cs-cev{min-width:0}}