:root{--p-bg:#030b14;--p-panel:#0c1d2c;--p-line:rgba(255,255,255,.08);--p-text:#edf3f7;--p-muted:#8ea1b2;--p-gold:#dfbd6d;--p-green:#55dca4;--p-red:#ef8087;--p-cyan:#50ddd4}body{background:var(--p-bg);color:var(--p-text)}.portfolio-page{width:min(1220px,94vw);margin:auto;padding:28px 0 96px}.portfolio-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px;border:1px solid var(--p-line);border-radius:22px;background:linear-gradient(135deg,#102a42,#06131f)}.portfolio-head h1{margin:5px 0;font-size:clamp(32px,5vw,49px)}.portfolio-head p{margin:0;color:#a8b7c3}.portfolio-kicker{color:var(--p-gold)!important;font-size:9px!important;font-weight:900;letter-spacing:.14em}.portfolio-head-actions{display:flex;gap:8px}.portfolio-head-actions button,.modal-actions button{min-height:41px;padding:0 14px;border:1px solid #dfbd6d40;border-radius:10px;background:#dfbd6d0d;color:#f3dda2;font-weight:850;cursor:pointer}.primary{background:var(--p-cyan)!important;color:#052021!important;border:0!important}.portfolio-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.portfolio-stats>div{padding:13px;border:1px solid var(--p-line);border-radius:13px;background:#ffffff05}.portfolio-stats small{display:block;color:var(--p-muted);font-size:8px;font-weight:900}.portfolio-stats strong{display:block;margin-top:6px;font-size:19px}.positive{color:var(--p-green)!important}.negative{color:var(--p-red)!important}.portfolio-message{min-height:22px;color:var(--p-muted);font-size:11px}.portfolio-message[data-state=success]{color:var(--p-green)}.portfolio-message[data-state=error]{color:var(--p-red)}.portfolio-chart-card,.portfolio-card{padding:18px;border:1px solid var(--p-line);border-radius:17px;background:linear-gradient(145deg,#0d2030,#06131e)}.portfolio-chart-head,.portfolio-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.portfolio-chart-head h2,.portfolio-card h2{margin:4px 0 12px}.portfolio-chart-head label{min-width:180px}.portfolio-chart-head label span,.holding-modal label span{display:block;color:var(--p-muted);font-size:8px;font-weight:900;letter-spacing:.1em}.portfolio-chart-head select,.holding-modal input,.holding-modal select{width:100%;margin-top:5px;padding:10px;border:1px solid var(--p-line);border-radius:9px;background:#071521;color:#fff}.portfolio-chart-wrap{position:relative;height:330px}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--p-muted);text-align:center}.chart-note{margin:10px 0 0;color:#718596;font-size:10px}.portfolio-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:12px;margin-top:12px}.holdings-scroll{overflow:auto}.portfolio-table{width:100%;border-collapse:collapse}.portfolio-table th,.portfolio-table td{padding:11px 8px;border-bottom:1px solid var(--p-line);text-align:left;font-size:11px;white-space:nowrap}.portfolio-table th{color:var(--p-muted);font-size:8px;letter-spacing:.08em}.portfolio-table strong,.portfolio-table small{display:block}.portfolio-table small{margin-top:3px;color:var(--p-muted)}.remove-holding{border:0;background:transparent;color:#718596;font-size:18px;cursor:pointer}.remove-holding:hover{color:var(--p-red)}.allocation-list{display:grid;gap:8px}.allocation-item{padding:10px;border:1px solid var(--p-line);border-radius:10px}.allocation-row{display:flex;justify-content:space-between;font-size:11px}.allocation-bar{height:5px;margin-top:7px;border-radius:999px;background:#ffffff0c;overflow:hidden}.allocation-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--p-gold),var(--p-cyan))}.holding-modal{width:min(560px,92vw);border:1px solid var(--p-line);border-radius:18px;background:#081725;color:#fff;padding:0;box-shadow:0 30px 100px #0009}.holding-modal::backdrop{background:#000a}.holding-modal form{padding:20px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:4px 0 14px}.modal-head>button{border:0;background:transparent;color:#8da0b2;font-size:24px}.holding-modal label{display:block;margin-top:11px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:900px){.portfolio-grid{grid-template-columns:1fr}.portfolio-stats{grid-template-columns:1fr 1fr}}@media(max-width:640px){.portfolio-page{width:94vw;padding-top:16px}.portfolio-head{align-items:flex-start;flex-direction:column}.portfolio-head-actions{width:100%}.portfolio-head-actions>*{flex:1}.portfolio-chart-head{align-items:flex-start;flex-direction:column}.portfolio-chart-head label{width:100%}.portfolio-chart-wrap{height:270px}.field-pair{grid-template-columns:1fr}}