:root{--ink:#172033;--muted:#667085;--line:#e4e7ec;--surface:#fff;--bg:#f6f8fb;--blue:#2354d8;--blue-soft:#eaf0ff;--green:#177245;--orange:#a84e00}
*{box-sizing:border-box}
html{font-family:"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
body{margin:0;background:var(--bg);color:var(--ink);font-family:inherit;font-size:15px;line-height:1.5}
button,input,textarea,select{font-family:inherit}
.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{font-weight:800;font-size:19px;letter-spacing:-.02em}.brand span{font-weight:500;color:var(--muted)}.shell{max-width:1180px;margin:auto;padding:44px 24px 80px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #1720330a}.login-card{max-width:440px;margin:8vh auto;padding:32px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue);margin:0 0 8px}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em}.form{display:grid;gap:16px;margin-top:28px}label{display:grid;gap:6px;font-weight:650;font-size:13px}input,textarea,select{width:100%;border:1px solid #cfd5df;border-radius:9px;padding:11px 12px;background:#fff;font:inherit}.button{border:1px solid #cfd5df;background:#fff;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer;color:var(--ink)}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.small{padding:7px 11px;font-size:13px}.error{color:#b42318;min-height:20px}.page-heading,.detail-header,.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:28px 0}.project{padding:22px;text-align:left;cursor:pointer}.project:hover{border-color:var(--blue);transform:translateY(-1px)}.project h3{margin-bottom:6px}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:750}.detail{padding:26px;margin-top:24px}.split{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.1fr);gap:24px;margin-top:24px}.activity{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:15px 0;cursor:pointer}.activity h4{margin:0 0 4px}.status{font-size:12px;font-weight:750;padding:5px 9px;border-radius:999px;background:#edf0f4;color:#45505f;white-space:nowrap}.status.closed{background:#e6f5eb;color:var(--green)}.status.report_shared,.status.testing{background:#eaf0ff;color:var(--blue)}.status.customer_fixes{background:#fff0df;color:var(--orange)}.activity-card{background:#fbfcfe;border:1px solid var(--line);border-radius:12px;padding:20px}.activity-card h3{margin-bottom:4px}.activity-card .form{margin-top:18px;gap:10px}.session{font-size:13px;color:var(--muted)}.toast{position:fixed;bottom:24px;right:24px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:9px;display:none}.toast.show{display:block}@media(max-width:760px){.split{grid-template-columns:1fr}.shell{padding:28px 16px}.page-heading{align-items:flex-start}}
