:root{--byb-primary: #7FB069;--byb-primary-deep: #5F8A4F;--byb-secondary: #B8D4AE;--byb-primary-tint: #EDF3E8;--byb-primary-ring: rgba(127, 176, 105, .25);--byb-ok: #5F8A4F;--byb-ok-soft: #EDF3E8;--byb-low: #C27B3F;--byb-low-soft: #FAEEDA;--byb-over: #DC2626;--byb-over-soft: #FBE5E3;--byb-warn: #C27B3F;--byb-danger: #DC2626;--byb-surface: #FFFFFF;--byb-surface-alt: #FAFBF9;--byb-surface-sunken: #F1F3EF;--byb-text: #1A1A1A;--byb-text-muted: #6B6F6B;--byb-border: #E4E8E0;--byb-border-strong: #D2D8CC;--byb-bar-track: var(--byb-surface-sunken);--byb-overlay: rgba(24, 32, 22, .5);--byb-elev-1: 0 1px 2px rgba(24, 32, 22, .05), 0 1px 3px rgba(24, 32, 22, .06);--byb-elev-2: 0 2px 4px rgba(24, 32, 22, .06), 0 6px 16px rgba(24, 32, 22, .08);--byb-elev-3: 0 6px 12px rgba(24, 32, 22, .08), 0 18px 40px rgba(24, 32, 22, .16);--byb-shadow-card: var(--byb-elev-1);--byb-shadow-pop: var(--byb-elev-3);--byb-space-1: 4px;--byb-space-2: 8px;--byb-space-3: 12px;--byb-space-4: 16px;--byb-space-5: 20px;--byb-space-6: 24px;--byb-space-7: 28px;--byb-space-8: 32px;--byb-radius-xs: 4px;--byb-radius-sm: 6px;--byb-radius: 10px;--byb-radius-lg: 14px;--byb-radius-pill: 999px;--byb-font: "Inter", "Segoe UI", system-ui, sans-serif;--byb-text-2xs: 10px;--byb-text-xs: 11px;--byb-text-sm: 12px;--byb-text-md: 13px;--byb-text-lg: 14px;--byb-text-base: 15px;--byb-text-title: 18px;--byb-text-xl: 22px;--byb-text-2xl: 28px;--byb-text-3xl: 34px;--byb-header-h: 69px;--byb-bottom-nav-h: 64px;--byb-gutter: 32px;--byb-content-pad: 28px 32px;--byb-card-pad: 20px;--byb-tap-min: auto;--byb-btn-pad: 8px 16px;--byb-btn-ghost-pad: 8px 14px;--byb-input-pad: 8px 10px;--byb-input-text: 14px;--byb-view-title: 22px;--byb-kpi-text: 28px;--byb-inverse-surface: #1F231E;--byb-inverse-text: #F5F7F3;--byb-ease: cubic-bezier(.22, .61, .36, 1)}@media(max-width:767px){:root{--byb-header-h: 53px;--byb-gutter: 14px;--byb-content-pad: 16px 12px;--byb-card-pad: 14px;--byb-tap-min: 44px;--byb-btn-pad: 12px 18px;--byb-btn-ghost-pad: 11px 14px;--byb-input-pad: 11px 12px;--byb-input-text: 16px;--byb-view-title: 18px;--byb-kpi-text: 22px}}[data-theme=dark]{--byb-ok: #9FC98D;--byb-ok-soft: #1E2A19;--byb-low: #E0A63C;--byb-low-soft: #33270F;--byb-over: #F2766B;--byb-over-soft: #38201E;--byb-primary-tint: #23301F;--byb-surface: #121412;--byb-surface-alt: #1C1F1C;--byb-surface-sunken: #0E100E;--byb-text: #F2F4F1;--byb-text-muted: #9AA396;--byb-border: #2E332E;--byb-border-strong: #3C423B;--byb-overlay: rgba(0, 0, 0, .65);--byb-elev-1: 0 1px 2px rgba(0, 0, 0, .4);--byb-elev-2: 0 2px 6px rgba(0, 0, 0, .45), 0 8px 20px rgba(0, 0, 0, .35);--byb-elev-3: 0 10px 24px rgba(0, 0, 0, .5), 0 24px 56px rgba(0, 0, 0, .45);--byb-inverse-surface: #2E332E;--byb-inverse-text: #F2F4F1}html{background:var(--byb-surface)}body{margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{-webkit-tap-highlight-color:transparent}button{transition:background-color .15s var(--byb-ease),border-color .15s var(--byb-ease),color .15s var(--byb-ease),opacity .15s var(--byb-ease),transform .1s var(--byb-ease),box-shadow .15s var(--byb-ease)}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:not-allowed}input,select,textarea{transition:border-color .15s var(--byb-ease),box-shadow .15s var(--byb-ease)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--byb-primary)!important;box-shadow:0 0 0 3px var(--byb-primary-ring)}button:focus-visible{outline:2px solid var(--byb-primary);outline-offset:2px}@media(pointer:fine){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--byb-border);border-radius:5px;border:2px solid var(--byb-surface)}::-webkit-scrollbar-thumb:hover{background:var(--byb-text-muted)}}@keyframes byb-view-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes byb-view-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes byb-view-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.byb-view{animation:byb-view-in .22s var(--byb-ease)}.byb-view-left{animation:byb-view-in-left .22s var(--byb-ease)}.byb-view-right{animation:byb-view-in-right .22s var(--byb-ease)}.byb-swipe-track{transition-property:transform;transition-timing-function:var(--byb-ease);transition-duration:0ms}.byb-swipe-track.byb-swiping{will-change:transform;user-select:none;-webkit-user-select:none}@keyframes byb-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.byb-panel{animation:byb-panel-in .18s var(--byb-ease)}@keyframes byb-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes byb-modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes byb-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.byb-overlay{animation:byb-overlay-in .18s var(--byb-ease)}.byb-modal{animation:byb-modal-in .22s var(--byb-ease)}.byb-sheet{animation:byb-sheet-in .26s var(--byb-ease)}@keyframes byb-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.byb-toast{animation:byb-toast-in .22s var(--byb-ease)}.byb-bar-fill{transition:width .45s var(--byb-ease),background-color .3s var(--byb-ease)}@keyframes byb-quickmenu-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.byb-quickmenu{animation:byb-quickmenu-in .16s var(--byb-ease);transform-origin:bottom right}@keyframes byb-shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.byb-skeleton{background:var(--byb-border);border-radius:8px;animation:byb-shimmer 1.4s ease-in-out infinite}.byb-skeleton-screen{display:flex;min-height:100vh;background:var(--byb-surface)}.byb-skeleton-sidebar{width:220px;background:var(--byb-surface-alt);border-right:1px solid var(--byb-border);padding:24px 20px;display:flex;flex-direction:column;gap:14px;flex-shrink:0}.byb-skeleton-logo{width:120px;height:40px;margin-bottom:16px}.byb-skeleton-nav{width:100%;height:20px}.byb-skeleton-main{flex:1;padding:28px 32px;display:flex;flex-direction:column;gap:14px;max-width:1200px}.byb-skeleton-header{width:40%;height:32px}.byb-skeleton-kpi{width:100%;height:90px}.byb-skeleton-row{width:100%;height:56px}@media(max-width:767px){.byb-skeleton-sidebar{display:none}.byb-skeleton-main{padding:16px 12px}}.byb-month-heading{position:sticky;top:var(--byb-header-h);z-index:4}.byb-month-heading-cell{position:sticky;top:var(--byb-header-h);z-index:4;background:var(--byb-surface);box-shadow:inset 0 -1px 0 var(--byb-border)}.byb-meter{position:relative;height:8px;border-radius:var(--byb-radius-pill);background:var(--byb-bar-track);overflow:hidden}.byb-meter-fill{height:100%;border-radius:var(--byb-radius-pill);transition:width .45s var(--byb-ease),background-color .3s var(--byb-ease)}.byb-empty{display:flex;flex-direction:column;align-items:center;gap:var(--byb-space-2);text-align:center;padding:var(--byb-space-8) var(--byb-space-5);color:var(--byb-text-muted)}.byb-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--byb-radius-pill);background:var(--byb-surface-sunken);color:var(--byb-text-muted);margin-bottom:var(--byb-space-1)}.byb-empty-title{font-size:var(--byb-text-lg);font-weight:600;color:var(--byb-text)}.byb-empty-hint{font-size:var(--byb-text-md);max-width:34ch;line-height:1.6}@media(hover:hover)and (pointer:fine){.byb-hover-row:hover{background:var(--byb-surface-sunken)}.byb-hover-card:hover{border-color:var(--byb-primary)!important;box-shadow:var(--byb-elev-2),0 0 0 1px var(--byb-primary)}.byb-nav-item:hover{color:var(--byb-text)!important}}.byb-card-press:active{transform:scale(.995)}.byb-save-conflict{position:fixed;z-index:300;left:50%;bottom:var(--byb-space-6);transform:translate(-50%);width:min(680px,calc(100vw - 32px));display:flex;align-items:center;justify-content:space-between;gap:var(--byb-space-4);padding:var(--byb-space-4);border:2px solid var(--byb-warn);border-radius:var(--byb-radius-lg);background:var(--byb-surface);color:var(--byb-text);box-shadow:var(--byb-elev-3)}.byb-save-conflict strong,.byb-save-conflict span{display:block}.byb-save-conflict strong{margin-bottom:var(--byb-space-1);font-size:var(--byb-text-lg)}.byb-save-conflict span{color:var(--byb-text-muted);font-size:var(--byb-text-md);line-height:1.45}.byb-save-conflict button{flex:0 0 auto;min-height:44px;max-width:260px;padding:var(--byb-space-3) var(--byb-space-4);border:0;border-radius:var(--byb-radius-sm);background:var(--byb-danger);color:#fff;font:inherit;font-size:var(--byb-text-md);font-weight:700;cursor:pointer}.byb-save-conflict button:disabled{opacity:.65;cursor:wait}@media(max-width:760px){.byb-save-conflict{bottom:calc(var(--byb-mobile-nav-height, 72px) + var(--byb-space-3));align-items:stretch;flex-direction:column}.byb-save-conflict button{width:100%;max-width:none}}html.byb-theme-switching,html.byb-theme-switching *,html.byb-theme-switching *:before,html.byb-theme-switching *:after{transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
