.portfolio-import{margin:24px 0;border:1px solid #d6dfd7;border-radius:26px;background:#fffef9;box-shadow:0 18px 50px rgba(7,24,18,.07);overflow:hidden}
.portfolio-import-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:28px 30px;background:linear-gradient(130deg,#081d16 0%,#103c2d 72%,#1e5940 100%);color:#fff}
.portfolio-import-head .eyebrow{color:#c8f161}
.portfolio-import-head h3{margin:7px 0 8px;font:700 clamp(1.35rem,2vw,1.8rem)/1.15 Manrope,sans-serif;letter-spacing:-.035em}
.portfolio-import-head p{max-width:720px;margin:0;color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.55}
.portfolio-import-shield{display:flex;align-items:center;gap:12px;max-width:250px;padding:14px 16px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.07)}
.portfolio-import-shield svg{width:24px;height:24px;flex:0 0 auto;color:#c8f161}
.portfolio-import-shield strong,.portfolio-import-shield span{display:block}
.portfolio-import-shield strong{font-size:.9rem}.portfolio-import-shield span{margin-top:3px;color:rgba(255,255,255,.62);font-size:.78rem;line-height:1.4}
.portfolio-import-start{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:22px;padding:24px 28px 28px}
.portfolio-import-drop{display:flex;align-items:center;gap:18px;min-height:145px;padding:24px;border:1.5px dashed #aabcb0;border-radius:20px;background:#f7faf4}
.portfolio-import-drop>div:first-child{display:grid;place-items:center;width:50px;height:50px;flex:0 0 auto;border-radius:16px;background:#e5f2e2;color:#0c7754}
.portfolio-import-drop svg{width:23px;height:23px}.portfolio-import-drop strong,.portfolio-import-drop span{display:block}.portfolio-import-drop strong{font:700 1.05rem Manrope,sans-serif}.portfolio-import-drop span{margin-top:5px;color:#607067;font-size:.88rem;line-height:1.45}
.portfolio-import-drop .btn{margin-left:auto;white-space:nowrap}.portfolio-import-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.portfolio-import-guide{padding:20px 22px;border:1px solid #e0e5df;border-radius:20px;background:#fff}
.portfolio-import-guide>strong{font:700 1rem Manrope,sans-serif}.portfolio-import-guide ul{margin:13px 0 16px;padding-left:20px;color:#56655d;font-size:.88rem;line-height:1.65}.portfolio-import-guide button{border:0;background:none;padding:0;color:#0b7654;font:700 .88rem DM Sans,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.portfolio-import-review{padding:24px 28px 28px}
.portfolio-import-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce3dc;border-radius:18px;overflow:hidden;background:#f8faf6}
.portfolio-import-metrics>div{padding:17px 19px}.portfolio-import-metrics>div+div{border-left:1px solid #dce3dc}.portfolio-import-metrics span,.portfolio-import-metrics small{display:block;color:#68756e;font-size:.76rem}.portfolio-import-metrics strong{display:block;margin:5px 0 3px;color:#071b14;font:750 1.45rem Manrope,sans-serif}
.portfolio-import-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.portfolio-import-card{padding:20px;border:1px solid #dce3dc;border-radius:18px;background:#fff}.portfolio-import-card h4{margin:0 0 12px;font:700 1rem Manrope,sans-serif}.portfolio-import-card ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.portfolio-import-card li{position:relative;padding-left:18px;color:#536159;font-size:.86rem;line-height:1.45}.portfolio-import-card li::before{content:"";position:absolute;left:1px;top:.5em;width:7px;height:7px;border-radius:50%;background:#149269}.portfolio-import-card.warning{border-color:#ead9b9;background:#fffaf0}.portfolio-import-card.warning li::before{background:#d08a27}.portfolio-import-card.empty{color:#6a7770}
.portfolio-import-ignored{margin-top:14px;padding:12px 15px;border-radius:13px;background:#f4f5f2;color:#68756e;font-size:.8rem}
.portfolio-import-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.portfolio-import-choice{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid #dce3dc;border-radius:15px;background:#fbfcf9}.portfolio-import-choice input{margin-top:3px;accent-color:#0b7654}.portfolio-import-choice strong,.portfolio-import-choice span{display:block}.portfolio-import-choice strong{font-size:.9rem}.portfolio-import-choice span{margin-top:3px;color:#69756f;font-size:.76rem;line-height:1.35}
.portfolio-import-confirm{display:flex;align-items:center;gap:11px;margin-top:18px;padding:15px 17px;border-radius:15px;background:#eef5e9;color:#2f493d;font-size:.86rem;line-height:1.45}.portfolio-import-confirm input{width:18px;height:18px;flex:0 0 auto;accent-color:#0b7654}
.portfolio-import-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.portfolio-import-actions .btn[disabled]{opacity:.45;cursor:not-allowed}
.portfolio-import-error{margin:18px 28px 0;padding:13px 15px;border:1px solid #efc9c2;border-radius:13px;background:#fff3f1;color:#9d3f35;font-size:.86rem}
@media(max-width:900px){.portfolio-import-start,.portfolio-import-review-grid{grid-template-columns:1fr}.portfolio-import-metrics{grid-template-columns:1fr 1fr}.portfolio-import-metrics>div:nth-child(3){border-left:0;border-top:1px solid #dce3dc}.portfolio-import-metrics>div:nth-child(4){border-top:1px solid #dce3dc}.portfolio-import-choices{grid-template-columns:1fr}}
@media(max-width:620px){.portfolio-import{border-radius:20px}.portfolio-import-head{grid-template-columns:1fr;padding:23px 20px}.portfolio-import-shield{max-width:none}.portfolio-import-start,.portfolio-import-review{padding:18px}.portfolio-import-drop{align-items:flex-start;flex-wrap:wrap;padding:19px}.portfolio-import-drop .btn{width:100%;margin-left:0}.portfolio-import-metrics{grid-template-columns:1fr}.portfolio-import-metrics>div+div{border-left:0;border-top:1px solid #dce3dc}.portfolio-import-actions{flex-direction:column-reverse}.portfolio-import-actions .btn{width:100%}}