:root{--charcoal: #2E3033;--orange: #FF4713;--white: #FFFFFF;--grey-bg: #F3F4F6;--text: #1F2124;--muted: #5B6068;--border: #E2E4E8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:"Source Sans 3",system-ui,sans-serif;color:var(--text);background:var(--grey-bg)}h1,h2,h3{font-family:Montserrat,system-ui,sans-serif;margin:0}.shell{display:flex;min-height:100%}.sidebar{width:240px;flex-shrink:0;background:var(--charcoal);padding:24px 0;display:flex;flex-direction:column;gap:24px}.logo{display:block;width:190px;height:auto;margin:0 25px}nav{display:flex;flex-direction:column}.nav{all:unset;cursor:pointer;color:#e8e9eb;padding:10px 25px;font-size:15px;border-left:4px solid transparent}.nav:hover{background:#ffffff0f}.nav:focus-visible{outline:2px solid var(--white);outline-offset:-2px}.nav.active{border-left-color:var(--orange);background:#ffffff14;color:var(--white);font-weight:600}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{background:var(--white);border-bottom:1px solid var(--border);padding:18px 28px}.topbar h1{font-size:20px}.work{padding:28px}.card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:20px 24px;max-width:720px}.card h2{font-size:16px;margin-bottom:8px}.card p{margin:0;color:var(--muted)}@media (max-width: 820px){.sidebar{width:200px}.logo{width:150px;margin:0 20px}}