@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--byf-blue: #0b3d69;--byf-blue-light: #e6f1fb;--byf-teal: #0b7a75;--byf-teal-light: #e1f5ee;--byf-gray-50: #f7f8fa;--byf-gray-100: #eaedf2;--byf-gray-400: #9aa3b2;--byf-gray-700: #374151;--byf-danger: #c0392b;--byf-danger-light: #fcebeb;--byf-success: #2d8653;--byf-success-light: #eaf3de;--byf-warning: #e07b39;--byf-warning-light: #fef3e6;--byf-radius-sm: 6px;--byf-radius-md: 10px;--byf-radius-lg: 14px;--byf-shadow-sm: 0 1px 3px rgba(11, 61, 105, .08);--byf-shadow-md: 0 4px 12px rgba(11, 61, 105, .1);--byf-space-xs: 4px;--byf-space-sm: 8px;--byf-space-md: 16px;--byf-space-lg: 24px;--byf-space-xl: 32px}*{font-family:Inter,system-ui,sans-serif;box-sizing:border-box}body{background:var(--byf-gray-50);color:var(--byf-gray-700)}:root{--font-sans: "Inter", system-ui, sans-serif;--font-regular: 400;--font-medium: 500;--text-caption: 11px;--text-small: 12px;--text-body-sm: 13px;--text-body: 14px;--text-body-lg: 16px;--heading-h1: 22px;--heading-h2: 18px;--heading-h3: 16px;--heading-h4: 14px;--bg-app: var(--byf-gray-50);--bg-surface: #ffffff;--bg-secondary: var(--byf-gray-100);--text-primary: var(--byf-gray-700);--text-secondary: var(--byf-gray-400);--text-tertiary: #94a3b8;--border-default: var(--byf-gray-100);--border-strong: #cbd5e1;--byf-navy: var(--byf-blue);--byf-navy-deep: #082f52;--byf-green: var(--byf-success);--byf-red: var(--byf-danger);--byf-amber: var(--byf-warning);--color-success: var(--byf-success);--bg-success: var(--byf-success-light);--border-success: #86cba8;--color-warning: var(--byf-warning);--bg-warning: var(--byf-warning-light);--border-warning: #f5c896;--color-danger: var(--byf-danger);--bg-danger: var(--byf-danger-light);--border-danger: #f0b4ae;--color-info: #1761c7;--bg-info: var(--byf-blue-light);--border-info: #93c5fd;--radius-sm: var(--byf-radius-sm);--radius-md: var(--byf-radius-md);--radius-lg: var(--byf-radius-lg);--radius-xl: 16px;--radius-pill: 9999px;--shadow-sm: var(--byf-shadow-sm);--shadow-md: var(--byf-shadow-md);--z-modal: 1000}*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:inherit;font-size:var(--text-body);font-weight:var(--font-regular);line-height:1.5}h1,h2,h3,h4{font-weight:var(--font-medium);line-height:1.25;color:var(--text-primary);margin:0}h1{font-size:var(--heading-h1)}h2{font-size:var(--heading-h2)}h3{font-size:var(--heading-h3)}h4{font-size:var(--heading-h4)}p{margin:0}small{font-size:var(--text-small)}a{color:var(--byf-teal);text-decoration:none}a:hover{text-decoration:underline}.byf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:var(--font-medium);font-size:var(--text-body);line-height:1.25;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap}.byf-btn:focus-visible{outline:2px solid var(--byf-blue);outline-offset:2px}.byf-btn:disabled{opacity:.55;cursor:not-allowed}.byf-btn--sm{min-height:32px;padding:0 12px;font-size:var(--text-body-sm);border-radius:var(--radius-sm)}.byf-btn--md{min-height:40px;padding:0 16px}.byf-btn--lg{min-height:48px;padding:0 20px;font-size:var(--text-body-lg);border-radius:var(--radius-lg)}.byf-btn--primary{background:var(--byf-navy);color:#fff}.byf-btn--primary:not(:disabled):hover{background:var(--byf-navy-deep)}.byf-btn--secondary{background:transparent;color:var(--byf-navy);border-color:var(--border-strong)}.byf-btn--secondary:not(:disabled):hover{background:var(--bg-secondary)}.byf-btn--ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.byf-btn--ghost:not(:disabled):hover{background:var(--bg-secondary);color:var(--text-primary)}.byf-btn--danger{background:var(--byf-red);color:#fff}.byf-btn--danger:not(:disabled):hover{filter:brightness(.94)}.byf-btn__icon{display:inline-flex;flex-shrink:0}.byf-btn__spinner{width:1.1em;height:1.1em;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;animation:byf-spin .65s linear infinite}@keyframes byf-spin{to{transform:rotate(360deg)}}.byf-badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:var(--font-medium);border:1px solid transparent;width:fit-content}.byf-badge--sm{font-size:var(--text-caption);padding:2px 8px;line-height:1.35}.byf-badge--md{font-size:var(--text-small);padding:4px 10px;line-height:1.35}.byf-badge--success{color:var(--color-success);background:var(--bg-success);border-color:var(--border-success)}.byf-badge--warning{color:var(--color-warning);background:var(--bg-warning);border-color:var(--border-warning)}.byf-badge--danger{color:var(--color-danger);background:var(--bg-danger);border-color:var(--border-danger)}.byf-badge--info{color:var(--color-info);background:var(--bg-info);border-color:var(--border-info)}.byf-badge--neutral{color:var(--text-secondary);background:var(--bg-secondary);border-color:var(--border-default)}.byf-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.byf-card--accent-navy{border-left:4px solid var(--byf-navy)}.byf-card--accent-blue{border-left:4px solid var(--byf-blue)}.byf-card--accent-teal{border-left:4px solid var(--byf-teal)}.byf-card--accent-green{border-left:4px solid var(--byf-green)}.byf-card--accent-amber{border-left:4px solid var(--byf-amber)}.byf-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 0}.byf-card__titles{min-width:0}.byf-card__title{font-size:var(--heading-h4);font-weight:var(--font-medium);color:var(--text-primary);margin:0}.byf-card__subtitle{font-size:var(--text-body-sm);color:var(--text-secondary);margin:4px 0 0}.byf-card__action{flex-shrink:0}.byf-card__body{padding:20px}.byf-card__body--flush-top{padding-top:12px}.byf-alert{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid;font-size:var(--text-body)}.byf-alert__icon{flex-shrink:0;margin-top:2px}.byf-alert__body{flex:1;min-width:0}.byf-alert__title{font-weight:var(--font-medium);margin:0 0 4px;font-size:var(--text-body)}.byf-alert__message{margin:0;color:var(--text-secondary);font-size:var(--text-body-sm)}.byf-alert__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.byf-alert--success{background:var(--bg-success);border-color:var(--border-success);color:var(--text-primary)}.byf-alert--warning{background:var(--bg-warning);border-color:var(--border-warning);color:var(--text-primary)}.byf-alert--danger,.byf-alert--error{background:var(--bg-danger);border-color:var(--border-danger);color:var(--text-primary)}.byf-alert--info{background:var(--bg-info);border-color:var(--border-info);color:var(--text-primary)}.byf-alert__close{flex-shrink:0;align-self:flex-start;background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);display:inline-flex}.byf-alert__close:hover{background:#ffffff80}.byf-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d254073;display:flex;align-items:center;justify-content:center;padding:24px;z-index:var(--z-modal)}.byf-modal{width:100%;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden}.byf-modal--sm{max-width:400px}.byf-modal--md{max-width:520px}.byf-modal--lg{max-width:720px}.byf-modal--xl{max-width:960px}.byf-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 0}.byf-modal__title{margin:0;font-size:var(--heading-h3);font-weight:var(--font-medium)}.byf-modal__close{flex-shrink:0}.byf-modal__content{flex:1 1 auto;min-height:0;padding:16px 20px 20px;overflow:auto;font-size:var(--text-body);color:var(--text-secondary)}.byf-modal__footer{padding:0 20px 20px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.byf-form-field{display:flex;flex-direction:column;gap:6px}.byf-form-field__label{font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--text-primary)}.byf-form-field__optional{font-weight:var(--font-regular);color:var(--text-tertiary)}.byf-form-field__helper{font-size:var(--text-small);color:var(--text-tertiary);margin:0}.byf-form-field__error{font-size:var(--text-small);color:var(--color-danger);margin:0}.byf-input{font-family:var(--font-sans);font-size:var(--text-body);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 12px;min-height:40px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.byf-input::placeholder{color:var(--text-tertiary)}.byf-input:hover:not(:disabled){border-color:var(--border-strong)}.byf-input:focus{outline:none;border-color:var(--byf-blue);box-shadow:0 0 0 3px #1761c726}.byf-input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.byf-input--error{border-color:var(--color-danger)}.byf-input--error:focus{box-shadow:0 0 0 3px #c42b2b1f}textarea.byf-input{min-height:96px;resize:vertical}select.byf-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.byf-select-wrap{position:relative;width:100%}.byf-select-wrap select{width:100%}.byf-breadcrumb{font-family:var(--font-sans);font-size:var(--text-body-sm);color:var(--text-secondary)}.byf-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.byf-breadcrumb__item{display:inline-flex;align-items:center;gap:8px}.byf-breadcrumb__sep{color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.byf-breadcrumb__link{color:var(--byf-blue)}.byf-breadcrumb__current{color:var(--text-primary);font-weight:var(--font-medium)}.byf-kpi-grid,.byf-kpi-strip{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.byf-kpi-grid--3,.byf-kpi-strip--3{grid-template-columns:repeat(3,minmax(0,1fr))}.byf-kpi-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.byf-kpi-grid--fit,.byf-kpi-strip--fit{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}@media(max-width:1099px){.byf-kpi-grid,.byf-kpi-strip,.byf-kpi-grid--5,.byf-kpi-grid--3,.byf-kpi-strip--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:719px){.byf-kpi-grid,.byf-kpi-strip,.byf-kpi-grid--3,.byf-kpi-grid--5,.byf-kpi-strip--3,.byf-kpi-grid--fit,.byf-kpi-strip--fit{grid-template-columns:1fr}}.kpi-card{background:#fff;border-radius:var(--byf-radius-md);border:.5px solid var(--byf-gray-100);border-left:4px solid var(--byf-blue);padding:16px;position:relative;box-shadow:var(--byf-shadow-sm);min-width:0}.kpi-card[data-accent=blue]{border-left-color:var(--byf-blue)}.kpi-card[data-accent=teal]{border-left-color:var(--byf-teal)}.kpi-card[data-accent=warning]{border-left-color:var(--byf-warning)}.kpi-card[data-accent=danger]{border-left-color:var(--byf-danger)}.kpi-card[data-accent=success]{border-left-color:var(--byf-success)}.kpi-card[data-accent=blue] .kpi-icon-wrap{background:var(--byf-blue-light);color:var(--byf-blue)}.kpi-card[data-accent=teal] .kpi-icon-wrap{background:var(--byf-teal-light);color:var(--byf-teal)}.kpi-card[data-accent=warning] .kpi-icon-wrap{background:var(--byf-warning-light);color:var(--byf-warning)}.kpi-card[data-accent=danger] .kpi-icon-wrap{background:var(--byf-danger-light);color:var(--byf-danger)}.kpi-card[data-accent=success] .kpi-icon-wrap{background:var(--byf-success-light);color:var(--byf-success)}.kpi-icon-wrap{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center}.kpi-label{font-size:12px;color:var(--byf-gray-400);margin-bottom:6px;font-weight:500;padding-right:44px}.byf-kpi__label{font-size:12px;color:var(--byf-gray-400);font-weight:500}.kpi-value{font-size:26px;font-weight:600;color:var(--byf-blue);line-height:1}.kpi-trend{font-size:12px;margin-top:8px;display:flex;align-items:center;gap:3px}.kpi-trend--up{color:var(--byf-success)}.kpi-trend--down{color:var(--byf-danger)}.kpi-trend--neutral{color:var(--byf-gray-400)}.kpi-card__skel-label{height:12px;width:55%;border-radius:4px;margin-bottom:10px}.kpi-card__skel-value{height:26px;width:72%;border-radius:4px}.kpi-card__skel-trend{height:12px;width:48%;border-radius:4px;margin-top:12px}.kpi-card__skel-label,.kpi-card__skel-value,.kpi-card__skel-trend,.kpi-card--loading .kpi-icon-wrap.kpi-card__skel-icon{background:linear-gradient(90deg,var(--byf-gray-100) 25%,var(--byf-gray-50) 50%,var(--byf-gray-100) 75%);background-size:200% 100%;animation:kpi-shimmer 1.2s ease-in-out infinite}.kpi-card--loading .kpi-icon-wrap.kpi-card__skel-icon{color:transparent}@keyframes kpi-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.byf-table-wrap{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface)}.byf-table-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-default);background:var(--bg-secondary)}.byf-table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm)}.byf-table th,.byf-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-default)}.byf-table th{font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-secondary);-webkit-user-select:none;user-select:none}.byf-table tr:last-child td{border-bottom:none}.byf-table__sortable{cursor:pointer;vertical-align:middle}.byf-table__sortable:hover{color:var(--text-primary)}.byf-table__sort-inner{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;vertical-align:middle}.byf-table__empty{padding:48px 24px;text-align:center;color:var(--text-secondary);font-size:var(--text-body)}.byf-table tbody tr.byf-table-row--clickable{cursor:pointer}.byf-table tbody tr.byf-table-row--clickable:hover td{background:var(--bg-secondary)}.byf-table-skel tr td{padding:14px 16px}.byf-table-skel__bar{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-default) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:byf-shimmer 1.2s ease-in-out infinite}.byf-table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border-default);background:var(--bg-surface);font-size:var(--text-small);color:var(--text-secondary)}.byf-table-pagination__nav{display:flex;gap:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;text-align:center}.empty-state--sm{padding:24px 16px}.empty-state--lg{padding:60px 32px}.empty-icon-wrap{width:52px;height:52px;border-radius:14px;background:var(--byf-blue-light);display:flex;align-items:center;justify-content:center;color:var(--byf-blue)}.empty-state--sm .empty-icon-wrap{width:40px;height:40px;border-radius:11px}.empty-state--lg .empty-icon-wrap{width:80px;height:80px;border-radius:20px}.empty-title{font-size:14px;font-weight:500;color:var(--byf-gray-700);margin:0}.empty-desc{font-size:13px;color:var(--byf-gray-400);margin:0;max-width:260px}.empty-state__btn{padding:7px 18px;border-radius:var(--byf-radius-sm);background:var(--byf-blue);color:#fff;font-size:13px;border:none;cursor:pointer;margin-top:6px;font-family:var(--font-sans)}.empty-state__btn:focus-visible{outline:2px solid var(--byf-blue);outline-offset:2px}.byf-page-skel{width:100%;min-width:0}.byf-page-skel__bar{height:20px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-default) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:byf-shimmer 1.2s ease-in-out infinite}.byf-page-skel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:24px}.byf-page-skel__card{height:120px;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface);position:relative;overflow:hidden}.byf-page-skel__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 25%,rgb(241 245 249 / .9) 50%,transparent 75%);background-size:200% 100%;animation:byf-shimmer 1.2s ease-in-out infinite}.byf-spinner{border:2px solid var(--border-default);border-top-color:var(--byf-navy);border-radius:50%;animation:byf-spin .7s linear infinite}.byf-spinner--sm{width:16px;height:16px}.byf-spinner--md{width:24px;height:24px}.byf-spinner--lg{width:36px;height:36px;border-width:3px}.tabs-root{display:flex;border-bottom:1.5px solid var(--byf-gray-100);gap:0}.tab-item{padding:9px 18px;font-size:13px;font-weight:400;color:var(--byf-gray-400);cursor:pointer;position:relative;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .15s;display:flex;align-items:center;gap:6px;font-family:var(--font-sans)}.tab-item.active{color:var(--byf-blue);font-weight:500;border-bottom-color:var(--byf-teal)}.tab-item:not(.active):hover{color:var(--byf-gray-700)}.period-selector{position:relative;display:inline-flex}.period-btn{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--byf-radius-sm);border:.5px solid var(--byf-gray-100);background:#fff;font-size:13px;color:var(--byf-blue);font-weight:500;cursor:pointer;box-shadow:var(--byf-shadow-sm);font-family:var(--font-sans)}.period-btn:disabled{opacity:.55;cursor:not-allowed}.period-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:60;background:#fff;border:.5px solid var(--byf-gray-100);border-radius:var(--byf-radius-md);box-shadow:var(--byf-shadow-md);padding:12px;min-width:268px}.period-dropdown__year{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.period-dropdown__year-label{font-size:14px;font-weight:600;color:var(--byf-blue)}.period-dropdown__year-nav{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--byf-radius-sm);background:var(--byf-gray-50);color:var(--byf-blue);cursor:pointer}.period-dropdown__year-nav:hover{background:var(--byf-gray-100)}.period-dropdown__months{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.period-dropdown__month{padding:8px 4px;font-size:12px;font-weight:500;border:none;border-radius:var(--byf-radius-sm);background:transparent;cursor:pointer;color:var(--byf-gray-700);font-family:var(--font-sans)}.period-dropdown__month:hover{background:var(--byf-gray-50)}.period-dropdown__month--selected{color:var(--byf-blue);font-weight:600;background:var(--byf-blue-light)}.byf-ventas-subnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.byf-ventas-mes-field{display:flex;align-items:center;gap:10px}.byf-ventas-mes-field__label{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0;flex-shrink:0}.byf-text-link{color:var(--byf-blue);text-decoration:none}.byf-text-link:hover{text-decoration:underline}.byf-page{width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--byf-space-md)}.byf-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--byf-space-sm)}.byf-page-header .byf-h1,.byf-page-header h1{margin:0;font-size:22px;font-weight:600;line-height:1.25;color:var(--text-primary)}.byf-shell-pad{width:100%;min-width:0}.byf-shell-pad--narrow{max-width:720px}.byf-prose-narrow{max-width:40rem}.byf-stack{display:flex;flex-direction:column;gap:var(--byf-space-md)}.byf-stack--xs{gap:var(--byf-space-xs)}.byf-stack--sm{gap:var(--byf-space-sm)}.byf-stack--md{gap:var(--byf-space-md)}.byf-stack--lg{gap:var(--byf-space-lg)}.byf-gap-xs{gap:var(--byf-space-xs)}.byf-gap-sm{gap:var(--byf-space-sm)}.byf-gap-md{gap:var(--byf-space-md)}.byf-gap-lg{gap:var(--byf-space-lg)}.byf-gap-xl{gap:var(--byf-space-xl)}.byf-mt-sm{margin-top:var(--byf-space-sm)}.byf-mt-md{margin-top:var(--byf-space-md)}.byf-mt-lg{margin-top:var(--byf-space-lg)}.byf-h1{margin:0;font-size:var(--heading-h1);font-weight:var(--font-medium);line-height:1.25;color:var(--text-primary)}.byf-muted{margin:0;color:var(--text-secondary);font-size:var(--text-body);line-height:1.5}.byf-fw-600{font-weight:600}.byf-split{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--byf-space-md)}.byf-split--baseline{align-items:baseline}.byf-grid{display:grid;gap:var(--byf-space-md)}.byf-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.byf-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:720px){.byf-grid--2,.byf-grid--3{grid-template-columns:1fr}}.byf-dl{display:grid;gap:var(--byf-space-sm) var(--byf-space-md);margin:0}.byf-dl--2{grid-template-columns:repeat(2,minmax(0,1fr))}.byf-dl dt{font-size:var(--text-small);color:var(--text-secondary);font-weight:var(--font-medium)}.byf-dl dd{margin:0;color:var(--text-primary)}.byf-chip-link{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--byf-teal);text-decoration:none}.byf-chip-link:hover{color:var(--byf-blue);text-decoration:underline}.byf-muted-box{padding:var(--byf-space-md);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-secondary);color:var(--text-secondary)}.byf-actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--byf-space-sm)}.byf-actions-row.wrap{flex-wrap:wrap}.byf-checkbox-row{display:inline-flex;align-items:center;gap:var(--byf-space-sm);font-size:var(--text-body-sm);color:var(--text-secondary);cursor:pointer}:root{--layout-sidebar-width: 160px;--layout-sidebar-compact-width: 72px;--layout-topbar-height: 56px}.byf-root{min-height:100vh;background:var(--bg-app)}.byf-app-layout{display:grid;grid-template-columns:var(--layout-sidebar-width) 1fr;grid-template-rows:var(--layout-topbar-height) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh}.byf-app-layout--sidebar-collapsed{grid-template-columns:var(--layout-sidebar-compact-width) 1fr}.byf-sidebar{grid-area:sidebar;background:var(--byf-blue);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:hidden}.byf-sidebar__scroll{flex:1;overflow-y:auto;padding:8px 10px}.byf-sidebar__toggle-row{display:flex;justify-content:flex-end;padding:8px 10px 0}.byf-sidebar__toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffd9;cursor:pointer}.byf-sidebar__toggle:hover{border-color:#ffffff59;background:#ffffff24}.byf-sidebar__toggle--footer{width:100%}.byf-sidebar__footer{padding:10px;border-top:1px solid rgba(255,255,255,.12)}.byf-sidebar__empty-hint{font-size:var(--text-small);color:#ffffff8c;padding:0 8px;margin:0}.byf-sidebar__empty-hint code{font-size:.92em;color:#ffffffbf}.byf-sidebar-nav-link{display:block;text-decoration:none;color:inherit}@media(min-width:901px){.byf-sidebar__toggle--mobile-only{display:none}}.byf-nav-section-label{font-size:var(--text-caption);font-weight:var(--font-medium);color:#ffffff73;text-transform:none;padding:10px 8px 4px;letter-spacing:.02em}.byf-sidebar__nav{display:flex;flex-direction:column;gap:2px}.byf-nav-item-wrap{position:relative}.byf-sidebar .nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--byf-radius-sm);color:#ffffffa6;font-size:13px;font-weight:400;transition:background .15s,color .15s;cursor:pointer;position:relative;width:100%;box-sizing:border-box}.byf-sidebar .nav-item--sub{padding-left:28px;font-size:12px}.byf-sidebar .nav-item:not(.active):hover{background:#ffffff12;color:#ffffffd9}.byf-sidebar .nav-item.active{background:#ffffff21;color:#fff;font-weight:500}.byf-sidebar .nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--byf-teal);border-radius:0 2px 2px 0}.byf-nav-badge{margin-left:auto;background:var(--byf-red);color:#fff;font-size:var(--text-caption);font-weight:var(--font-medium);padding:0 6px;border-radius:var(--radius-pill);min-width:18px;text-align:center;line-height:18px}.byf-sidebar--collapsed .byf-nav-section-label{opacity:0;height:0;padding:0;overflow:hidden}.byf-sidebar--collapsed .nav-item{justify-content:center;padding:10px}.byf-sidebar--collapsed .nav-item--sub{padding-left:10px}.byf-sidebar--collapsed .byf-sidebar__toggle-row{justify-content:center}.byf-sidebar--collapsed .byf-nav-badge{position:absolute;top:2px;right:2px}.byf-topbar{grid-area:topbar;display:flex;align-items:center;gap:16px;padding:0 20px;background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.byf-brand{display:flex;align-items:baseline;gap:10px;font-weight:var(--font-medium);letter-spacing:-.03em;color:var(--byf-navy)}.byf-brand__text{font-size:var(--heading-h3)}.byf-brand__dot{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--byf-teal);display:inline-block;animation:byf-dot-pulse 1.75s ease-in-out infinite}@keyframes byf-dot-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.45);opacity:1}}.byf-pill-beta{display:inline-flex;align-items:center;font-size:var(--text-caption);font-weight:var(--font-medium);padding:2px 8px;border-radius:var(--radius-pill);border:1px solid var(--border-default);color:var(--text-secondary);background:var(--bg-secondary)}.byf-topbar__grow{flex:1}.byf-bell-wrap{position:relative;display:inline-flex}.byf-icon-btn{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary)}.byf-icon-btn:hover{background:var(--bg-secondary)}.byf-chip-user{position:relative;display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--bg-secondary);cursor:pointer;font-family:var(--font-sans)}.byf-avatar{width:32px;height:32px;border-radius:var(--radius-pill);background:var(--byf-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-small);font-weight:var(--font-medium)}.byf-user-menu{display:inline-flex;position:relative}.byf-user-menu__dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:200px;padding:6px;z-index:50}.byf-user-menu__item{display:block;width:100%;text-align:left;padding:10px 12px;border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans)}.byf-user-menu__item:hover{background:var(--bg-secondary)}.byf-app-main{grid-area:main;overflow:auto;padding:24px}@media(max-width:900px){.byf-app-layout{grid-template-columns:1fr;grid-template-rows:var(--layout-topbar-height) auto 1fr;grid-template-areas:"topbar" "sidebar" "main"}.byf-app-layout--sidebar-collapsed{grid-template-columns:1fr}.byf-sidebar{border-right:none;border-bottom:1px solid rgba(255,255,255,.12);max-height:320px}}