.header-brand{display:flex;align-items:center;gap:20px}.header-logo{width:190px;height:auto;flex:none}.brand{display:block;margin:22px 0 55px;font:800 18px Manrope;color:white}.brand span{color:#9bd2ac}@media(max-width:900px){.header-logo{width:155px}.header-brand{gap:14px}}@media(max-width:600px){.header-logo{width:82px}.header-brand{gap:8px;min-width:0}header{align-items:center}header .eyebrow{font-size:8px}header p{font-size:11px}header h1{font-size:20px}.brand{font-size:16px;margin:20px 0 54px}.rail{overflow:hidden}}
.project-bar{display:flex;align-items:end;gap:12px;margin:-8px 0 22px;padding:14px 17px;background:#fff;border:1px solid #e8eeea;border-radius:10px}.project-bar label{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1px;font-weight:700;color:#52665d}.project-bar select{min-width:240px;font-size:13px;letter-spacing:normal;font-weight:500}.project-bar .button{white-space:nowrap}@media(max-width:600px){.project-bar{align-items:stretch;flex-direction:column;margin-top:-12px}.project-bar label{align-items:stretch;flex-direction:column;gap:6px}.project-bar select{min-width:0;width:100%}.project-bar .button{justify-content:center}}
.matrix-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));aspect-ratio:1;padding-bottom:0}.matrix-grid .cell{width:100%;height:100%;aspect-ratio:auto;min-width:0;min-height:0}.matrix-x{text-align:center;margin-top:7px;font-size:7px;letter-spacing:.7px;color:var(--muted)}
.rail{width:208px;align-items:stretch;padding:0 12px}.rail .brand{align-self:center}.rail-label{margin:0 0 10px 8px;font-size:11px;letter-spacing:1px;color:#a9c5b7}.project-nav{display:grid;align-content:start;gap:5px;overflow:auto;max-height:calc(100vh - 190px)}.project-link{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:7px;border:0;border-radius:9px;background:transparent;color:#c7ded4;font:500 12px 'DM Sans',sans-serif;text-align:left;cursor:pointer}.project-link:hover,.project-link.selected{background:#2e6655;color:#fff}.project-avatar{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:8px;background:#214d42;color:#d8eee4;font-size:11px;font-weight:700}.project-link.selected .project-avatar{background:#4a8a6b;color:white}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-add{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:9px 10px;border:1px dashed #6f9986;border-radius:8px;background:transparent;color:#d0e5dc;font:500 12px 'DM Sans',sans-serif;text-align:left;cursor:pointer}.rail-add:hover{background:#214d42}.rail-add>span:first-child{font-size:17px}.rail-bottom{align-self:center}main{margin-left:208px}@media(max-width:900px){.rail{width:188px}main{margin-left:188px}}@media(max-width:600px){.rail{width:56px;padding:0 7px;align-items:center}.rail-label,.project-name,.rail-add-text{display:none}.project-nav{width:100%;gap:6px}.project-link{justify-content:center;padding:4px}.project-avatar{width:36px;height:36px}.rail-add{justify-content:center;width:36px;padding:5px}.rail-add>span:first-child{font-size:20px}.rail-bottom{align-self:center}main{margin-left:56px}}