.y-project-board-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px}.y-project-board-kpi{display:flex;align-items:center;gap:14px;min-height:92px;padding:16px;border:1px solid #dfe8f3;border-top:3px solid;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(36,78,126,.055)}.y-project-board-kpi.blue{border-top-color:#2f73f5}.y-project-board-kpi.green{border-top-color:#20b486}.y-project-board-kpi.orange{border-top-color:#efa32e}.y-project-board-kpi.purple{border-top-color:#8764e8}.y-project-board-kpi-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;color:#2470ed;background:#eaf2ff;font-size:23px}.y-project-board-kpi.green .y-project-board-kpi-icon{color:#1aa675;background:#e7f8f0}.y-project-board-kpi.orange .y-project-board-kpi-icon{color:#ef911e;background:#fff1df}.y-project-board-kpi.purple .y-project-board-kpi-icon{color:#8061e7;background:#f0ebff}.y-project-board-kpi>div{min-width:0}.y-project-board-kpi>div>span{display:block;color:#8495aa;font-size:12px;font-weight:700}.y-project-board-kpi b{display:block;margin-top:7px;color:#203a5b;font-size:21px;line-height:1.1}.y-project-board-kpi.orange b{color:#c2670e}.y-project-board-kpi small{display:block;margin-top:6px;color:#95a4b5;font-size:11px}.y-project-board-list{border:1px solid #dce6f1;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(30,67,109,.045);overflow:hidden}.y-project-board-toolbar{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 16px;border-bottom:1px solid #e3ebf4;background:#fbfdff}.y-project-board-toolbar strong{margin-right:10px;color:#294766;font-size:13px;white-space:nowrap}.y-project-board-toolbar select,.y-project-board-search{height:32px;padding:0 12px;border:1px solid #dce6f1;border-radius:7px;background:#fff;color:#5d7590;font:inherit;font-size:12px;outline:none}.y-project-board-toolbar select:focus,.y-project-board-search:focus{border-color:#77a5ef;box-shadow:0 0 0 3px rgba(55,122,236,.1)}.y-project-board-search{width:240px}.y-project-board-toolbar .y-sales-btn{height:32px;padding:0 13px}.y-project-board-toolbar .y-sales-mock-tag{margin-left:auto}.y-project-board-scroll{overflow-x:scroll;scrollbar-width:none}.y-project-board-scroll::-webkit-scrollbar{height:0}.y-project-board-row{display:grid;grid-template-columns:230px repeat(5,minmax(150px,1fr));min-width:1120px;border-bottom:1px solid #e3ebf4;background:#fff}.y-project-board-row:last-child{border-bottom:0}.y-project-board-project{position:sticky;left:0;z-index:2;min-height:220px;padding:18px 16px;border-right:1px solid #e3ebf4;background:#fff}.y-project-board-project-head{display:flex;align-items:center;gap:8px}.y-project-board-project-icon{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:6px;color:#2975ef;background:#e7f0ff;font-size:14px}.y-project-board-code{font-size:13px;font-weight:850}.y-project-board-project-head .y-project-status{margin-left:auto;min-width:48px;padding:4px 7px;font-size:10px}.y-project-board-project h2{margin:13px 0 16px;color:#18395e;font-size:15px;line-height:1.35}.y-project-board-project dl{display:grid;gap:9px;margin:0}.y-project-board-project dl div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:6px;align-items:start}.y-project-board-project dt{color:#8798ac;font-size:11px}.y-project-board-project dd{margin:0;overflow:hidden;color:#3d5a79;font-size:11px;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.y-project-board-detail{height:30px;margin-top:14px;padding:0 12px;font-size:11px}.y-project-board-section{min-width:0;min-height:220px;padding:15px 14px;border-right:1px solid #edf1f6}.y-project-board-section:last-child{border-right:0}.y-project-board-section-head{display:flex;align-items:center;gap:7px;margin-bottom:12px}.y-project-board-section-head h3{margin:0;font-size:13px}.y-project-board-section-icon{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:6px;font-size:12px}.y-project-board-section.sales{color:#276ed8}.y-project-board-section.sales .y-project-board-section-icon{background:#eaf2ff}.y-project-board-section.delivery{color:#18a875}.y-project-board-section.delivery .y-project-board-section-icon{background:#e5f8f0}.y-project-board-section.procurement{color:#e7891a}.y-project-board-section.procurement .y-project-board-section-icon{background:#fff0dd}.y-project-board-section.inventory{color:#805ce1}.y-project-board-section.inventory .y-project-board-section-icon{background:#f0eaff}.y-project-board-section.finance{color:#376cc2}.y-project-board-section.finance .y-project-board-section-icon{background:#eaf1ff}.y-project-board-section-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:12px}.y-project-board-metric,.y-project-board-progress{min-width:0}.y-project-board-metric span,.y-project-board-progress>span{display:block;color:#8b9bad;font-size:10px;line-height:1.3}.y-project-board-metric b{display:block;margin-top:5px;overflow:hidden;color:#263f5e;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.y-project-board-metric.success b{color:#16815b}.y-project-board-metric.warning b{color:#bd7612}.y-project-board-metric.danger b{color:#c33d4a}.y-project-board-progress{grid-column:1 / -1}.y-project-board-progress .y-sales-progress{display:flex;flex-wrap:wrap;gap:3px 7px;margin-top:5px}.y-project-board-progress .y-sales-progress-track{flex:1 1 58px;min-width:58px}.y-project-board-progress .y-sales-progress>b{flex-basis:100%;overflow:hidden;color:#8b9bad;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.y-project-board-progress .y-sales-progress>span:not(.y-sales-progress-track){font-size:11px}.y-project-board-progress .y-sales-status{margin-top:4px;font-size:10px}.y-project-board-footer{display:flex;justify-content:space-between;padding:11px 16px;color:#8b9bad;font-size:11px;background:#fbfdff}.y-project-board-empty{padding:50px;text-align:center}.y-project-board-scroll+.y-sales-horizontal-scrollbar{margin-bottom:7px}@media(max-width:1100px){.y-project-board-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.y-project-board-toolbar{flex-wrap:wrap}.y-project-board-toolbar .y-sales-mock-tag{margin-left:0}}@media(max-width:650px){.y-project-board-kpis{grid-template-columns:1fr}.y-project-board-search{width:100%}.y-project-board-toolbar select{flex:1}.y-project-board-toolbar .y-sales-btn{width:100%}}