:root{--portfolio-panel:#172042d6;--portfolio-border:#ffffff29;--portfolio-muted:#c6d0e3;--portfolio-accent:#8bd3ff}.portfolio-body{color:#f5f7fb;background:#0b1020;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.55}.portfolio-body *{box-sizing:border-box}.portfolio-body h1,.portfolio-body h2,.portfolio-body h3{letter-spacing:-.035em;line-height:1.1}.portfolio-body h1{margin:.8rem 0;font-size:clamp(2.5rem,6vw,4.5rem)}.portfolio-body h2{margin:0 0 1rem;font-size:1.6rem}.portfolio-body h3{margin:.35rem 0;font-size:1.2rem}.portfolio-content{padding-block:3rem 5rem}.portfolio-heading,.project-card-heading{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.portfolio-heading{margin-bottom:2rem}.portfolio-metrics{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.metric,.action-card,.portfolio-project,.login-card{border:1px solid var(--portfolio-border);background:var(--portfolio-panel);border-radius:18px;padding:1.25rem;box-shadow:0 14px 40px #0000002e}.metric span,.project-tag,.muted{color:var(--portfolio-muted)}.metric strong{color:var(--portfolio-accent);margin-top:.35rem;font-size:2rem;display:block}.dashboard-section{margin-top:2.25rem}.action-list,.portfolio-projects{gap:1rem;display:grid}.roadmap-preview{border:1px solid var(--portfolio-border);width:100%;color:inherit;cursor:zoom-in;font:inherit;text-align:left;background:#17204280;border-radius:14px;gap:.6rem;margin-block:1rem;padding:.75rem;display:grid}.roadmap-preview:hover,.roadmap-preview:focus-visible{border-color:var(--portfolio-accent)}.roadmap-preview img{border-radius:8px;width:100%;height:auto;display:block}.roadmap-preview span{color:var(--portfolio-accent);font-weight:700}.roadmap-dialog{border:1px solid var(--portfolio-border);background:#0b1020;border-radius:16px;width:min(96vw,1800px);max-width:none;max-height:96vh;padding:0}.roadmap-dialog::backdrop{background:#000000d1}.roadmap-dialog-content{gap:1rem;padding:1rem;display:grid}.roadmap-dialog-close{justify-self:end}.roadmap-dialog img{width:100%;height:auto;display:block}.action-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.project-tag{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:800}.portfolio-project{padding:1.5rem}.lane-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1.25rem;display:grid}.lane{background:#ffffff0d;border-radius:10px;padding:.7rem;font-size:.85rem;position:relative}.lane>span{display:block}.lane-status{color:var(--portfolio-accent);font:inherit;text-align:left;text-transform:capitalize;text-underline-offset:.18rem;background:0 0;border:0;border-radius:0;margin-top:.2rem;padding:0;font-weight:800;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:block}.lane-status:hover,.lane-status:focus-visible{text-decoration-color:currentColor}.lane-reference{z-index:1;background:#172042;border:1px solid #8bd3ff6b;border-radius:14px;width:min(23rem,100vw - 3rem);padding:1rem;position:absolute;top:calc(100% + .55rem);left:0;box-shadow:0 16px 36px #00000059}.lane-reference:before{content:"";background:#172042;border-top:1px solid #8bd3ff6b;border-left:1px solid #8bd3ff6b;width:.8rem;height:.8rem;position:absolute;top:-.45rem;left:1.35rem;transform:rotate(45deg)}.lane-reference p{margin:0 0 .7rem}.lane-reference-prompt{color:var(--portfolio-accent);font-weight:800}.lane-reference-source{color:var(--portfolio-muted);overflow-wrap:anywhere;font-size:.75rem}.lane-reference a{color:var(--portfolio-accent);font-weight:800}.lane-reference-close{float:right;color:inherit;background:#ffffff1f;margin-top:.8rem;padding:.35rem .55rem;font-size:.75rem}.login-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{width:min(100%,480px);padding:2rem}.login-form{gap:1rem;margin-top:1.5rem;display:grid}.login-form label{gap:.4rem;font-weight:700;display:grid}.login-form input{border:1px solid var(--portfolio-border);width:100%;color:inherit;background:#0b1020;border-radius:9px;padding:.75rem}.login-form .checkbox{align-items:center;gap:.55rem;font-weight:500;display:flex}.login-form .checkbox input{width:auto}button{background:var(--portfolio-accent);color:#071120;cursor:pointer;border:0;border-radius:9px;padding:.72rem 1rem;font-weight:850}.button-link{color:var(--portfolio-muted);background:0 0;padding:0}.form-error{color:#ffb4b4}.flash{color:var(--portfolio-accent);background:#8bd3ff21;border-radius:10px;padding:.85rem 1rem}@media (width<=780px){.portfolio-metrics,.lane-grid{grid-template-columns:repeat(2,1fr)}.portfolio-heading{flex-direction:column}}@media (width<=460px){.portfolio-metrics,.lane-grid{grid-template-columns:1fr}.login-card{padding:1.25rem}}