.tasks-page{padding:28px;font-family:"DM Sans",Arial,sans-serif;color:#181918}.tasks-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:28px;border:1px solid #262725;border-radius:12px;background:#101110;color:#fff}.tasks-eyebrow{color:#d5aa35;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.tasks-hero h1{margin:7px 0 5px;font:600 38px/1 "Playfair Display",Georgia,serif}.tasks-hero p{margin:0;color:#aaa;font-size:11px}.task-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.task-summary button{display:flex;align-items:center;gap:12px;min-height:86px;padding:16px;border:1px solid #e2e0d9;border-radius:12px;background:#fff;text-align:left}.task-summary button.active{border-color:#bd9227;background:#fffaf0;box-shadow:0 8px 22px rgba(73,56,15,.08)}.task-summary i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#f4efe1;color:#9b761c;font-style:normal}.task-summary svg{width:18px}.task-summary span{display:flex;flex-direction:column;gap:4px}.task-summary small{color:#777;font-size:9px;text-transform:uppercase}.task-summary b{font-size:22px}.tasks-panel{overflow:hidden;border:1px solid #dfddd6;border-radius:12px;background:#fff}.tasks-panel>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e7e5df}.task-scope{display:flex;gap:4px;padding:3px;border-radius:9px;background:#f1f0eb}.task-scope button{min-height:34px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:#777;font-size:10px}.task-scope button.active{background:#171817;color:#fff}.task-filters{display:grid;grid-template-columns:minmax(240px,1fr) 170px 170px;gap:10px;padding:13px 18px;border-bottom:1px solid #e7e5df;background:#faf9f6}.task-filters label{height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #dbd8cf;border-radius:9px;background:#fff}.task-filters svg{width:15px;color:#8d8b83}.task-filters input{width:100%;border:0;outline:0;font:11px "DM Sans",sans-serif}.task-filters select{height:40px;padding:0 10px;border:1px solid #dbd8cf;border-radius:9px;background:#fff;font:10px "DM Sans",sans-serif;text-transform:capitalize}.task-list{display:grid}.task-row{display:grid;grid-template-columns:34px minmax(220px,1.4fr) auto minmax(145px,.55fr) 150px;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #ebe9e3}.task-row:last-child{border-bottom:0}.task-row:hover{background:#fffdf8}.task-row--overdue{border-left:3px solid #c94c43}.task-complete-toggle{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d9d6cd;border-radius:50%;background:#fff;color:#aaa}.task-complete-toggle:hover{border-color:#2e9b72;color:#20815e}.task-complete-toggle svg{width:15px}.task-row-main{min-width:0;border:0;background:none;text-align:left}.task-row-main span{display:flex;flex-direction:column;gap:3px}.task-row-main b{font-size:11px}.task-row-main small,.task-row-main p{color:#7d7c76;font-size:9px}.task-row-main p{margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-priority{padding:5px 8px;border-radius:999px;background:#f1efe8;color:#666;font-size:8px;text-transform:uppercase}.task-priority--urgent{background:#f8e5e2;color:#a63c34}.task-priority--high{background:#fff0d3;color:#8c6415}.task-assignee{display:flex;align-items:center;gap:6px;color:#5f605c;font-size:9px}.task-assignee svg{width:14px}.task-row time{display:flex;flex-direction:column;gap:3px;text-align:right;font-size:9px}.task-row time small{color:#9a7419;font-size:8px;text-transform:capitalize}.tasks-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#777}.tasks-empty>svg{width:30px;color:#25906a}.tasks-empty h3{margin:12px 0 5px;font:600 20px "Playfair Display",serif}.tasks-empty p{margin:0;font-size:10px}.task-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-create-grid .field.full{grid-column:1/-1}.task-link-note{margin:12px 0;padding:11px;border:1px solid #dfd5b8;border-radius:9px;background:#faf6e9;color:#706444;font-size:9px}
@media(max-width:900px){.tasks-page{padding:18px}.task-summary{grid-template-columns:1fr 1fr}.task-row{grid-template-columns:32px minmax(0,1fr) auto}.task-assignee,.task-row time{grid-column:2}.task-row time{text-align:left}.task-filters{grid-template-columns:1fr 1fr}.task-filters label{grid-column:1/-1}}
@media(max-width:560px){.tasks-page{padding:10px}.tasks-hero{align-items:flex-start;flex-direction:column;padding:20px}.tasks-hero h1{font-size:32px}.task-summary{gap:7px}.task-summary button{min-height:72px;padding:11px}.task-summary i{width:32px;height:32px}.tasks-panel>header{align-items:stretch;flex-direction:column;gap:9px}.task-scope{display:grid;grid-template-columns:1fr 1fr}.task-filters{grid-template-columns:1fr}.task-filters label{grid-column:auto}.task-row{padding:13px 11px}.task-priority{grid-column:3}.task-create-grid{grid-template-columns:1fr}.task-create-grid .field.full{grid-column:auto}}