:root{--navy:#071a31;--navy2:#0e2a4a;--blue:#129af3;--cyan:#27d0ed;--paper:#f5f7fa;--white:#fff;--ink:#12243b;--muted:#718197;--line:#dce5ee;--orange:#ff9a52}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.portal{display:flex;min-height:100vh}.portal-side{background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:26px 18px;width:245px}.portal-side .brand{align-items:center;display:flex;font-family:'Space Grotesk';font-weight:700;gap:10px;margin:0 8px 60px}.brand img{border-radius:50%;height:36px;width:36px}.side-kicker{color:#7e99b8;font-size:10px;letter-spacing:.1em;margin:0 10px 15px;text-transform:uppercase}.side-nav{display:grid;gap:5px}.side-nav a{border-radius:10px;color:#a8bbd0;font-size:14px;padding:12px}.side-nav a:hover,.side-nav a.active{background:#123b65;color:#fff}.side-foot{color:#7590ad;font-size:11px;line-height:1.5;margin-top:auto;padding:12px}.portal-main{flex:1;min-width:0}.portal-top{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px max(25px,calc((100vw - 1120px)/2))}.portal-top h1{font-family:'Space Grotesk';font-size:24px;letter-spacing:-.05em;margin:0}.user-chip{align-items:center;display:flex;font-size:13px;gap:9px}.user-dot{align-items:center;background:#e0f4ff;border-radius:50%;color:#1688d6;display:flex;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.portal-content{margin:auto;max-width:1120px;padding:45px 25px 70px}.kicker{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.12em;margin:0 0 11px;text-transform:uppercase}.page-title{font-family:'Space Grotesk';font-size:clamp(32px,4vw,52px);letter-spacing:-.06em;line-height:1;margin:0 0 12px}.page-copy{color:var(--muted);font-size:15px;line-height:1.6;margin:0;max-width:570px}.button{border:0;border-radius:999px;cursor:pointer;font:700 13px 'DM Sans';padding:13px 17px}.button-primary{background:var(--blue);color:#fff}.button-dark{background:var(--navy);color:#fff}.intro-row{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.intro-row .button{margin-bottom:4px}.metrics{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:30px 0}.metric,.panel,.product{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.metric small,.panel small{color:#8492a2;display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metric strong{display:block;font:700 30px 'Space Grotesk';letter-spacing:-.06em;margin:12px 0 4px}.metric span{color:var(--blue);font-size:11px}.dashboard-grid{display:grid;gap:14px;grid-template-columns:1.3fr 1fr}.panel h2{font:600 19px 'Space Grotesk';letter-spacing:-.04em;margin:8px 0 20px}.project-row,.request-row,.client-row{align-items:center;border-top:1px solid #edf1f5;display:flex;gap:13px;padding:15px 0}.project-row:first-of-type,.request-row:first-of-type,.client-row:first-of-type{border-top:0}.project-mark{background:#dff4ff;border-radius:10px;height:38px;width:38px}.row-copy{flex:1;min-width:0}.row-copy strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-copy span{color:var(--muted);display:block;font-size:11px;margin-top:4px}.progress-line{background:#e6edf3;border-radius:4px;height:6px;margin-top:8px;width:140px}.progress-line i{background:var(--blue);border-radius:4px;display:block;height:100%;width:72%}.badge{background:#eaf8ef;border-radius:99px;color:#23864d;font-size:10px;font-weight:700;padding:6px 8px}.badge.amber{background:#fff4e3;color:#aa6715}.product-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:32px}.product h3{font:600 18px 'Space Grotesk';letter-spacing:-.04em;margin:26px 0 8px}.product p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.product-art{background:linear-gradient(135deg,#0c2949,#168cf0);border-radius:11px;height:130px;overflow:hidden;position:relative}.product-art:after{border:1px solid #72d8ff;border-radius:50%;content:'';height:160px;position:absolute;right:-35px;top:-46px;width:160px}.product-art i{background:#fff;border-radius:4px;display:block;height:6px;left:18px;opacity:.8;position:absolute;top:24px;width:65px}.product-art i:nth-child(2){top:42px;width:100px}.product-art i:nth-child(3){background:#56e0ef;top:60px;width:78px}.product:nth-child(2) .product-art{background:linear-gradient(135deg,#072331,#0e887b)}.product:nth-child(3) .product-art{background:linear-gradient(135deg,#26204d,#7c5cff)}@media(max-width:760px){.portal{display:block}.portal-side{padding:15px 20px;width:100%}.portal-side .brand{margin:0 0 15px}.side-kicker{display:none}.side-nav{display:flex;gap:3px;overflow:auto}.side-nav a{font-size:12px;white-space:nowrap}.side-foot{display:none}.portal-top{padding:17px 20px}.portal-top h1{font-size:20px}.portal-content{padding:32px 20px 55px}.intro-row{align-items:flex-start;display:block}.intro-row .button{margin-top:22px}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid,.product-grid{grid-template-columns:1fr}.metric{padding:15px}.metric strong{font-size:25px}.user-chip span{display:none}}