*{box-sizing:border-box}body{margin:0;color:#222;font-family:Arial,sans-serif}.task-head{padding:22px 4vw}main{max-width:1500px;margin:auto;padding:30px 4vw 70px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.page-head h2{font-size:40px;margin:4px 0;text-transform:uppercase}.head-actions{display:flex;gap:9px;align-items:center}.head-actions label,.head-actions button{background:#fff;border:1px solid #cfc9be;padding:11px;font-weight:900}.head-actions button{background:#222;color:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.metric{background:#fff;border:1px solid #d7d2c8;padding:17px}.metric b{display:block;font-size:28px}.metric span{font-size:10px;color:#666;font-weight:900}.filters{display:grid;grid-template-columns:1fr 220px 180px;gap:8px;margin:13px 0}.filters input,.filters select{padding:11px;font:inherit}.task-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:#fff;border:1px solid #d7d2c8;padding:16px}.panel.full{grid-column:1/-1}.panel h3{margin-top:0;border-left:5px solid #b31217;padding-left:9px}.task{border:1px solid #ddd;border-left:6px solid #777;background:#faf9f6;padding:11px;margin:8px 0}.task.urgent{border-left-color:#980d12}.task.high{border-left-color:#b31217}.task.normal{border-left-color:#b98117}.task.low{border-left-color:#64745f}.task.done{opacity:.7}.task-headline{display:flex;justify-content:space-between;gap:10px}.task small{display:block;color:#666;margin-top:4px}.task-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.task-actions button,.task-actions a{background:#222;color:#fff;border:0;text-decoration:none;padding:7px 9px;font-size:11px;font-weight:900}.task-actions .secondary{background:#ddd8ce;color:#222}.empty{color:#777;font-style:italic}dialog{border:0;padding:0;width:min(650px,95vw);box-shadow:0 20px 70px #0008}dialog::backdrop{background:#0009}dialog form{padding:24px}dialog label{display:grid;gap:5px;font-weight:900;margin:10px 0}dialog input,dialog select,dialog textarea{padding:10px;font:inherit}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.x{float:right;background:none;border:0;font-size:32px}.dialog-actions{display:flex;gap:8px}.dialog-actions button{padding:10px 12px;font-weight:900}.danger{background:#8f1519!important;color:#fff!important;border:0}#toast{position:fixed;right:20px;bottom:20px;background:#222;color:#fff;padding:12px 16px;display:none}@media(max-width:800px){.page-head{flex-direction:column;align-items:flex-start}.filters{grid-template-columns:1fr}.task-columns{grid-template-columns:1fr}.panel.full{grid-column:auto}.metrics{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}