.metrics{gap:12px;margin-bottom:22px}.metric{padding:14px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px}.metric span{font-size:12px;color:#52635b}.metric strong{grid-column:2;grid-row:1/3;font-size:27px;margin:0}.metric small{font-size:10px;grid-column:1}.schedule-controls{display:flex;justify-content:space-between;align-items:center;margin:0 0 26px;gap:12px}.schedule-controls>span{font-size:11px;color:#65776d}.layout-tabs{display:flex;border:1px solid #d7e0d7;border-radius:8px;background:white;padding:3px;gap:3px}.layout-tabs button{font-size:12px;border:0;padding:8px 16px;background:transparent;color:#6a7a70}.layout-tabs button.active{background:#173f39;color:white}.timeline{display:grid;gap:30px}.time-group-heading{margin-bottom:12px}.time-group-heading h2{font-size:19px;letter-spacing:-.3px;margin:0;display:flex;gap:10px;align-items:center}.time-group-heading h2>span{font-size:11px;background:#e4ebe3;border-radius:6px;padding:4px 7px;color:#556b5b}.time-group-heading p{font-size:12px;color:#748277;margin:5px 0 0}.time-group.overdue .time-group-heading h2{color:#ab3f2d}.time-group.overdue .time-group-heading h2>span{background:#f6e4de;color:#ab3f2d}.time-rows{display:grid;gap:10px}.task-row{display:grid;grid-template-columns:145px minmax(0,1fr) 150px;align-items:center;gap:22px;padding:20px;background:white;border:1px solid #dde5dd;border-radius:12px;width:100%;text-align:left;font-weight:400;box-shadow:0 2px 6px #173b2903}.task-row:hover{background:white;border-color:#9bae9d;box-shadow:0 3px 12px #173b2910}.task-row.overdue{border-left:4px solid #bd503b;padding-left:17px}.task-row.soon{border-left:4px solid #d5aa51;padding-left:17px}.deadline-stamp{display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-variant-numeric:tabular-nums}.deadline-day{font-size:13px;font-weight:600;color:#4e6257}.deadline-hour{font-size:25px;font-weight:680;letter-spacing:-.9px;color:#173b32;white-space:nowrap;line-height:1.1}.deadline-note{font-size:11px;font-weight:500;color:#6d7d73;line-height:1.45}.deadline-stamp.overdue .deadline-hour,.deadline-stamp.overdue .deadline-note{color:#ad3e2e}.deadline-stamp.today .deadline-note{color:#996e20}.deadline-stamp.closed .deadline-hour{color:#65776d}.task-main{min-width:0}.task-main h3{font-size:16px;line-height:1.45;font-weight:650;letter-spacing:-.2px;margin:0 0 6px;color:#233e30}.task-main .task-description{font-size:12px;line-height:1.5;color:#728077;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-badges{display:flex;flex-wrap:wrap;gap:5px}.task-badges .badge{font-size:10px;font-weight:500}.status-working{background:#e7f0e5;color:#3b6947}.status-review{background:#e5edf7;color:#42668a}.task-people{display:flex;flex-direction:column;gap:5px;border-left:1px solid #ecf0e9;padding-left:18px;min-width:0}.task-people .people-label{font-size:10px;color:#7e8c82}.task-people strong{font-size:12px;font-weight:600;color:#4a5f51;line-height:1.5;overflow-wrap:anywhere}.task-people small{font-size:10px;color:#7e8c82}.task-number{font-size:9px;color:#98a397;margin-top:6px}.task-row .block-reason{font-size:11px;color:#a14430;line-height:1.5;margin:8px 0 0}.task-row .next-action{font-size:11px;padding-top:10px}.deadline-stamp.expanded{padding:18px;background:#eff4ec;border:1px solid #dfe7dc;border-radius:10px;margin:15px 0}.deadline-stamp.expanded.overdue{background:#fff3ee;border-color:#ecd0c6}.deadline-stamp.expanded .deadline-hour{font-size:30px}.deadline-stamp.expanded small{font-size:11px;color:#6c796f;margin-top:4px}.board .card{padding:15px}.board .card .deadline-stamp{border-bottom:1px solid #eaf0e7;padding-bottom:13px;margin-bottom:14px}.board .card .deadline-hour{font-size:23px}.board .card .task-main h3{margin:0 0 7px;font-size:14px}.board .card .task-people{border-left:0;border-top:1px solid #ecf0e9;padding:12px 0 0;margin-top:14px}.board .card .task-people .people-label{display:none}.board .card .task-number{margin-top:0}.toolbar{margin-bottom:12px}.heading{margin-bottom:22px}
@media(max-width:1200px){.task-row{grid-template-columns:125px minmax(0,1fr) 110px;gap:16px}.deadline-hour{font-size:23px}.task-people{padding-left:12px}.metrics{gap:8px}.metric{padding:12px}.metric span{font-size:11px}.metric small{line-height:1.5}.metric strong{font-size:24px}}
@media(max-width:680px){.metrics{gap:8px;margin-bottom:18px}.metric{padding:12px 13px;gap:4px 7px}.metric small{font-size:9px}.metric strong{font-size:24px}.schedule-controls{margin-bottom:22px;gap:8px;align-items:center}.schedule-controls>span{font-size:9px;max-width:100px;text-align:right;line-height:1.5}.layout-tabs button{font-size:11px;padding:8px 12px;min-height:36px}.task-row{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:16px 13px;align-items:start}.task-row.overdue,.task-row.soon{padding-left:10px}.task-row .deadline-stamp{padding-top:2px;gap:6px}.deadline-hour{font-size:21px;letter-spacing:-.7px}.deadline-day{font-size:12px}.deadline-note{font-size:10px;line-height:1.6;max-width:96px}.task-main h3{font-size:15px;line-height:1.5}.task-main .task-description{font-size:11px;-webkit-line-clamp:2}.task-people{grid-column:2;padding:9px 0 0;border-left:0;border-top:1px solid #edf1e9;flex-direction:row;gap:6px;align-items:baseline;flex-wrap:wrap}.task-people .people-label{font-size:9px}.task-people strong{font-size:11px}.task-number{margin:0 0 0 auto;font-size:8px}.time-group-heading h2{font-size:18px}.time-group-heading p{font-size:11px}.timeline{gap:25px}.task-badges{gap:4px}.task-badges .badge{font-size:9px;padding:4px 6px}.task-row .block-reason{font-size:10px}.task-row .next-action{font-size:10px}.task-row .task-description{margin-bottom:8px}.board .card .task-people{display:flex}.deadline-stamp.expanded{margin:14px 0}.deadline-stamp.expanded .deadline-note{max-width:none}.deadline-stamp.expanded .deadline-hour{font-size:30px}.time-group.closed .task-row{opacity:.85}.heading h1{font-size:25px}}

@media(max-width:680px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:15px}.metrics .metric{display:flex;flex-direction:column;align-items:flex-start;padding:10px 8px;gap:6px}.metrics .metric span{font-size:9px;min-height:24px;line-height:1.4}.metrics .metric strong{font-size:23px}.metrics .metric small{display:none}.toolbar .tabs{flex-wrap:nowrap;justify-content:flex-start;overflow:auto;scrollbar-width:none}.toolbar .tabs::-webkit-scrollbar{display:none}.toolbar .tabs button{white-space:nowrap;flex-shrink:0}.schedule-controls{margin-top:2px}.content .heading{margin-bottom:18px}}