.tasks-shell{display:grid;gap:18px}.tasks-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.tasks-hero h2{font-size:32px;margin:4px 0}.tasks-hero p{margin:0;color:#66747e}.task-quick-create{display:flex;gap:10px;padding:10px;background:#fff;border:1px solid #e5eaed;border-radius:16px;box-shadow:0 8px 24px rgba(20,48,61,.05)}.task-quick-create input{flex:1;border:0;padding:10px 12px;font-size:16px;outline:0}.task-quick-create button,.task-filter-tabs button,.task-view-tabs button{border:0;border-radius:10px;padding:9px 14px;background:#eef3f4;cursor:pointer}.task-quick-create button,.task-filter-tabs button.active,.task-view-tabs button.active{background:#0b6f72;color:#fff}.task-toolbar{display:grid;gap:12px}.task-filter-tabs,.task-view-tabs{display:flex;gap:7px;flex-wrap:wrap}.task-filter-grid{display:grid;grid-template-columns:minmax(220px,1fr) 190px 170px auto;gap:10px;align-items:center}.task-filter-grid input[type=search],.task-filter-grid select{width:100%;padding:10px;border:1px solid #dce4e7;border-radius:10px;background:#fff}.task-board{min-height:280px}.task-kanban{display:grid;grid-template-columns:repeat(4,minmax(245px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px}.task-column{background:#f1f5f5;border-radius:16px;padding:12px;min-height:280px}.task-column-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.task-column-head h3{font-size:13px;letter-spacing:.06em;margin:0}.task-column-head span{background:#fff;border-radius:999px;padding:3px 8px;color:#607078}.task-card{display:grid;gap:9px;width:100%;margin-bottom:9px;padding:14px;text-align:left;border:1px solid #e1e7e8;border-radius:13px;background:#fff;box-shadow:0 3px 10px rgba(22,51,61,.04);cursor:pointer}.task-card:hover{border-color:#93bdbe}.task-card.is-overdue{border-left:4px solid #d94b56}.task-card.is-pinned{box-shadow:0 0 0 2px #e8c85d inset}.task-card-title{display:flex;gap:7px;align-items:flex-start;justify-content:space-between}.task-card-meta,.task-card-counters{display:flex;gap:7px;flex-wrap:wrap;color:#63737a;font-size:12px}.task-badge{padding:3px 7px;border-radius:999px;background:#edf2f3}.task-badge.priority-URGENT{background:#fee2e4;color:#a6222d}.task-badge.priority-HIGH{background:#fff0d5;color:#8b5a00}.task-badge.personal{background:#ddf2ee;color:#12685f}.task-list{display:grid;gap:8px}.task-list .task-card{grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center}.task-calendar{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;overflow:auto}.task-calendar-day{min-height:120px;padding:10px;border-radius:12px;background:#f3f6f6}.task-calendar-day>strong{font-size:12px;color:#65747a}.task-calendar-day .task-card{padding:9px;font-size:12px}.task-empty{padding:60px 20px;text-align:center;color:#738187}.task-drawer-backdrop,.task-dialog-backdrop,.task-notifications-popover{position:fixed;inset:0;background:rgba(12,30,38,.38);z-index:80}.task-drawer{position:absolute;right:0;top:0;bottom:0;width:min(620px,100%);overflow:auto;background:#fff;padding:24px}.task-drawer-head{display:flex;justify-content:space-between;gap:16px}.task-drawer-close{border:0;background:#edf2f3;border-radius:50%;width:38px;height:38px;font-size:22px}.task-detail-section{margin-top:22px;padding-top:18px;border-top:1px solid #e6ebed}.task-detail-section h3{margin:0 0 10px}.task-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.task-detail-grid label,.task-dialog label{display:grid;gap:5px;font-size:13px;color:#586970}.task-detail-grid input,.task-detail-grid select,.task-dialog input,.task-dialog select,.task-dialog textarea,.task-comment-form textarea{padding:10px;border:1px solid #d8e1e4;border-radius:9px;background:#fff}.task-status-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.task-status-actions button{padding:9px 12px;border:1px solid #cddbdd;border-radius:9px;background:#fff}.task-check-row{display:flex;align-items:center;gap:8px;padding:7px 0}.task-check-row span{flex:1}.task-comment{background:#f5f7f7;padding:10px;border-radius:10px;margin:7px 0}.task-comment small{color:#748087}.task-comment-form{display:flex;gap:8px}.task-comment-form textarea{flex:1}.task-attachment{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.task-attachment img{width:52px;height:52px;object-fit:cover;border-radius:8px}.task-dialog-backdrop{display:grid;place-items:center;padding:20px}.task-dialog{width:min(680px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:24px}.task-dialog h2{margin-top:0}.task-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-dialog .wide{grid-column:1/-1}.task-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.task-notification-button{position:relative;border:0;background:#fff;border-radius:12px;padding:10px;font-size:18px}.task-notification-button span{position:absolute;right:-3px;top:-5px;background:#d94350;color:#fff;border-radius:999px;min-width:19px;padding:2px;font-size:11px}.task-notifications-panel{position:absolute;right:20px;top:66px;width:min(390px,calc(100% - 40px));max-height:70vh;overflow:auto;background:#fff;border-radius:14px;padding:14px;box-shadow:0 16px 50px rgba(0,0,0,.22)}.task-notification-row{display:block;width:100%;padding:11px;border:0;border-bottom:1px solid #edf0f1;text-align:left;background:#fff}.task-notification-row.unread{background:#eef8f6}.task-dashboard-summary{margin-bottom:16px}.task-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.task-summary-grid button{padding:15px;border:0;border-radius:12px;background:#f1f6f5;text-align:left}.task-summary-grid strong{display:block;font-size:24px;margin-top:5px}
@media(max-width:900px){.task-kanban{grid-template-columns:repeat(4,82vw)}.task-filter-grid{grid-template-columns:1fr 1fr}.task-list .task-card{grid-template-columns:1fr}.task-calendar{grid-template-columns:repeat(7,180px)}}
@media(max-width:600px){.tasks-hero{align-items:stretch;flex-direction:column}.task-filter-grid,.task-dialog-grid,.task-detail-grid,.task-summary-grid{grid-template-columns:1fr}.task-quick-create{align-items:stretch;flex-direction:column}.task-dialog{padding:18px}.task-drawer{padding:18px}}
.task-filter-grid{grid-template-columns:minmax(220px,1.5fr) repeat(6,minmax(130px,1fr))}.task-filter-grid input[type=date]{width:100%;padding:10px;border:1px solid #dce4e7;border-radius:10px;background:#fff}@media(max-width:900px){.task-filter-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.task-filter-grid{grid-template-columns:1fr}}