:root{color-scheme:light;--b24-bg: #f5f7fb;--b24-surface: #ffffff;--b24-border: #d5dbe5;--b24-text: #1f2937;--b24-muted: #6b7280;--b24-accent: #2fc6f6;--b24-accent-dark: #0ea5d8;--b24-chart-2: #34d399;--b24-chart-3: #fbbf24;--b24-chart-4: #f87171;--b24-chart-5: #a78bfa;--b24-radius: 12px;--b24-shadow: 0 8px 24px rgba(15, 23, 42, .08);font-family:Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--b24-bg);color:var(--b24-text)}.b24-app{min-height:100vh;display:flex;flex-direction:column}.b24-app__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--b24-surface);border-bottom:1px solid var(--b24-border)}.b24-app__title{margin:0;font-size:20px;font-weight:600}.b24-app__meta{color:var(--b24-muted);font-size:13px}.b24-app__nav{display:flex;gap:8px;padding:12px 20px;background:var(--b24-surface);border-bottom:1px solid var(--b24-border);overflow-x:auto;align-items:center;flex-wrap:wrap}.b24-app__nav-main{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:1;min-width:0}.b24-app__nav-settings{margin-left:auto;flex:0 0 auto;width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.b24-app__nav-settings-icon{display:block}.b24-app__nav-group{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:10px;border-left:1px solid var(--b24-border)}.b24-app__nav-group-label{color:var(--b24-muted);font-size:12px;white-space:nowrap}.b24-app__nav-group-items{display:flex;gap:6px}.b24-app__nav-button{border:1px solid var(--b24-border);background:#fff;color:var(--b24-text);border-radius:999px;padding:8px 14px;cursor:pointer;white-space:nowrap}.b24-app__nav-button.is-active{border-color:var(--b24-accent);background:#2fc6f61f}.b24-app__content{position:relative;padding:20px;display:grid;gap:16px;min-height:160px}.b24-app__content-body{display:grid;gap:16px}.b24-loading{position:absolute;inset:0;z-index:10;pointer-events:all}.b24-loading__cluster{position:absolute;left:50%;top:72px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px}.b24-loading--initial{background:var(--b24-bg)}.b24-loading--refresh{background:color-mix(in srgb,var(--b24-text) 32%,transparent)}.b24-loading__spinner{width:36px;height:36px;border:3px solid var(--b24-border);border-top-color:var(--b24-accent);border-radius:50%;animation:b24-spin .8s linear infinite}.b24-loading__label{color:var(--b24-text);font-size:14px}.b24-loading--refresh .b24-loading__label{color:var(--b24-surface)}@keyframes b24-spin{to{transform:rotate(360deg)}}.b24-card{background:var(--b24-surface);border:1px solid var(--b24-border);border-radius:var(--b24-radius);box-shadow:var(--b24-shadow);padding:16px;position:relative}.b24-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:0 0 12px}.b24-card__title{margin:0;font-size:16px;flex:1;min-width:0}.b24-card__help{position:relative;flex:0 0 auto;margin:-2px -2px 0 0}.b24-card__help-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:1px solid color-mix(in srgb,var(--b24-muted) 35%,transparent);border-radius:999px;background:transparent;color:var(--b24-muted);opacity:.45;font-size:12px;font-weight:600;line-height:1;cursor:help}.b24-card__help-btn:hover,.b24-card__help-btn:focus-visible,.b24-card__help:hover .b24-card__help-btn{opacity:.9;outline:none;border-color:color-mix(in srgb,var(--b24-accent) 50%,var(--b24-border));color:var(--b24-text)}.b24-card__help-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:40;width:min(320px,70vw);padding:10px 12px;border:1px solid var(--b24-border);border-radius:8px;background:var(--b24-surface);color:var(--b24-text);font-size:12px;font-weight:400;line-height:1.45;white-space:pre-wrap;box-shadow:var(--b24-shadow)}.b24-kpi{font-size:28px;font-weight:700}.b24-table{width:100%;border-collapse:collapse;font-size:14px}.b24-table th,.b24-table td{border-bottom:1px solid var(--b24-border);padding:8px 10px;text-align:left}.b24-table th{color:var(--b24-muted);font-weight:600}.b24-table__total td{font-weight:700;border-top:2px solid var(--b24-border);background:color-mix(in srgb,var(--b24-surface) 85%,var(--b24-accent))}.b24-toggle-filter{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--b24-border);border-radius:8px;background:var(--b24-surface);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px}.b24-toggle-filter--inline{padding:0;border:none;border-radius:0;background:transparent;font-size:13px;color:var(--b24-text)}.b24-toggle-filter__input{width:16px;height:16px;accent-color:var(--b24-accent)}.b24-status{padding:12px 16px;border-radius:var(--b24-radius);background:#fff7ed;border:1px solid #fdba74;color:#9a3412}.b24-status.is-error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.b24-grid{display:grid;gap:16px}.b24-section-heading{margin:8px 0 0;padding:4px 2px 0;border-bottom:1px solid var(--b24-border)}.b24-section-heading:first-child{margin-top:0}.b24-section-heading__title{margin:0 0 8px;font-size:1.05rem;font-weight:650;color:var(--b24-text)}@media(min-width:960px){.b24-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.b24-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.b24-card--wide{grid-column:1 / -1}}.b24-month-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;background:var(--b24-surface);border:1px solid var(--b24-border);border-radius:var(--b24-radius);margin-bottom:4px}.b24-month-filter__label{font-weight:600;font-size:13px}.b24-month-filter__presets{display:flex;gap:6px}.b24-month-filter__preset,.b24-month-filter__select{border:1px solid var(--b24-border);background:#fff;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}.b24-month-filter__preset.is-active{border-color:var(--b24-accent);background:#2fc6f61f}.b24-month-filter__current{margin-left:auto;color:var(--b24-muted);font-size:13px}.b24-month-filter__sep{align-self:stretch;width:1px;min-height:1.5em;margin:0 4px;background:var(--b24-border);flex-shrink:0}.b24-enum-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.b24-enum-filter--inline{flex-wrap:nowrap;flex-shrink:0}.b24-enum-filter__label{font-weight:600;font-size:13px;white-space:nowrap}.b24-enum-filter--inline .b24-stage-select{min-width:160px;max-width:240px}.b24-chart{width:100%}.b24-chart__scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.b24-chart__canvas-wrap{position:relative;width:100%;height:260px}.b24-chart__canvas-wrap--tall{height:390px}.b24-chart__canvas-wrap--pie{height:280px;max-width:420px;margin:0 auto}.b24-chart__canvas{display:block;width:100%!important;height:100%!important}.b24-progress-list{display:grid;gap:12px}.b24-progress__head{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:6px}.b24-progress__meta{color:var(--b24-muted);white-space:nowrap}.b24-progress__track{height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden}.b24-progress__fill{height:100%;border-radius:999px;background:var(--b24-accent)}.b24-progress__fill.is-low{background:#f87171}.b24-progress__fill.is-mid{background:#fbbf24}.b24-progress__fill.is-ok{background:#34d399}.b24-gauge-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px 10px;justify-items:center}.b24-gauge{width:100%;max-width:210px;text-align:center}.b24-gauge__svg{display:block;width:100%;height:auto;overflow:visible}.b24-gauge__bezel{stroke:#6f6f6f;stroke-width:1}.b24-gauge__dial{stroke:#8f8f8f;stroke-width:.8}.b24-gauge__zone{stroke-linecap:butt}.b24-gauge__zone.is-low{stroke:#dc3912}.b24-gauge__zone.is-mid{stroke:#f90}.b24-gauge__zone.is-ok{stroke:#109618}.b24-gauge__tick{stroke:#111;stroke-width:2.2}.b24-gauge__scale{fill:#333;stroke:#fff;stroke-width:2.5px;stroke-linejoin:round;paint-order:stroke;font-size:8.5px;font-family:Roboto,Arial,system-ui,sans-serif}.b24-gauge__name{fill:#111;stroke:#fff;stroke-width:3px;stroke-linejoin:round;paint-order:stroke;font-weight:700;font-family:Roboto,Arial,system-ui,sans-serif}.b24-gauge__needle{fill:#f4835e;stroke:#b8441f;stroke-width:.8;stroke-linejoin:round}.b24-gauge__hub{fill:#1f7a70;stroke:#123f3a;stroke-width:1.6}.b24-gauge__pct{fill:#111;font-size:18px;font-weight:700;font-family:Roboto,Arial,system-ui,sans-serif}.b24-gauge__label{margin-top:2px;font-size:13px;font-weight:600;color:var(--b24-text)}.b24-gauge__meta{margin-top:4px;font-size:12px;color:var(--b24-muted)}.b24-funnel-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:12px 14px;background:var(--b24-card, #fff);border:1px solid var(--b24-border, #e5e7eb);border-radius:8px}.b24-funnel-filters__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.b24-funnel-filters__label{font-size:13px;font-weight:600;color:var(--b24-muted, #6b7280);min-width:72px}.b24-funnel-filters__preset{border:1px solid var(--b24-border, #e5e7eb);background:#fff;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:13px}.b24-funnel-filters__preset.is-active{background:var(--b24-accent, #2fc6f6);border-color:transparent;color:#fff}.b24-funnel-filters__date{font-size:13px;padding:4px 6px;border-radius:6px;border:1px solid var(--b24-border, #e5e7eb)}.b24-funnel-filters__stages{align-items:center}.b24-stage-select{position:relative;min-width:220px;max-width:360px}.b24-stage-select__toggle{width:100%;text-align:left;border:1px solid var(--b24-border, #e5e7eb);background:#fff;border-radius:6px;padding:6px 28px 6px 10px;cursor:pointer;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.b24-stage-select__toggle:after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:1.5px solid var(--b24-muted, #6b7280);border-bottom:1.5px solid var(--b24-muted, #6b7280);transform:translateY(-60%) rotate(45deg)}.b24-stage-select.is-open .b24-stage-select__toggle:after{transform:translateY(-20%) rotate(225deg)}.b24-stage-select__panel{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;min-width:280px;background:#fff;border:1px solid var(--b24-border, #e5e7eb);border-radius:8px;box-shadow:0 8px 24px #0f172a1f;padding:8px;display:flex;flex-direction:column;gap:6px}.b24-stage-select__panel[hidden]{display:none}.b24-stage-select__search{width:100%;box-sizing:border-box;font-size:13px;padding:6px 8px;border-radius:6px;border:1px solid var(--b24-border, #e5e7eb)}.b24-stage-select__list{max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:2px}.b24-stage-select__option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:13px;cursor:pointer}.b24-stage-select__option:hover{background:#f3f4f6}.b24-stage-select__kind{font-size:11px;color:var(--b24-muted, #6b7280)}.b24-stage-select__empty{padding:10px 8px;font-size:13px;color:var(--b24-muted, #6b7280)}.b24-funnel-filters__toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.b24-settings{display:grid;gap:16px}.b24-settings__title{margin:0;font-size:20px;font-weight:600}.b24-settings__layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:start}.b24-settings__sidebar{display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--b24-surface);border:1px solid var(--b24-border);border-radius:var(--b24-radius);box-shadow:var(--b24-shadow)}.b24-settings__nav-item{border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--b24-text);font-size:14px}.b24-settings__nav-item.is-active{background:#2fc6f61f;color:var(--b24-accent-dark);font-weight:600}.b24-settings__panel{min-width:0}.b24-settings-access{display:grid;gap:14px}.b24-settings-access__intro{margin:0;color:var(--b24-muted);font-size:13px;line-height:1.45}.b24-settings-access__columns{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:16px;align-items:stretch;min-height:420px}.b24-settings-access__subjects,.b24-settings-access__rules{background:var(--b24-surface);border:1px solid var(--b24-border);border-radius:var(--b24-radius);box-shadow:var(--b24-shadow);padding:14px}.b24-settings-access__subjects{display:flex;flex-direction:column;gap:10px;min-height:0}.b24-settings-access__tabs{display:flex;gap:6px}.b24-settings-access__tab{flex:1;border:1px solid var(--b24-border);background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer;font-size:13px;color:var(--b24-text)}.b24-settings-access__tab.is-active{border-color:var(--b24-accent);background:#2fc6f61f}.b24-settings-access__search{width:100%;box-sizing:border-box;border:1px solid var(--b24-border);border-radius:8px;padding:8px 10px;font-size:13px}.b24-settings-access__list{display:flex;flex-direction:column;gap:2px;overflow:auto;max-height:480px;flex:1}.b24-settings-access__subject{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:none;background:transparent;text-align:left;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--b24-text);width:100%}.b24-settings-access__subject:hover{background:#f3f4f6}.b24-settings-access__subject.is-active{background:#2fc6f624}.b24-settings-access__subject-name{font-size:14px}.b24-settings-access__subject-hint{font-size:12px;color:var(--b24-muted)}.b24-settings-access__rules{display:flex;flex-direction:column;gap:16px}.b24-settings-access__rules-head{display:grid;gap:4px}.b24-settings-access__rules-title{margin:0;font-size:16px}.b24-settings-access__rules-sub{margin:0;font-size:13px;color:var(--b24-muted)}.b24-settings-access__block{display:grid;gap:8px}.b24-settings-access__block-title{margin:0;font-size:13px;font-weight:600;color:var(--b24-muted);text-transform:uppercase;letter-spacing:.02em}.b24-settings-access__checks{display:grid;gap:4px}.b24-settings-access__check{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--b24-border);border-radius:8px;cursor:pointer;font-size:14px}.b24-settings-access__check:hover{border-color:color-mix(in srgb,var(--b24-accent) 45%,var(--b24-border))}.b24-settings-access__check-input{width:16px;height:16px;accent-color:var(--b24-accent)}.b24-settings-access__check-hint{font-size:12px;color:var(--b24-muted)}.b24-settings-access__footer{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:8px;border-top:1px solid var(--b24-border)}.b24-settings-access__save{border:1px solid var(--b24-border);background:#e5e7eb;color:var(--b24-muted);border-radius:8px;padding:8px 16px;font-size:14px;cursor:not-allowed}.b24-settings-access__note{font-size:12px;color:var(--b24-muted)}.b24-settings-access__empty{padding:24px 8px;text-align:center;color:var(--b24-muted);font-size:13px}@media(max-width:900px){.b24-settings__layout,.b24-settings-access__columns{grid-template-columns:1fr}}