*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f8;color:#253045;font-family:'Segoe UI',Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #316bd4}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar{width:260px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e3e7ed;padding:28px 18px;z-index:5}.identity{display:flex;align-items:center;gap:12px;padding:0 3px;font-size:14px;font-weight:600;white-space:nowrap}.profile-image{display:block;width:42px;height:42px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.sidebar nav{display:flex;flex-direction:column;gap:8px;margin-top:39px}.nav-link{display:flex;align-items:center;gap:11px;padding:12px 14px;color:#5e6c82;font-size:13px;border-radius:7px}.nav-link:hover{background:#f3f5f8}.nav-link.active{background:#edf2fb;color:#315eac}.nav-link svg{width:17px;height:17px}main{margin-left:260px;padding:0 36px 45px;min-height:100vh}.dashboard-controls{display:flex;flex-direction:column;align-items:center;gap:15px;padding:32px 0 35px}.view-switch{display:flex;gap:3px;padding:3px;border:1px solid #dde3ec;background:#edf0f5;border-radius:7px}.view-switch button{background:none;border:0;border-radius:4px;padding:7px 9px;display:flex;color:#7a8799}.view-switch button[aria-pressed=true]{background:#fff;color:#3c619b;box-shadow:0 1px 3px #243a5818}.view-switch svg{width:16px;height:16px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dde3eb;border-radius:7px;padding:12px 14px;color:#69788e;width:min(100%,390px)}.search svg{width:17px;height:17px;flex-shrink:0}.search input{border:0;background:transparent;width:100%;outline:none;color:#344460;font-size:12px;padding:0;min-width:0}.search input::placeholder{color:#69788e}.search:focus-within{border-color:#316bd4;box-shadow:0 0 0 2px #316bd414}.search kbd{font:10px 'Segoe UI',sans-serif;color:#778499;border:1px solid #e4e9f0;width:18px;height:18px;display:grid;place-items:center;border-radius:3px;flex-shrink:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1360px;margin:0 auto}.project-card{background:#fff;border:1px solid #e0e5ed;border-radius:10px;overflow:hidden;transition:border-color .18s}.project-card:hover{border-color:#aebfdc}.project-image{position:relative;display:block;aspect-ratio:16/9;background:#172027;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;display:block}.project-body{padding:20px 21px 22px}.project-body h2{font-size:18px;font-weight:600;letter-spacing:-.025em;margin:0 0 12px;line-height:1.35}.project-body h2 a{display:flex;align-items:center;justify-content:space-between;gap:14px}.project-body h2 a:hover{color:#315eac}.project-body h2 svg{width:16px;height:16px;flex-shrink:0;color:#617796}.project-body p{font-size:12px;line-height:1.8;color:#63718a;margin:0}.empty-state{padding:35px 20px;text-align:center;color:#63718a}.empty-state h2{font-size:17px;font-weight:500}.empty-state button{background:#fff;border:1px solid #cfd8e6;padding:9px 15px;border-radius:6px;font-size:12px}[hidden]{display:none!important}body[data-layout=list] .project-grid{grid-template-columns:1fr}body[data-layout=list] .project-card{display:grid;grid-template-columns:34% 1fr}body[data-layout=list] .project-image{height:100%;aspect-ratio:auto;min-height:190px}body[data-layout=list] .project-body{padding:27px 30px;align-self:center}.links-section{max-width:1360px;margin:40px auto 0}.links-section h2{font-size:16px;font-weight:500}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.resource-link{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;background:#fff;border:1px solid #e0e5ed;border-radius:8px}.resource-link strong{font-size:12px;font-weight:500}.resource-link small{display:block;color:#63718a;font-size:11px;margin-top:7px}.resource-link svg{color:#617796;width:15px;height:15px;flex-shrink:0}.resource-link:hover{border-color:#aebfdc}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:280px;padding:12px;background:#315eac;color:#fff;z-index:20}.skip-link:focus{top:12px}@media(max-width:1300px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:950px){.sidebar{width:230px;padding:23px 14px}.identity{font-size:12px;gap:10px}.profile-image{width:37px;height:37px}main{margin-left:230px;padding-left:25px;padding-right:25px}.project-grid{gap:19px}.project-body{padding:18px}.project-body h2{font-size:17px}.resource-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{position:relative;width:auto;padding:17px 20px;border-right:0;border-bottom:1px solid #e3e7ed;display:flex;align-items:center;gap:20px}.identity{font-size:14px}.sidebar nav{margin:0 0 0 auto;flex-direction:row}.nav-link{padding:9px 10px;font-size:12px}.nav-link svg{width:15px;height:15px}main{margin-left:0;padding:0 20px 30px}.dashboard-controls{padding:25px 0 28px;gap:12px}.project-grid{gap:18px}.skip-link{left:15px}body[data-layout=list] .project-image{min-height:160px}}@media(max-width:500px){.sidebar{padding:15px 16px;gap:10px}.identity{font-size:12px;gap:9px}.profile-image{width:35px;height:35px}.nav-link{font-size:11px;padding:9px;gap:6px}main{padding-left:16px;padding-right:16px}.project-grid,.resource-grid{grid-template-columns:1fr}.project-body{padding:20px}.project-body h2{font-size:19px}body[data-layout=list] .project-card{grid-template-columns:1fr}body[data-layout=list] .project-image{aspect-ratio:16/9;min-height:0}body[data-layout=list] .project-body{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}