*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f2ed;color:#171717}button,input,select{font:inherit}.center{min-height:100vh;display:grid;place-items:center;align-content:center;grid-gap:16px;gap:16px}.spinner{width:34px;height:34px;border:3px solid #ddd;border-top-color:#111;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loginShell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.loginHero{background:#151a17;color:white;padding:54px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.12em}.brand span,.logoCircle{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#d7ff68;color:#111;font-weight:900}.loginHero h1{font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.04em;margin:14px 0 20px;max-width:760px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#7f846f}.loginHero .eyebrow{color:#d7ff68}.heroFoot{display:flex;gap:28px;color:#c9cec8;font-size:13px}.loginPanel{display:grid;place-items:center;padding:48px}.loginCard{width:min(420px,100%);background:white;padding:38px;border-radius:24px;box-shadow:0 18px 60px rgba(0,0,0,.08)}.loginCard h2{font-size:34px;margin:10px 0}.muted{color:#717171;margin-bottom:28px}.compact{margin:8px 0 0;max-width:660px}.loginCard label{display:grid;grid-gap:8px;gap:8px;margin:18px 0;font-size:13px;font-weight:700}.loginCard input{border:1px solid #d9d9d9;border-radius:12px;padding:14px 15px;outline:none}.loginCard input:focus{border-color:#111}.loginCard button,.progressBox button{border:0;border-radius:12px;background:#151a17;color:#fff;padding:14px 18px;font-weight:800;cursor:pointer}.loginCard button{width:100%;margin-top:10px}.loginCard small{display:block;color:#888;margin-top:18px}.error,.notice{margin-top:16px;padding:12px 14px;border-radius:10px;font-size:13px}.error{background:#fff0f0;color:#a51d1d}.notice{background:#eef8d2;color:#334312}.wide{margin:0 0 18px}.appShell{display:grid;grid-template-columns:250px 1fr}.appShell,aside{min-height:100vh}aside{background:#151a17;color:white;padding:28px 22px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand.dark span{background:#d7ff68}.projectMini{display:grid;grid-gap:6px;gap:6px;padding:30px 4px;border-bottom:1px solid #313632}.projectMini small{color:#8d938f;font-size:10px;letter-spacing:.14em}.projectMini b{font-size:15px}.projectMini span{font-size:12px;color:#aeb4b0}nav{display:grid;grid-gap:8px;gap:8px;padding-top:26px}nav button{border:0;background:transparent;color:#abb1ad;text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer;font-weight:700}nav button.active{background:#d7ff68;color:#111}.asideFoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #313632;padding-top:20px;font-size:12px;color:#aeb4b0}.asideFoot button{background:none;border:0;color:white;cursor:pointer}.content{padding:38px 46px 70px;min-width:0}.content header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.content header h1{font-size:40px;letter-spacing:-.03em;margin:4px 0}.dates{display:flex;gap:12px;align-items:center;background:white;padding:12px 16px;border-radius:14px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:18px}.cards article,.categoryGrid article,.panel,.teamGrid article{background:#fff;border:1px solid #e4e1da;border-radius:18px}.cards article{padding:20px}.cards small{font-size:10px;letter-spacing:.12em;color:#777;font-weight:800}.cards strong{display:block;font-size:34px;margin-top:9px}.good{color:#26834a}.bad{color:#bf3b31}.panel{padding:24px;margin-bottom:18px}.panelTitle{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.panelTitle h2{margin:4px 0 0;font-size:25px}.panelTitle>span{font-size:12px;color:#666}.miniBar,.overallBar{height:14px;background:#eceae5;border-radius:999px;position:relative;overflow:hidden}.miniBar i,.overallBar i{position:absolute;inset:0 auto 0 0;background:#d9d7d1;border-radius:999px}.miniBar b,.overallBar b{position:absolute;inset:3px auto 3px 0;background:#171b18;border-radius:999px}.legend{display:flex;justify-content:space-between;color:#686868;font-size:12px;margin-top:10px}.categoryGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.categoryGrid article{padding:20px}.categoryGrid article>div:first-child{display:flex;justify-content:space-between;align-items:center}.categoryGrid h3{margin:0 0 14px}.categoryGrid p,.categoryGrid span{font-size:12px;color:#666}.miniBar{height:10px}.miniBar b{inset:2px auto 2px 0}.task,.taskList{display:grid}.task{grid-template-columns:1fr 330px;grid-gap:24px;gap:24px;padding:18px 0;border-top:1px solid #ece9e2}.task:first-child{border-top:0}.cat{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#777;font-weight:800}.task h3{margin:6px 0;font-size:16px}.task p{margin:0;color:#777;font-size:12px}.progressBox{display:grid;grid-template-columns:1fr 52px auto;grid-gap:12px;gap:12px;align-items:center}.progressBox input{width:100%}.progressBox strong{text-align:right}.progressBox button{padding:9px 12px;font-size:12px}.teamGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.teamGrid article{padding:18px;display:flex;gap:14px;align-items:center}.avatar{width:46px;height:46px;border-radius:50%;background:#e9f7bd;display:grid;place-items:center;font-weight:900}.teamGrid h3{margin:0 0 4px}.teamGrid p,.teamGrid span{margin:0;color:#777;font-size:12px}.teamGrid span{display:inline-block;margin-top:5px;text-transform:capitalize}.accessPanel{margin-top:18px}.inviteForm{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;grid-gap:12px;gap:12px;align-items:end;padding:18px;background:#f7f6f1;border-radius:14px}.inviteForm label{display:grid;grid-gap:7px;gap:7px;font-size:12px;font-weight:800;color:#555}.inviteForm input,.inviteForm select{width:100%;border:1px solid #d8d5ce;background:#fff;border-radius:10px;padding:12px 13px;outline:none}.inviteForm input:focus,.inviteForm select:focus{border-color:#151a17}.inviteForm button,.requestActions button{border:0;border-radius:10px;padding:12px 14px;font-weight:800;cursor:pointer}.inviteForm button{background:#151a17;color:white}.inviteForm button:disabled,.requestActions button:disabled{opacity:.5;cursor:default}.requestList{margin-top:18px;border-top:1px solid #ece9e2}.requestRow{display:grid;grid-template-columns:1fr auto auto;grid-gap:14px;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #ece9e2}.requestRow>div:first-child{display:grid;grid-gap:4px;gap:4px}.requestRow>div:first-child strong{font-size:14px}.requestRow>div:first-child span{font-size:12px;color:#777}.statusPill{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;border-radius:999px;padding:7px 9px;background:#eceae5;color:#666}.statusPill.pending{background:#fff2c2;color:#755c00}.statusPill.approved{background:#e2f3d1;color:#2f6619}.statusPill.rejected{background:#f9dddd;color:#8b2424}.requestActions{display:flex;gap:8px}.approveAccess{background:#d7ff68;color:#151a17}.rejectAccess{background:#f0eeea;color:#6f2a2a}.emptyState{color:#777;font-size:13px;margin:16px 0 0}@media(max-width:900px){.loginShell{grid-template-columns:1fr}.loginHero{min-height:52vh}.appShell{grid-template-columns:1fr}aside{position:relative;height:auto;min-height:auto}.cards{grid-template-columns:repeat(2,1fr)}.categoryGrid,.task,.teamGrid{grid-template-columns:1fr}.content{padding:26px 18px}.content header{flex-direction:column;gap:12px}.inviteForm{grid-template-columns:1fr}.requestRow{grid-template-columns:1fr auto}.requestActions{grid-column:1/-1}}.projectsShell{min-height:100vh;background:#f4f2ed}.projectsTop{display:flex;align-items:center;justify-content:space-between;padding:24px 34px;background:#151a17;color:#fff}.projectTopActions{display:flex;gap:10px;align-items:center}.backProjects,.newProjectActions button,.primaryAction,.signOutLight{border:0;border-radius:10px;padding:11px 14px;font-weight:800;cursor:pointer}.primaryAction{background:#d7ff68;color:#151a17}.signOutLight{background:#2a302c;color:#fff}.projectsContent{max-width:1180px;margin:0 auto;padding:54px 28px 80px}.projectsIntro{margin-bottom:28px}.projectsIntro h1{font-size:48px;letter-spacing:-.04em;margin:6px 0 10px}.projectsIntro>p:last-child{color:#686868;max-width:680px}.projectCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.projectCard{background:#fff;border:1px solid #e1ded6;border-radius:20px;padding:22px;text-align:left;cursor:pointer;transition:.18s ease;min-height:235px;display:flex;flex-direction:column}.projectCard:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.07);border-color:#c9c4ba}.projectCardHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.siteIcon{width:40px;height:40px;border-radius:50%;background:#d7ff68;display:grid;place-items:center;font-weight:900}.roleChip{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;padding:7px 9px;border-radius:999px;background:#efeee9;color:#50544f}.projectCard h2{font-size:23px;margin:0 0 6px}.projectCard p{color:#777;margin:0 0 20px;font-size:13px}.projectDates{display:flex;gap:8px;align-items:center;color:#737373;font-size:12px;margin-top:auto;padding-top:12px;border-top:1px solid #eeeae3}.openProject{display:block;margin-top:16px;font-size:13px}.emptyProjects{grid-column:1/-1;background:#fff;border:1px dashed #cbc7be;border-radius:18px;padding:40px;text-align:center}.newProjectForm{background:#fff;border:1px solid #dfdcd4;border-radius:20px;padding:24px;margin:0 0 24px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;grid-gap:14px;gap:14px;align-items:end}.newProjectForm>div:first-child{grid-column:1/-1}.newProjectForm h2{margin:4px 0 0}.newProjectForm label{display:grid;grid-gap:7px;gap:7px;font-size:12px;font-weight:800;color:#555}.newProjectForm input{border:1px solid #d8d5ce;border-radius:10px;padding:12px 13px;background:#fff}.newProjectActions{display:flex;gap:8px;grid-column:1/-1;justify-content:flex-end}.newProjectActions button:first-child{background:#efede8;color:#555}.newProjectActions button:last-child{background:#151a17;color:#fff}.backProjects{background:#282e2a;color:#d9dedb;text-align:left;margin:22px 0 0}.backProjects:hover{background:#313833;color:#fff}@media(max-width:1000px){.projectCards{grid-template-columns:repeat(2,minmax(0,1fr))}.newProjectForm{grid-template-columns:1fr 1fr}}@media(max-width:650px){.projectsTop{padding:18px;align-items:flex-start;gap:18px}.projectTopActions{flex-direction:column;align-items:stretch}.projectsContent{padding:34px 18px 60px}.projectsIntro h1{font-size:38px}.newProjectForm,.projectCards{grid-template-columns:1fr}.newProjectActions{justify-content:stretch}.newProjectActions button{flex:1 1}}