:root{font-family:Arial,sans-serif;color:#20251f;background:#f5f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:72px;background:#fff;border-bottom:1px solid #e7e9e4;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1120px)/2));position:sticky;top:0;z-index:2}.brand{font:800 20px Arial,sans-serif;color:#20251f;text-decoration:none;letter-spacing:-1px}.brand span{color:#77a56e;margin:0 2px}button{border:0;border-radius:9px;background:#20251f;color:#fff;padding:11px 16px;font:600 13px Arial,sans-serif;cursor:pointer}button:hover{opacity:.87}.quiet{background:#eff1ed;color:#333}.primary{background:#273e2a}.toolbar{display:flex;gap:10px;margin:34px auto 20px;max-width:1120px}.toolbar input{flex:1;min-width:220px}.toolbar input,.toolbar select,input,textarea,select{border:1px solid #e1e4de;border-radius:9px;background:#fff;padding:11px 13px;font:14px Arial,sans-serif;color:#252a25;outline:none}.toolbar input:focus,input:focus,textarea:focus,select:focus{border-color:#91ae84;box-shadow:0 0 0 3px #91ae8422}main{padding:0 24px 60px}.task-list{max-width:1120px;margin:auto;display:grid;gap:9px}.task{display:grid;grid-template-columns:5px minmax(0,1fr) 130px 120px 95px;align-items:center;gap:18px;background:#fff;border:1px solid #e9ebe6;border-radius:12px;padding:15px 18px;cursor:pointer;transition:transform .15s,box-shadow .15s}.task:hover{transform:translateY(-1px);box-shadow:0 5px 20px #20251f0a}.bar{height:38px;border-radius:4px;background:#a9b6a3}.bar.urgent{background:#e54848}.bar.high{background:#df748d}.bar.medium{background:#e9a0b3}.bar.low{background:#f1ccd6}.title{font:700 14px Arial,sans-serif}.meta,.muted{font-size:12px;color:#8a9187;margin-top:5px}.status,.priority{font-size:11px;padding:6px 9px;border-radius:99px;background:#f1f3ef;width:max-content}.priority.urgent{background:#e54848;color:#fff}.priority.high{background:#df748d;color:#fff}.priority.medium{background:#e9a0b3;color:#633a45}.priority.low{background:#f1ccd6;color:#633a45}.status.in_progress{background:#e9f1e6;color:#42623c}.status.review{background:#e5effb;color:#3568a3}.status.done{background:#e2f0e5;color:#397349}.status.blocked{background:#faece9;color:#984d43}.assignee{text-align:right;font-size:12px;color:#5b6359}.empty{padding:70px;text-align:center;color:#848a80;background:#fff;border-radius:12px}.attachments{display:flex;gap:9px;flex-wrap:wrap}.attachment-preview{width:136px;color:#4a5548;font-size:11px;text-decoration:none}.attachment-preview img{display:block;width:136px;height:100px;object-fit:cover;border-radius:8px;border:1px solid #e3e7e0;margin-bottom:5px}dialog{border:0;border-radius:16px;padding:0;width:min(580px,calc(100vw - 28px));box-shadow:0 24px 80px #1113}dialog::backdrop{background:#17201777;backdrop-filter:blur(3px)}#task-form{padding:28px;display:grid;gap:16px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head small{color:#82907e;letter-spacing:1.1px;font-weight:700;font-size:10px}.x{background:transparent;color:#666;font-size:24px;padding:0 6px}label{font-size:12px;font-weight:600;display:grid;gap:7px;color:#596057}label input,label textarea,label select{width:100%;font-weight:400}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:6px}#summary{font-size:12px;color:#828980;margin-left:auto;margin-right:20px}#detail{padding:28px;max-height:82vh;overflow:auto}.detail-title{font:800 23px Arial,sans-serif;margin:10px 0}.detail-description{white-space:pre-wrap;line-height:1.55;color:#5d655c}.activity{border-top:1px solid #edf0ea;padding:12px 0;font-size:13px}.activity small{color:#92998f}.comment-row{display:flex;gap:8px;margin:14px 0}.comment-row input{flex:1}.file-link{display:inline-block;background:#eff2ed;border-radius:8px;padding:8px 10px;color:#34432f;text-decoration:none;margin:4px;font-size:12px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}@media(max-width:700px){header{padding:0 16px}.toolbar{flex-wrap:wrap;margin-top:18px}.toolbar input{min-width:100%}.task{grid-template-columns:5px 1fr auto;gap:12px}.task .assignee{display:none}.task .priority{display:none}main{padding:0 12px 40px}.grid{grid-template-columns:1fr}}
.login-page{min-height:100vh;display:grid;place-items:center;background:#f5f6f3}.login-card{width:min(400px,calc(100% - 32px));background:white;border:1px solid #e8ebe5;border-radius:16px;padding:32px;box-shadow:0 16px 50px #20251f0d}.login-card h1{font:700 24px Arial,sans-serif;margin:34px 0 5px}.login-card p{color:#858c82;font-size:13px;margin:0 0 24px}.login-card form{display:grid;gap:16px}.login-card label{font-size:12px}.login-card button{width:100%}#login-error{font-size:12px;color:#b34242;min-height:16px}.review-details{background:#f7f9f6;border:1px solid #e5eae1;border-radius:10px;padding:12px 14px;margin:14px 0}.review-details h3{font-size:13px;margin:8px 0}.activity div{white-space:pre-wrap}