.bi-insights{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-top:16px}.bi-insight{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--blue);box-shadow:var(--sh-xs);font-size:13px;line-height:1.45}.bi-insight b{color:var(--text);font-weight:700}.bi-insight__ico{flex-shrink:0;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}.bi-insight__ico svg{width:17px;height:17px}.bi-insight__t{color:var(--muted);align-self:center}.bi-insight--good{border-left-color:var(--success)}.bi-insight--good .bi-insight__ico{background:var(--success-soft);color:var(--success-ink)}.bi-insight--warn{border-left-color:var(--warning)}.bi-insight--warn .bi-insight__ico{background:var(--warning-soft);color:var(--warning-ink)}.bi-insight--info{border-left-color:var(--info)}.bi-insight--info .bi-insight__ico{background:var(--info-soft);color:var(--info-ink)}.bi-tabs{display:flex;gap:4px;margin:18px 0 4px;border-bottom:1px solid var(--border);overflow-x:auto}.bi-tab{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:0;background:transparent;color:var(--muted);font-size:13.5px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:color .14s var(--ease)}.bi-tab svg{width:16px;height:16px}.bi-tab:hover{color:var(--text)}.bi-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.bi-kpigrid{grid-template-columns:repeat(4,1fr);gap:14px}.bi-kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:15px 16px 12px;box-shadow:var(--sh-xs);transition:transform .16s var(--ease),box-shadow .16s var(--ease)}.bi-kpi:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}.bi-kpi__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.bi-kpi__label{font-size:12px;color:var(--muted);font-weight:500}.bi-kpi__value{font-size:21px;font-weight:800;letter-spacing:-.5px;margin-top:2px;color:var(--text)}.bi-kpi__spark{margin-top:8px;height:30px}.bi-kpi__spark svg{position:static;display:block;width:100%;height:30px;opacity:1}.bi-delta{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:999px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bi-delta.up{color:var(--success-ink);background:var(--success-soft)}.bi-delta.down{color:var(--danger-ink);background:var(--danger-soft)}.bi-delta.flat{color:var(--muted);background:var(--divider)}.bi-2-1{grid-template-columns:2fr 1fr;grid-gap:16px}.bi-1-2,.bi-2-1{display:grid;gap:16px}.bi-1-2{grid-template-columns:1fr 1fr;grid-gap:16px}.abc-bands{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.abc-band{border-radius:var(--r);padding:14px;text-align:center;border:1px solid var(--border)}.abc-band b{display:block;font-size:24px;font-weight:800}.abc-band span{font-size:11px;color:var(--muted)}.abc-a{background:color-mix(in srgb,var(--success) 8%,var(--surface))}.abc-a b{color:var(--success-ink)}.abc-b{background:color-mix(in srgb,var(--blue) 8%,var(--surface))}.abc-b b{color:var(--blue-ink)}.abc-c{background:color-mix(in srgb,var(--warning) 10%,var(--surface))}.abc-c b{color:var(--warning-ink)}.seg-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.seg-card{border-radius:var(--r);padding:15px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--seg,var(--blue))}.seg-card__top{display:flex;align-items:center;gap:7px}.seg-dot{width:9px;height:9px;border-radius:3px}.seg-card__label{font-size:13px;font-weight:700;color:var(--text)}.seg-card__count{font-size:28px;font-weight:800;letter-spacing:-1px;margin:6px 0 2px;color:var(--text)}.seg-card__desc{font-size:11.5px;color:var(--muted)}.seg-card__val{font-size:12.5px;font-weight:700;color:var(--muted);margin-top:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bi-filterbar{justify-content:space-between;gap:14px;margin-top:16px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-xs)}.bi-filterbar,.bi-filters{display:flex;align-items:center;flex-wrap:wrap}.bi-filters{gap:12px;color:var(--muted)}.bi-filters>svg{width:16px;height:16px;color:var(--faint)}.bi-filter{gap:7px;font-size:12.5px;color:var(--muted);font-weight:600}.bi-filter,.bi-filteractions{display:flex;align-items:center}.bi-filteractions{gap:8px}.bi-clear,.bi-toggle{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-pill);font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .14s var(--ease)}.bi-clear svg,.bi-toggle svg{width:14px;height:14px}.bi-clear:hover,.bi-toggle:hover{border-color:var(--blue-2);color:var(--blue)}.bi-toggle.active{background:var(--blue);border-color:var(--blue);color:#fff}.bi-fsbtn{width:30px;height:30px;color:var(--faint)}.bi-fsbtn:hover{color:var(--blue);background:var(--blue-soft)}.bi-fsbtn svg{width:16px;height:16px}.card.bi-fs{position:fixed;inset:20px;z-index:150;margin:0;overflow:auto;box-shadow:var(--sh-lg);animation:auth-in .2s var(--ease)}body.bi-fs-open{overflow:hidden}body.bi-fs-open:after{content:"";position:fixed;inset:0;background:rgba(6,26,50,.5);z-index:140}@media (max-width:1180px){.bi-insights{grid-template-columns:repeat(2,1fr)}.bi-kpigrid{grid-template-columns:repeat(3,1fr)}.bi-1-2,.bi-2-1{grid-template-columns:1fr}.seg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.bi-insights{grid-template-columns:1fr}.bi-kpigrid{grid-template-columns:repeat(2,1fr)}.abc-bands{grid-template-columns:1fr}.gauge-wrap{flex-direction:column;text-align:center}}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.staff{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;box-shadow:var(--sh-sm);cursor:pointer;transition:transform .16s var(--ease),box-shadow .16s var(--ease),border-color .16s;text-align:left;display:flex;flex-direction:column}.staff:hover{transform:translateY(-2px);box-shadow:var(--sh-md);border-color:var(--blue-2)}.staff:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.staff--off{opacity:.62;background:var(--bg)}.staff--off:hover{opacity:1}.staff__top{display:flex;align-items:center;gap:14px;margin-bottom:14px}.staff__name{font-weight:700;font-size:15px;letter-spacing:-.2px}.staff__pos{font-size:12px;color:var(--muted);margin-top:1px}.staff__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.staff__rows{border-top:1px solid var(--divider);padding-top:4px}.staff__row{justify-content:space-between;padding:6px 0;font-size:12.5px}.staff__row,.staff__row span{display:flex;align-items:center}.staff__row span{gap:6px;color:var(--muted)}.staff__row svg{width:14px;height:14px;color:var(--faint)}.staff__foot{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--divider);font-size:12px;font-weight:600;color:var(--blue)}.staff__foot svg{width:14px;height:14px}.emp-hero{display:flex;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--divider)}.emp-hero__name{font-size:19px;font-weight:800;letter-spacing:-.4px}.emp-hero__pos{font-size:13px;color:var(--muted);margin-top:2px}.emp-sec{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--faint);margin:20px 0 8px}.emp-sec svg{width:14px;height:14px}.emp-sec:first-child{margin-top:0}.emp-photo{display:flex;align-items:center;gap:18px;padding:16px;background:var(--bg);border-radius:var(--r-md);border:1px solid var(--border)}.emp-photo__preview{width:88px;height:88px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--surface);border:2px dashed var(--border);display:grid;place-items:center;color:var(--faint)}.emp-photo__preview img{width:100%;height:100%;object-fit:cover}.emp-photo__preview svg{width:30px;height:30px}.emp-photo__ctl{flex:1 1}.emp-branch{min-width:170px}.emp-branch .select{width:100%}.credit-box{margin:10px 0;padding:11px 13px;border-radius:10px;background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 28%,transparent)}.credit-box__row{display:flex;justify-content:space-between;padding:3px 0;font-size:12.5px;color:var(--muted)}.credit-box__row b{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.credit-box__after{border-top:1px dashed color-mix(in srgb,var(--warning) 40%,transparent);margin-top:5px;padding-top:7px;font-weight:600}.credit-box--none{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#A16207;font-weight:600}.credit-box--none svg{width:16px;height:16px}.credit-warn{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:12.5px;font-weight:500;line-height:1.45}.credit-warn svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.aging{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.aging__cell{padding:13px;border-radius:11px;border:1px solid var(--border);background:var(--surface)}.aging__cell.warn{border-color:color-mix(in srgb,var(--warning) 40%,transparent);background:var(--warning-soft)}.aging__cell.bad{border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:var(--danger-soft)}.aging__k{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.aging__v{font-size:18px;font-weight:800;letter-spacing:-.4px;margin-top:4px}@media (max-width:700px){.aging{grid-template-columns:repeat(2,1fr)}}.invoice{background:#fff;color:#111827;max-width:720px;margin:0 auto;padding:40px;border-radius:12px}.invoice__head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #111827;padding-bottom:20px}.invoice__logo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:800;color:var(--blue)}.invoice__logo img{width:32px;height:32px;border-radius:8px}.inv-tbl{width:100%;border-collapse:collapse;margin:24px 0}.inv-tbl th{text-align:left;font-size:11px;text-transform:uppercase;color:#6B7280;padding:8px 10px;border-bottom:1px solid #e5e7eb}.inv-tbl td{padding:10px;border-bottom:1px solid #edf2f7;font-size:13px}@media (max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .28s var(--ease);box-shadow:var(--sh-lg)}.sidebar.open{transform:translateX(0)}.topbar__burger{display:grid}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:span 1}.form-grid{grid-template-columns:1fr}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr}.content{padding:16px}.topbar{padding:0 14px;gap:10px}.branch-select span:not(.dot),.topbar__date{display:none}.page-title{font-size:20px}}