.portfolio-dashboard h2{margin:0;font-size:24px;letter-spacing:-.7px}
.portfolio-hero .hero-copy h2{font-size:36px;margin:12px 0}
.portfolio-hero .hero-stat{min-width:260px}
.portfolio-month{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}
.portfolio-month label{font-size:12px;color:#cae0d9}
.portfolio-month input{width:165px;background:#fff;color:#143b34;border-color:transparent;color-scheme:light}
.portfolio-month .btn{background:#c3ebd9;color:#103b32;border-color:#c3ebd9}
.portfolio-hero-note{display:block;margin-top:10px}
.portfolio-note{margin:-8px 0 0}
.portfolio-filters{display:flex;align-items:flex-end;gap:14px;padding:18px 22px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.portfolio-filters .field{margin:0;flex:1;min-width:170px}
.portfolio-progress{display:grid;grid-template-columns:auto auto;gap:5px 14px;min-width:145px;font-size:12px}
.portfolio-progress span{color:var(--text-2);text-align:right}
.portfolio-progress .progress{grid-column:1/-1;height:5px}
.portfolio-forms{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.portfolio-forms select{max-width:100%;text-overflow:ellipsis}
.portfolio-details summary{padding:20px 22px;cursor:pointer;font-weight:650;font-size:14px}
.portfolio-dashboard .table td{vertical-align:middle}
@media(max-width:1000px){.portfolio-forms{grid-template-columns:1fr}.portfolio-hero .hero-copy h2{font-size:28px}.portfolio-hero .hero-stat{min-width:205px}}
@media(max-width:600px){.portfolio-month{gap:8px}.portfolio-month label{width:100%}.portfolio-hero .hero-copy h2{font-size:28px}.portfolio-filters{padding:15px}.portfolio-filters .btn{width:100%}}
@media print{.portfolio-filters,.portfolio-month,.portfolio-forms{display:none}.portfolio-hero-note{color:#333}}