html.is-native,html.kl-mobile{--kl-bg: #F1F5F9;--kl-surface: #FFFFFF;--kl-text: #0F172A;--kl-text-2: #334155;--kl-text-3: #475569;--kl-text-4: #64748B;--kl-icon-off: #94A3B8;--kl-border: #E2E8F0;--kl-border-strong: #CBD5E1;--kl-border-subtle: #F1F5F9;--kl-field: #F8FAFC;--kl-primary: #2563EB;--kl-primary-dark: #1D4ED8;--kl-primary-50: #EFF6FF;--kl-primary-100: #DBEAFE;--kl-primary-200: #BFDBFE;--kl-primary-sel: #F5F9FF;--kl-violet: #7C3AED;--kl-violet-text: #6D28D9;--kl-violet-bg: #F5F3FF;--kl-ok: #16A34A;--kl-ok-text: #047857;--kl-ok-text-d: #166534;--kl-ok-bg: #DCFCE7;--kl-ok-bg-soft: #ECFDF5;--kl-warn: #D97706;--kl-warn-text: #B45309;--kl-warn-text-d: #92400E;--kl-warn-bg: #FEF3C7;--kl-danger: #DC2626;--kl-danger-text: #B91C1C;--kl-danger-bg: #FEE2E2;--kl-st-pending: #D97706;--kl-st-pending-light: #FEF3C7;--kl-st-pending-mid: #FDE68A;--kl-st-progress: #2563EB;--kl-st-progress-light: #DBEAFE;--kl-st-progress-mid: #BFDBFE;--kl-st-done: #16A34A;--kl-st-done-light: #DCFCE7;--kl-st-done-mid: #BBF7D0;--kl-st-fail: #DC2626;--kl-st-fail-light: #FEE2E2;--kl-st-fail-mid: #FECACA;--kl-st-closed: #94A3B8;--kl-st-closed-light: #F1F5F9;--kl-st-closed-mid: #E2E8F0;--kl-grad-ai: linear-gradient(135deg, #2563EB, #7C3AED);--kl-gutter: 12px;--kl-gap: 10px;--kl-gap-rows: 8px;--kl-pad-card: 12px;--kl-r-card: 14px;--kl-r-row: 12px;--kl-r-field: 10px;--kl-r-pill: 15px;--kl-r-site: 8px;--kl-r-badge: 10px;--kl-r-fab: 14px;--kl-shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--kl-shadow-bar: 0 2px 4px rgba(0, 0, 0, .08);--kl-shadow-fab: 0 2px 8px rgba(0, 0, 0, .18);--kl-h-header: calc(48px + var(--kl-safe-top, env(safe-area-inset-top, 0px)));--kl-h-titlebar: 44px;--kl-h-nav: 56px;--kl-h-field: 40px;--kl-h-pill: 30px;--kl-h-site: 34px;--kl-h-segmented: 36px;--kl-h-row: 58px;--kl-h-pager: 44px;--kl-fab: 44px;--kl-safe-top: env(safe-area-inset-top, 0px);--kl-safe-bottom: env(safe-area-inset-bottom, 0px);--kl-safe-right: env(safe-area-inset-right, 0px);--kl-safe-left: env(safe-area-inset-left, 0px);--kl-ease-out: cubic-bezier(.32, .72, 0, 1);--kl-ease-in: cubic-bezier(.4, 0, 1, 1);--kl-handle-w: 60px;--kl-handle-h: 22px;--kl-dur-open: .28s;--kl-dur-close: .2s;--kl-dur-sheet-open: .3s;--kl-dur-sheet-close: .22s;--kl-dur-fade: .18s;--kl-blur: 6px;--kl-scrim: rgba(15, 23, 42, .38);--kl-scrim-strong: rgba(15, 23, 42, .5)}html.simulate-safe-area{--safe-top: 59px !important;--safe-bottom: 34px !important;--kl-safe-top: 59px !important;--kl-safe-bottom: 34px !important}html.simulate-safe-area:before{content:"";position:fixed;top:0;left:0;right:0;height:59px;background:#dc262614;border-bottom:1.5px dashed rgba(220,38,38,.35);pointer-events:none;z-index:999999}html.simulate-safe-area:after{content:"";position:fixed;bottom:0;left:0;right:0;height:34px;background:#dc262614;border-top:1.5px dashed rgba(220,38,38,.35);pointer-events:none;z-index:999999}html.is-native .c,html.kl-mobile .c,html.is-native .kl-card,html.kl-mobile .kl-card{background:var(--kl-surface);border-radius:var(--kl-r-card);box-shadow:var(--kl-shadow-card);padding:var(--kl-pad-card)}html.is-native .kl-row,html.kl-mobile .kl-row{background:var(--kl-surface);border-radius:var(--kl-r-row);box-shadow:var(--kl-shadow-card);min-height:var(--kl-h-row);padding:0 4px 0 12px;display:flex;align-items:center;gap:8px;box-sizing:border-box}html.is-native .card,html.kl-mobile .card{background:var(--kl-surface);border-radius:var(--kl-r-card, 14px);box-shadow:var(--kl-shadow-card);padding:12px;display:flex;flex-direction:column;gap:10px}html.is-native .kl-task-card,html.kl-mobile .kl-task-card{background:#fff;border-radius:14px;padding:10px 12px;margin-bottom:8px;border:1.5px solid var(--task-st-color, #E2E8F0);box-shadow:0 1px 3px #0000000f,0 0 0 3px var(--task-st-light, transparent);transition:border-color .18s ease,box-shadow .18s ease;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}html.is-native .kl-task-card.st-pending,html.kl-mobile .kl-task-card.st-pending{--task-st-color: var(--kl-st-pending);--task-st-light: var(--kl-st-pending-light);--task-st-mid: var(--kl-st-pending-mid)}html.is-native .kl-task-card.st-progress,html.kl-mobile .kl-task-card.st-progress{--task-st-color: var(--kl-st-progress);--task-st-light: var(--kl-st-progress-light);--task-st-mid: var(--kl-st-progress-mid)}html.is-native .kl-task-card.st-done,html.kl-mobile .kl-task-card.st-done{--task-st-color: var(--kl-st-done);--task-st-light: var(--kl-st-done-light);--task-st-mid: var(--kl-st-done-mid)}html.is-native .kl-task-card.st-fail,html.kl-mobile .kl-task-card.st-fail{--task-st-color: var(--kl-st-fail);--task-st-light: var(--kl-st-fail-light);--task-st-mid: var(--kl-st-fail-mid)}html.is-native .kl-task-card.st-closed,html.kl-mobile .kl-task-card.st-closed{--task-st-color: var(--kl-st-closed);--task-st-light: var(--kl-st-closed-light);--task-st-mid: var(--kl-st-closed-mid)}html.is-native .kl-st-badge,html.kl-mobile .kl-st-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:700;border:1px solid var(--task-st-mid, #CBD5E1);background:var(--task-st-light, #F1F5F9);color:var(--task-st-color, #475569);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s ease}html.is-native .kl-st-badge:active,html.kl-mobile .kl-st-badge:active{transform:scale(.97)}html.is-native .kl-proto-btn,html.kl-mobile .kl-proto-btn{height:28px;padding:0 10px;border-radius:8px;border:1px solid #BFDBFE;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s ease}html.is-native .kl-proto-btn:active,html.kl-mobile .kl-proto-btn:active{transform:scale(.97)}html.is-native .b,html.kl-mobile .b{height:44px;border-radius:12px;font-size:14px;font-weight:700;border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s ease}html.is-native .b:active,html.kl-mobile .b:active{transform:scale(.98)}html.is-native .b-p,html.kl-mobile .b-p{background:var(--kl-primary, #2563EB);color:#fff}html.is-native .b-o,html.kl-mobile .b-o{background:#fff;border-color:#cbd5e1;color:#334155}html.is-native .b-t,html.kl-mobile .b-t{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}html.is-native .b-g,html.kl-mobile .b-g{background:#16a34a;color:#fff}html.is-native .b-r,html.kl-mobile .b-r{background:#dc2626;color:#fff}html.is-native .b-d,html.kl-mobile .b-d{background:#e2e8f0;color:#64748b;cursor:not-allowed}html.is-native .th,html.kl-mobile .th,html.is-native .kl-th,html.kl-mobile .kl-th{display:flex;align-items:center;gap:8px;font-size:13px}html.is-native .ic,html.kl-mobile .ic,html.is-native .kl-ic,html.kl-mobile .kl-ic{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none}html.is-native .ic svg,html.kl-mobile .ic svg,html.is-native .kl-ic svg,html.kl-mobile .kl-ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}html.is-native .i,html.kl-mobile .i,html.is-native .kl-i,html.kl-mobile .kl-i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}html.is-native .bg,html.kl-mobile .bg,html.is-native .kl-bg,html.kl-mobile .kl-bg{display:flex;align-items:baseline;gap:6px;margin:10px 0 6px}html.is-native .bg b,html.kl-mobile .bg b,html.is-native .kl-bg b,html.kl-mobile .kl-bg b{font-size:24px;font-weight:800;color:var(--kl-text, #0F172A)}html.is-native .bg span,html.kl-mobile .bg span,html.is-native .kl-bg span,html.kl-mobile .kl-bg span{font-size:11px;color:var(--kl-text-4, #64748B);font-weight:600}html.is-native .pr,html.kl-mobile .pr,html.is-native .kl-pr,html.kl-mobile .kl-pr{height:4px;border-radius:2px;background:var(--kl-border, #E2E8F0);overflow:hidden}html.is-native .pr i,html.kl-mobile .pr i,html.is-native .kl-pr i,html.kl-mobile .kl-pr i{display:block;height:100%}html.is-native .ch,html.kl-mobile .ch,html.is-native .kl-ch,html.kl-mobile .kl-ch{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--kl-text-3, #475569);margin-top:6px}html.is-native .ch i,html.kl-mobile .ch i,html.is-native .kl-ch i,html.kl-mobile .kl-ch i{width:7px;height:7px;border-radius:50%}html.is-native .ch b,html.kl-mobile .ch b,html.is-native .kl-ch b,html.kl-mobile .kl-ch b{margin-left:auto;color:var(--kl-text, #0F172A)}html.is-native .lb,html.kl-mobile .lb,html.is-native .kl-lb,html.kl-mobile .kl-lb{font-size:10px;color:var(--kl-text-4, #64748B);font-weight:600;text-transform:uppercase;letter-spacing:.03em}html.is-native .v,html.kl-mobile .v,html.is-native .kl-v,html.kl-mobile .kl-v{font-size:14px;font-weight:700;margin-top:2px}html.is-native .kl-pill,html.kl-mobile .kl-pill{height:var(--kl-h-pill);padding:0 12px;border-radius:var(--kl-r-pill);font-size:12px;font-weight:600;border:1px solid var(--kl-border-strong);background:#fff;color:var(--kl-text-3);white-space:nowrap}html.is-native .kl-pill.is-on,html.kl-mobile .kl-pill.is-on{background:var(--kl-primary);border-color:var(--kl-primary);color:#fff}html.is-native .kl-badge,html.kl-mobile .kl-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--kl-r-badge);white-space:nowrap}html.is-native .kl-segmented,html.kl-mobile .kl-segmented{display:flex;background:var(--kl-border);border-radius:10px;padding:3px;height:var(--kl-h-segmented);box-sizing:border-box}html.is-native .kl-segmented>button,html.kl-mobile .kl-segmented>button{flex:1;border:0;border-radius:8px;background:none;font-size:13px;font-weight:600;color:var(--kl-text-3);cursor:pointer}html.is-native .kl-segmented>button.is-on,html.kl-mobile .kl-segmented>button.is-on{background:#fff;font-weight:700;color:var(--kl-primary-dark)}html.is-native body.keyboard-open .kl-quick-actions,html.kl-mobile body.keyboard-open .kl-quick-actions,html.is-native body.keyboard-open .kl-bottom-nav,html.kl-mobile body.keyboard-open .kl-bottom-nav{display:none!important}html.is-native .kl-btn-ico,html.kl-mobile .kl-btn-ico{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;padding:0;cursor:pointer}html.is-native .kl-bar,html.kl-mobile .kl-bar{position:sticky;top:0;z-index:5;background:#fff;box-shadow:var(--kl-shadow-bar)}html.is-native .kl-list-end,html.kl-mobile .kl-list-end{height:calc(56px + 22px + 16px + var(--kl-safe-bottom, env(safe-area-inset-bottom, 0px)))}html.is-native,html.kl-mobile{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}html.is-native button,html.is-native .kl-pill,html.kl-mobile button{user-select:none;-webkit-user-select:none}@media(min-width:768px){html:not(.is-native) .kl-bottom-nav,html:not(.is-native) .nv,html:not(.is-native) .kl-quick-actions{display:none!important}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.kl-modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--kl-scrim);backdrop-filter:blur(var(--kl-blur));-webkit-backdrop-filter:blur(var(--kl-blur));opacity:0;transition:opacity var(--kl-dur-fade) var(--kl-ease-out);z-index:0;pointer-events:auto}.kl-modal-scrim.is-open{opacity:1}.kl-modal-scrim.is-closing{opacity:0;transition:opacity var(--kl-dur-fade) var(--kl-ease-in)}.kl-modal-scrim.is-stacked{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#0f172a40}html.kl-lowfx .kl-modal-scrim,html.kl-lowfx .kl-sheet-scrim{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:var(--kl-scrim-strong)!important}@supports not (backdrop-filter: blur(1px)){.kl-modal-scrim,.kl-sheet-scrim{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:var(--kl-scrim-strong)!important}}.kl-sheet-handle{width:36px;height:4px;background-color:#cbd5e1;border-radius:2px;margin:8px auto 4px;touch-action:none;cursor:grab;flex-shrink:0}.kl-sheet-handle:active{cursor:grabbing}html.is-native .kl-touchable:active,html.kl-mobile .kl-touchable:active{transform:scale(.97);transition:transform 60ms ease-out}@media(prefers-reduced-motion:reduce){.kl-modal-scrim,.kl-sheet-scrim{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:var(--kl-scrim-strong)!important}.kl-modal-scrim,.kl-sheet-container,.kl-fullmodal-container,.kl-dialog-container{transition-duration:.12s!important;animation-duration:.12s!important}}
