#portfolio-page{padding-bottom:96px}
#portfolio-page .page-heading{padding-block:44px 24px;align-items:center;gap:24px}
#portfolio-page .page-heading h1{font-size:clamp(32px,4vw,48px);font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.035em;margin:0 0 10px}
#portfolio-page .page-heading p{font-size:14px}
#portfolio-page .portfolio-info{margin-bottom:24px;line-height:1.6}
.portfolio-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #403126;border-radius:14px;background:linear-gradient(130deg,#19130f,#0d0b09);overflow:hidden}
.portfolio-overview>div{display:flex;flex-direction:column;gap:12px;padding:22px;min-width:0}
.portfolio-overview>div+div{border-left:1px solid #403126}
.portfolio-overview span{font-size:12px;color:#c9b8a9;line-height:1.5}
.portfolio-overview strong{font-size:clamp(19px,2vw,28px);font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.portfolio-insight{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 30px}
.portfolio-insight p{margin:0 0 6px;color:#e5ccb3;font-size:13px}
.portfolio-insight small{color:#a69789;line-height:1.6}
.portfolio-controls{display:flex;gap:14px;justify-content:flex-end;margin-bottom:18px}
.portfolio-controls label{display:flex;align-items:center;gap:8px;font-size:12px;color:#bca998}
.portfolio-controls select{padding:8px 10px;background:#17120e;border:1px solid #4a392a;border-radius:8px;color:#efe8dd;color-scheme:dark;max-width:100%}
#portfolio-list .portfolio-group{font-size:13px;font-weight:500;color:#d1bca8;margin:24px 0 12px}
#portfolio-list .position-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:20px;background:#100d0b;border:1px solid #3b2c21;border-radius:12px;padding:22px;margin-bottom:12px}
#portfolio-list .position-card h3{font-size:19px;font-weight:500;margin:9px 0 10px;overflow-wrap:anywhere}
#portfolio-list .position-card p{line-height:1.6;margin:4px 0;color:#b9a796;font-size:12px}
#portfolio-list .position-numbers{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:center}
#portfolio-list .position-numbers div{display:grid;gap:8px;min-width:0}
#portfolio-list .position-numbers b{font-weight:500;font-size:17px;overflow-wrap:anywhere}
#portfolio-list .position-numbers small{font-size:11px;color:#ad9986;line-height:1.5}
#portfolio-list .position-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #33271d;padding-top:16px}
#portfolio-list .position-actions .button{padding:9px 12px;min-height:38px}
#portfolio-list .position-actions .icon-btn{width:38px;height:38px}
#portfolio-page button:disabled{opacity:.45;cursor:default}
.portfolio-empty-filter{padding:36px;text-align:center;color:#bdad9e}
@media(max-width:850px){
 .portfolio-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 .portfolio-overview>div:nth-child(3){border-left:0;border-top:1px solid #403126}
 .portfolio-overview>div:nth-child(4){border-top:1px solid #403126}
}
@media(max-width:700px){
 #portfolio-page .page-heading{display:block;padding-top:26px}
 #portfolio-page .page-heading .actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
 #portfolio-page .page-heading .button{padding:10px 12px;font-size:12px}
 .portfolio-overview>div{padding:15px;gap:8px}
 .portfolio-overview span{font-size:11px}
 .portfolio-insight{display:grid;gap:14px;margin-bottom:22px}
 .portfolio-insight>.button{justify-content:center}
 .portfolio-controls{justify-content:space-between;gap:8px}
 .portfolio-controls label{display:grid;flex:1;min-width:0}
 .portfolio-controls select{min-width:0;width:100%}
 #portfolio-list .position-card{grid-template-columns:1fr;gap:16px;padding:16px}
 #portfolio-list .position-numbers{grid-template-columns:1fr 1fr}
}
#portfolio-page .button.primary{background:#efb982;border-color:#efb982;color:#241a12}
#portfolio-page .button.secondary{background:#1b1510;border-color:#4d3a2b;color:#e8d4c0}
#portfolio-page .portfolio-info{background:#13100d;border-color:#3b2c21;color:#c9b6a4}
#portfolio-page .empty-state{background:#0e0c0a;border-color:#3b2c21}
#portfolio-page .empty-state :is(p,.icon){color:#b6a18c}