.due-field{margin-bottom:22px;position:relative}.due-field>label{margin-bottom:9px}.date-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:13px 12px;border:1px solid #dce2ec;border-radius:8px;text-align:left;background:#fff;color:#8693a6;font-size:12px;min-height:44px}.date-trigger:hover,.date-trigger[aria-expanded=true]{border-color:#93b4f8;background:#f8faff}.date-trigger.has-date{color:#334866}.date-trigger>span:last-child{margin-left:auto;color:#8797ad}.date-trigger svg{color:#6083be;flex-shrink:0}.date-picker{border:1px solid #dce6f7;border-radius:12px;padding:16px;margin-top:9px;background:#fff;box-shadow:0 10px 28px #2348850b}.date-monthbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.date-nav{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid #e4eaf3;border-radius:8px;color:#5d7499;background:#fff;font-size:24px;line-height:1}.date-nav:hover{background:#eff5ff;border-color:#bed1f1}.date-month-selects{display:flex;align-items:center;justify-content:center;gap:3px}.date-month-selects select{border:0;padding:7px 18px 7px 7px;background:#fff;color:#263d63;font-size:13px;font-weight:600;border-radius:5px;box-shadow:none;max-width:125px}.date-weekdays,.date-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.date-weekdays{margin-bottom:8px;text-align:center;font-size:10px;color:#98a4b5}.date-day{position:relative;border-radius:8px;min-height:34px;aspect-ratio:1.2;font-size:12px;color:#354966;border:1px solid transparent;display:flex;align-items:center;justify-content:center;background:#fff}.date-day:hover{background:#edf4ff;color:#2563eb}.date-day.outside{color:#bec7d4}.date-day.today:not(.selected){border-color:#c1d5fa;color:#2563eb;font-weight:650;background:#f5f9ff}.date-day.selected{color:white;background:#2563eb;box-shadow:0 3px 7px #2563eb20;font-weight:650}.date-day:focus-visible{outline:2px solid #82abf6;outline-offset:1px}.date-options{border-top:1px solid #edf1f7;margin-top:14px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.date-shortcuts{display:flex;gap:6px}.date-shortcuts button{font-size:10px;background:#f1f5fc;border:1px solid #e8eef9;padding:7px 9px;color:#6781a8;border-radius:6px}.date-shortcuts button:hover{background:#e7efff;color:#2563eb}.date-clock{display:flex;align-items:center;gap:5px;font-size:11px;color:#8b98aa}.date-clock>span:first-child{margin-right:4px}.date-clock select{font-size:12px;padding:6px 5px;border:1px solid #e1e8f3;border-radius:6px;background:#f9fbff;min-width:42px;height:32px;text-align:center;color:#364c6d}.date-picker-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.date-picker-footer .button{min-height:34px;padding:8px 17px;font-size:11px}.date-picker-footer .text-button{color:#8d9bb0;font-size:11px}.time-entry{border:0;padding:0;margin:0 0 24px;min-width:0}.time-entry legend{font-size:12px;font-weight:550;margin-bottom:10px}.duration-inputs{display:flex;gap:12px}.duration-inputs label{display:flex;flex-direction:row;align-items:center;gap:9px;margin:0;flex:1;border:1px solid #dce2ec;border-radius:8px;overflow:hidden;background:#fff;padding-right:13px}.duration-inputs label:focus-within{border-color:#7599d5;box-shadow:0 0 0 3px #edf3fd}.duration-inputs input{width:100%;border:0;box-shadow:none!important;padding:12px;min-width:0;font-size:13px}.duration-inputs span{font-size:11px;color:#8796ab;font-weight:400}.spent-time{white-space:nowrap;font-size:10px;color:#7184a2;display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.card-footer{flex-wrap:wrap}.list-row{grid-template-columns:minmax(150px,1fr) 110px 100px 100px 86px}
.calendar-view{border:1px solid #e0e7f1;border-radius:12px;overflow:hidden;background:#fff}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 22px}.calendar-toolbar h2{font-size:18px;letter-spacing:-.4px;margin:0;font-weight:600}.calendar-navigation{display:flex;align-items:center;gap:7px}.calendar-navigation .button{min-height:32px;padding:7px 12px;font-size:11px;margin-right:4px;background:#f2f6fd;color:#6481ad}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #edf1f7;border-bottom:1px solid #e7edf5;background:#fbfcfe;text-align:center;font-size:10px;color:#8e9eb4;padding:12px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-cell{min-width:0;min-height:112px;border-right:1px solid #edf1f7;border-bottom:1px solid #edf1f7;padding:7px 6px 8px;background:#fff}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.outside{background:#fafbfd}.calendar-cell.selected{background:#f5f8ff;box-shadow:inset 0 0 0 1px #9bbdf5}.calendar-day{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 3px 5px;text-align:left;color:#657b9d;font-size:11px;border-radius:4px}.calendar-day>span:first-child{height:25px;width:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px}.calendar-cell.outside .calendar-day{color:#b1bdce}.calendar-cell.today .calendar-day>span:first-child{background:#2563eb;color:#fff;font-weight:600}.calendar-day:hover>span:first-child{background:#e5eeff;color:#2563eb}.calendar-cell.today .calendar-day:hover>span:first-child{background:#1d4ed8;color:#fff}.mobile-day-count{display:none}.calendar-events{display:flex;flex-direction:column;gap:4px}.calendar-event{display:flex;align-items:center;gap:5px;width:100%;min-width:0;padding:6px;border-radius:5px;text-align:left;font-size:10px;background:#eaf2ff;color:#416aa6;line-height:1.4;border-left:2px solid #95b8f1}.calendar-event>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event .status-dot{width:5px;height:5px;border-width:1px}.calendar-event:hover{background:#dae8ff;color:#244e9a}.calendar-event.event-doing{background:#edf1ff;border-color:#9dacee;color:#5c71a7}.calendar-event.event-done{background:#f1f4f8;border-color:#b7c5d8;color:#9baabd}.calendar-event.overdue{background:#fff2ef;border-color:#e7b2a3;color:#ac7162}.calendar-more{font-size:10px;color:#8a9cba;text-align:left;padding:3px 6px}.calendar-agenda,.calendar-undated{padding:19px 22px}.calendar-agenda>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px;min-height:24px}.calendar-agenda h3,.calendar-undated h3{font-size:12px;color:#4e6688;margin:0;font-weight:550}.calendar-undated{border-top:1px solid #edf1f7}.calendar-undated h3{margin-bottom:15px}.calendar-undated h3>span{font-size:10px;margin-left:7px;color:#a1b0c4;font-weight:400}.agenda-task{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #f0f3f8;width:100%;min-width:0;text-align:left}.agenda-task:hover{background:#f7faff}.agenda-task time{font-size:10px;color:#8b9eb9;width:36px;flex-shrink:0;font-variant-numeric:tabular-nums}.agenda-title{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#415877;min-width:0}.agenda-task .avatar{width:25px;height:25px;font-size:9px}.agenda-task .status-dot{width:6px;height:6px}.calendar-undated .agenda-task:first-of-type{border-top:0}
@media(min-width:1500px){.calendar-cell{min-height:132px}}@media(max-width:1150px){.list-row{grid-template-columns:minmax(130px,1fr) 95px 92px 94px 77px;gap:10px}.calendar-cell{padding:6px 4px;min-height:100px}.calendar-event{font-size:9px;padding:5px 4px}.calendar-toolbar{padding:17px 18px}}@media(max-width:600px){.calendar-toolbar{padding:15px 12px}.calendar-toolbar h2{font-size:16px}.calendar-navigation{gap:5px}.calendar-navigation .button{margin-right:0}.calendar-weekdays{font-size:9px;padding:10px 0}.calendar-cell{padding:3px;min-height:55px}.calendar-events{display:none}.calendar-day{padding:0;min-height:47px;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px}.calendar-day>span:first-child{width:24px;height:24px;font-size:11px}.mobile-day-count{display:block;font-size:8px;color:#7197d0;font-weight:600;min-height:12px;line-height:12px}.calendar-cell.selected{background:#edf4ff}.calendar-agenda,.calendar-undated{padding:14px 12px}.calendar-agenda h3{font-size:11px}.agenda-task{gap:8px;flex-wrap:wrap}.agenda-title{font-size:11px}.agenda-task .spent-time{font-size:9px}.agenda-task time{width:31px;font-size:9px}.agenda-task .avatar{width:23px;height:23px}.date-picker{padding:12px}.date-weekdays,.date-days{gap:3px}.date-day{min-height:32px;aspect-ratio:1.1;font-size:12px}.date-options{gap:7px;flex-wrap:wrap}.date-shortcuts{gap:5px}.date-shortcuts button{padding:7px;font-size:10px}.date-clock{gap:3px}.date-clock>span:first-child{font-size:10px;margin-right:1px}.date-clock select{min-width:39px;padding:5px 2px;font-size:11px}.list-row{grid-template-columns:minmax(120px,1fr) 95px;gap:12px}.list-row>.spent-time{grid-column:2;grid-row:2;justify-self:end}.list-row>.due{grid-column:1;grid-row:3;justify-self:start}.list-heading>span:nth-child(n+3){display:none}.duration-inputs{gap:10px}.duration-inputs input{font-size:16px}.date-trigger{font-size:12px}.view-tab{padding:7px 11px}}