.f2-table-link{border:0;background:transparent;color:#216e5c;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:700;padding:0}.f2-supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.f2-supplier-card{border:1px solid var(--f2line);background:#fff;border-radius:15px;padding:15px;text-align:right;font:inherit}.f2-supplier-card>div{display:flex;gap:10px;align-items:center}.f2-supplier-card>div>i{width:38px;height:38px;border-radius:11px;background:#e5f2ee;color:#1f705c;display:grid;place-items:center;font-style:normal;font-weight:800}.f2-supplier-card b,.f2-supplier-card small{display:block}.f2-supplier-card small{font-size:.7rem;color:var(--f2muted);margin-top:3px}.f2-supplier-card section{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0}.f2-supplier-card section span{background:#f5f7f8;border-radius:9px;padding:9px;font-size:.68rem;color:var(--f2muted)}.f2-supplier-card section b{font-size:.82rem;color:#18232b;margin-top:4px}.f2-supplier-card>em{font-style:normal;color:#216e5c;font-size:.72rem}
.f2-detail-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:linear-gradient(135deg,#1a2c32,#285e53);color:#fff;border-radius:18px;padding:19px;margin-bottom:12px}.f2-detail-head.supplier{background:linear-gradient(135deg,#202c47,#3d5e89)}.f2-detail-head h2{font-size:1.4rem;margin:4px 0}.f2-detail-head span,.f2-detail-head p{font-size:.75rem;color:#cedbd7;margin:0}.f2-detail-head button{border:1px solid #ffffff30;background:#ffffff12;color:#fff;border-radius:9px;padding:9px 11px;font:inherit;font-size:.75rem}.f2-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:14px}.f2-mini-bars{height:190px;display:flex;align-items:end;gap:9px;padding:10px 4px 0}.f2-mini-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.f2-mini-bars i{display:block;width:65%;min-height:8px;background:linear-gradient(180deg,#2f8b72,#78c7b0);border-radius:7px 7px 2px 2px}.f2-mini-bars span{font-size:.65rem;color:var(--f2muted)}
.f2-donut-wrap{min-height:190px;display:flex;align-items:center;justify-content:center;gap:22px}.f2-donut{width:135px;height:135px;border-radius:50%;background:conic-gradient(#2b8069 var(--pct),#e7ecee 0);display:grid;place-items:center}.f2-donut:before{content:'';width:88px;height:88px;border-radius:50%;background:#fff;grid-area:1/1}.f2-donut>span{position:relative;grid-area:1/1;text-align:center}.f2-donut b,.f2-donut small,.f2-donut-wrap>div>b,.f2-donut-wrap>div>span{display:block}.f2-donut b{font-size:1.1rem}.f2-donut small,.f2-donut-wrap>div>span{font-size:.68rem;color:var(--f2muted)}.f2-rank{display:grid;grid-template-columns:120px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f2;font-size:.72rem}.f2-rank i{height:8px;background:#edf1f2;border-radius:99px;overflow:hidden}.f2-rank i em{display:block;height:100%;background:#3f8f79}.f2-insight{background:#edf6f3;border:1px solid #d5e9e2;border-radius:12px;padding:16px;color:#235b4d;font-size:.82rem;line-height:1.9}
@media(max-width:950px){.f2-supplier-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.f2-supplier-grid,.f2-chart-grid{grid-template-columns:1fr}.f2-detail-head{grid-template-columns:1fr auto}.f2-detail-head>div{grid-column:1/-1;grid-row:1}.f2-mini-bars{height:150px}.f2-rank{grid-template-columns:95px 1fr auto}}
.f2-period-note{display:flex;align-items:center;gap:5px;background:#e9f3f0;color:#285e52;border:1px solid #d4e7e1;border-radius:10px;padding:9px 12px;margin-bottom:8px;font-size:.74rem}.f2-actions input[type=date]{border:1px solid #ffffff2b;background:#fff;color:#18232b;border-radius:10px;padding:9px;font:inherit;font-size:.75rem;min-width:135px}@media(max-width:680px){.f2-period-note{align-items:flex-start;line-height:1.6}.f2-actions input[type=date]{min-width:128px;flex:1}}