@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Montserrat:wght@500;600;700&display=swap";
:root{--ink:#0f172a;--muted:#52627a;--paper:#f8fafc;--surface:#fff;--mint:#eef2ff;--accent:#2457c5;--line:#dbe3ee}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,sans-serif}button,input{font:inherit}button,summary,input[type=radio]{cursor:pointer}button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:11px 20px;font-weight:500}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.customer-shell{background:var(--paper);min-height:100vh;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;padding:24px max(24px,50vw - 560px)}.customer-shell[data-theme=dark]{--ink:#edf2fa;--muted:#b3c1d7;--paper:#101827;--surface:#192538;--mint:#202e49;--accent:#9cbdff;--line:#36465f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.customer-shell[data-theme=dark] button{color:#101827}.customer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.brand{color:var(--muted);align-items:center;gap:20px;font-size:13px;text-decoration:none;display:flex}.brand img{width:150px;height:auto}.profile-menu{position:relative}.profile-trigger{border-radius:8px;align-items:center;gap:10px;padding:4px;list-style:none;display:flex}.profile-trigger::-webkit-details-marker{display:none}.header-user{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:14px;font-weight:500;overflow:hidden}.user-avatar{background:var(--mint);width:38px;height:38px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.user-avatar.large{width:48px;height:48px;font-size:16px}.profile-card{z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:12px;width:330px;max-width:calc(100vw - 48px);padding:20px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 40px #0003}.profile-identity{align-items:center;gap:12px;display:flex}.profile-identity div{overflow-wrap:anywhere;min-width:0}.profile-identity strong,.profile-identity span:not(.user-avatar){display:block}.profile-identity div span{color:var(--muted);margin-top:5px;font-size:13px}.profile-roles{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:13px}.profile-roles ul{flex-wrap:wrap;gap:6px;margin:10px 0;padding:0;list-style:none;display:flex}.profile-roles li{background:var(--mint);border-radius:4px;padding:4px 8px}.development-label{color:var(--muted);font-size:12px;line-height:1.5}.theme-picker{border:0;border-top:1px solid var(--line);margin:16px 0;padding:12px 0 0}.theme-picker legend{padding:0 8px 0 0;font-size:13px;font-weight:700}.theme-picker label{align-items:center;gap:8px;padding:6px 0;font-size:14px;display:flex}.theme-picker input{accent-color:var(--accent)}.profile-menu-link{border-top:1px solid var(--line);text-underline-offset:3px;padding:12px 0;font-size:14px;display:block}.signout-button{width:100%;margin-top:8px}.welcome{background:var(--mint);border-radius:16px;margin-top:32px;padding:clamp(32px,5vw,64px)}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:var(--accent);margin:0 0 14px;font-size:11px;font-weight:700}.welcome h1{letter-spacing:-1.5px;max-width:800px;margin:0 0 20px;font:700 clamp(32px,5vw,58px)/1.1 Montserrat,sans-serif}.welcome>p:last-child{color:var(--muted);max-width:620px;margin:0;font-size:17px;line-height:1.6}.project-card,.status-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:24px;padding:28px}h2{margin:0;font:600 24px/1.3 Montserrat,sans-serif}.project-card>p:last-child,.status-card p{color:var(--muted);max-width:800px;margin-bottom:0;line-height:1.7}.status-badge{background:var(--mint);color:var(--accent);border-radius:20px;margin-right:8px;padding:2px 12px;font-size:12px;font-weight:700;display:inline-block}.activities-section{margin:36px 0 48px;scroll-margin-top:24px}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.project-context{color:var(--muted);font-size:13px}.section-description{color:var(--muted);font-size:14px;line-height:1.6}.empty-state{border:1px dashed var(--line);color:var(--muted);border-radius:12px;padding:28px;line-height:1.6}.activity-list{border:1px solid var(--line);border-radius:12px;margin:20px 0 0;padding:0;list-style:none;overflow:hidden}.activity-list li{background:var(--surface);grid-template-columns:120px 1fr auto;align-items:center;gap:20px;padding:20px;display:grid}.activity-list li+li{border-top:1px solid var(--line)}.activity-kind,.activity-list time,.no-date{color:var(--muted);font-size:13px}.activity-list strong{overflow-wrap:anywhere}.error-card{border-left:4px solid #dc2626}.retry-button{margin-top:18px}.signin-page{place-items:center;min-height:100vh;padding:24px;display:grid}.signin-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;width:100%;max-width:460px;padding:36px}.signin-card .eyebrow{margin-top:32px}.signin-card h1{font:600 28px Montserrat,sans-serif}.signin-card p:not(.eyebrow){color:var(--muted);line-height:1.6}.signin-card button{width:100%;margin-top:16px}.signin-card .signin-error{color:#b91c1c}@media (max-width:700px){.customer-shell{padding:20px}.brand{gap:0}.brand span,.header-user{display:none}.welcome{margin-top:24px}.welcome h1{letter-spacing:-.6px}.section-heading{flex-direction:column;align-items:flex-start}.activity-list li{grid-template-columns:1fr;gap:8px}}
