#view-finance .fm-panel{background:linear-gradient(145deg,rgba(13,23,39,.98),rgba(7,12,23,.98));border:1px solid rgba(71,85,105,.55);border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.22)}
#view-finance .fm-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:14px}
#view-finance .fm-title{display:flex;align-items:center;gap:13px;min-width:260px}
#view-finance .fm-title i{color:#6ee7b7;font-size:22px;text-shadow:0 0 16px rgba(52,211,153,.6)}
#view-finance .fm-title h3{font-size:20px!important;color:#f8fafc;letter-spacing:.04em;margin:0}
#view-finance .fm-title p{font-size:12px;color:#94a3b8;margin-top:3px}
#view-finance .fm-month-switch{display:flex;align-items:center;border:1px solid #334155;border-radius:11px;overflow:hidden;background:#080e1a}
#view-finance .fm-month-switch button,#view-finance .fm-month-switch select{height:42px;border:0;background:transparent;color:#e2e8f0;font-weight:900;padding:0 15px;outline:0}
#view-finance .fm-month-switch button{border-right:1px solid #263449;border-left:1px solid #263449;color:#94a3b8;cursor:pointer}
#view-finance .fm-month-switch button:first-child{border-left:0}
#view-finance .fm-month-switch select{min-width:150px;text-align:center;color:#fff}
#view-finance .fm-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
#view-finance .fm-btn{height:40px;padding:0 15px;border-radius:9px;border:1px solid #28558c;background:#0b1c36;color:#60a5fa;font-weight:900;font-size:12px;cursor:pointer}
#view-finance .fm-btn.green{color:#4ade80;border-color:#17683d;background:#092719}
#view-finance .fm-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}
#view-finance .fm-kpi{min-height:112px;padding:15px;border-radius:14px;background:#0d1727;border:1px solid #26364e;display:flex;gap:12px;align-items:center}
#view-finance .fm-kpi-icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:18px;flex:0 0 auto}
#view-finance .fm-kpi span{display:block;color:#cbd5e1;font-size:12px;font-weight:800}
#view-finance .fm-kpi strong{display:block;color:#fff;font-size:21px;line-height:1.12;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
#view-finance .fm-kpi small{display:block;font-size:10px;margin-top:5px;color:#64748b}
#view-finance .fm-kpi.actual .fm-kpi-icon{background:#102d58;color:#60a5fa}.fm-kpi.actual{border-color:#234c7b!important}
#view-finance .fm-kpi.plan .fm-kpi-icon{background:#4a310d;color:#fbbf24}.fm-kpi.plan{border-color:#66501d!important}
#view-finance .fm-kpi.forecast .fm-kpi-icon{background:#282052;color:#a78bfa}.fm-kpi.forecast{border-color:#473a7b!important}
#view-finance .fm-kpi.danger .fm-kpi-icon{background:#4b210e;color:#fb923c}.fm-kpi.danger{border-color:#783c27!important}.fm-kpi.danger strong,.fm-kpi.danger small{color:#fb7185!important}
#view-finance .fm-kpi.profit .fm-kpi-icon{background:#103a31;color:#4ade80}.fm-kpi.profit{border-color:#245b4b!important}.fm-kpi.profit strong{color:#6ee7b7}
#view-finance .fm-ai{display:flex;align-items:center;gap:16px;padding:14px 18px;margin-bottom:14px;border-color:#214a7b;background:linear-gradient(90deg,rgba(9,30,60,.95),rgba(12,22,42,.95))}
#view-finance .fm-ai b{color:#60a5fa;white-space:nowrap}.fm-ai p{flex:1;color:#cbd5e1;font-size:13px}.fm-ai-actions{display:flex;gap:9px}
#view-finance .fm-table-wrap{max-height:650px;overflow:auto;border:1px solid #263449;border-radius:14px;background:#070d18;scrollbar-color:#475569 #0f172a}
#view-finance .fm-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:13px!important}
#view-finance .fm-table th,#view-finance .fm-table td{min-width:132px;height:52px;padding:9px 13px!important;border-right:1px solid #243247;border-bottom:1px solid #243247;text-align:center}
#view-finance .fm-table thead th{position:sticky;top:0;z-index:18;background:#111a2a;color:#cbd5e1;font-size:12px!important}
#view-finance .fm-table th:first-child,#view-finance .fm-table td:first-child{position:sticky;left:0;z-index:16;min-width:260px;text-align:left;background:#0c1422!important;box-shadow:5px 0 12px rgba(0,0,0,.16)}
#view-finance .fm-table thead th:first-child{z-index:22}
#view-finance .fm-table .fm-group td{height:42px!important;position:static!important;text-align:left!important;font-weight:950;letter-spacing:.055em;background:#111c2c!important}
#view-finance .fm-table .fm-group.actual td{color:#60a5fa}.fm-table .fm-group.plan td{color:#fbbf24}.fm-table .fm-group.forecast td{color:#c084fc}
#view-finance .fm-current{background:linear-gradient(rgba(30,64,175,.22),rgba(30,64,175,.15))!important;box-shadow:inset 1px 0 #3b82f6,inset -1px 0 #3b82f6}
#view-finance .fm-table input{width:106px!important;background:transparent!important;border:0!important;padding:0!important;font-size:13px!important}
#view-finance .fm-empty{color:#64748b!important;cursor:help}
#view-finance .fm-value{font-weight:900}.fm-value.actual{color:#60a5fa}.fm-value.plan{color:#fbbf24}.fm-value.forecast{color:#c084fc}.fm-value.profit{color:#4ade80}.fm-value.danger{color:#fb7185}
#view-finance .fm-progress{height:5px;background:#263449;border-radius:10px;overflow:hidden;margin:6px auto 0;max-width:105px}.fm-progress i{display:block;height:100%;border-radius:inherit}
#view-finance .fm-table-foot{display:flex;justify-content:space-between;gap:14px;color:#64748b;font-size:11px;padding:12px 4px}
@media(max-width:1280px){#view-finance .fm-kpis{grid-template-columns:repeat(3,1fr)}#view-finance .fm-head{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:700px){#view-finance .fm-head{padding:14px}.fm-title{width:100%}#view-finance .fm-title h3{font-size:16px!important}#view-finance .fm-month-switch{width:100%}#view-finance .fm-month-switch select{flex:1;min-width:0}#view-finance .fm-actions{width:100%;justify-content:stretch}#view-finance .fm-actions .fm-btn{flex:1}#view-finance .fm-kpis{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}#view-finance .fm-kpi{min-width:230px;scroll-snap-align:start}#view-finance .fm-ai{align-items:flex-start;flex-wrap:wrap}#view-finance .fm-ai p{flex-basis:100%;order:2}#view-finance .fm-ai-actions{width:100%;order:3}.fm-ai-actions button{flex:1}#view-finance .fm-table th:first-child,#view-finance .fm-table td:first-child{min-width:190px}}
