.metric-card{position:relative;overflow:hidden;border-color:#dbe5ea;box-shadow:0 3px 12px rgba(15,42,67,.045)}
.metric-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--metric-color,#0f766e)}
.metric-heading{display:flex;align-items:center;gap:.48rem;margin-bottom:.18rem}
.metric-heading h2{margin:0;color:#263f57;font-size:.75rem;font-weight:800;letter-spacing:.01em}
.metric-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--metric-soft,#e8f7f3);color:var(--metric-color,#0f766e);font-size:.7rem;font-weight:900}
.metric-card>strong{color:#102a43;line-height:1.2}
.metric-card>small{line-height:1.35;color:#64748b}
.metric-card>small b{color:#334e68}
.metric-sales{--metric-color:#08756c;--metric-soft:#e7f8f4}.metric-purchases{--metric-color:#2563a6;--metric-soft:#eaf2fb}.metric-receivable{--metric-color:#157347;--metric-soft:#e8f6ed}.metric-payable{--metric-color:#b45309;--metric-soft:#fff3df}.metric-stock{--metric-color:#b42318;--metric-soft:#ffebe9}
@media(min-width:900px){.hero-panel{padding:1rem 1.25rem;border-radius:15px}.hero-panel h1{font-size:1.65rem}.hero-panel p{font-size:.8rem}.metric-grid{grid-template-columns:repeat(5,1fr);gap:.65rem;margin:.75rem 0}.metric-card{min-height:126px;padding:.72rem .85rem .72rem 1rem;border-radius:13px}.metric-card strong{font-size:1.08rem}.metric-card small{font-size:.68rem}.content-grid{gap:.7rem}.panel-card{padding:.9rem}.quick-actions{grid-template-columns:1fr 1fr;gap:.45rem}.quick-actions a{padding:.55rem}.action-icon{width:34px;height:34px}}
@media(max-width:575px){.metric-heading h2{font-size:.72rem}.metric-icon{width:22px;height:22px}.metric-card{padding-left:1rem}}