.task-center{color:#17334f;max-width:1000px;margin:0 auto;padding:18px 14px 100px}.task-heading p,.task-count{color:#607286;font-size:13px}.task-tabs{background:#fff;border-radius:12px;gap:5px;margin:18px 0;padding:5px;display:flex}.task-tabs button{color:#566b80;background:0 0;border:0;border-radius:8px;flex:1;min-height:46px;font-size:16px}.task-tabs button[aria-selected=true]{color:#163f6d;background:#e8f1fc;font-weight:700}.task-tabs b{margin-left:5px;font-size:13px}.task-filters{flex-wrap:wrap;gap:8px;display:flex}.task-filters>input{flex:100%;min-width:0}.task-filters input,.task-filters select{color:#17334f;background:#fff;border:1px solid #d4dde7;border-radius:8px;min-height:44px;padding:8px;font-size:16px}.task-filters select{flex:1;min-width:120px}.task-date-range{flex:100%;gap:8px;display:flex}.task-date-range label{flex-direction:column;flex:1;gap:4px;min-width:0;font-size:12px;display:flex}.task-date-range input{width:100%;min-width:0}.task-list{gap:12px;margin-top:15px;display:grid}.task-card{background:#fff;border:1px solid #e0e6ed;border-radius:12px;min-width:0;padding:16px}.task-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.task-badge{color:#214f80;background:#eaf1fb;border-radius:5px;padding:4px 8px;font-size:12px}.task-done{color:#267247;background:#eaf7ef}.task-meta small,.task-number{color:#63758a;overflow-wrap:anywhere;font-size:12px}.task-card h2{margin:12px 0 5px;font-size:18px}.task-card p{margin:8px 0;font-size:14px}.task-context{color:#5a6f85;border-top:1px solid #e5eaf0;padding-top:10px}.task-open,.task-pagination button,.task-error button,.task-detail header button{color:#174a80;background:#fff;border:1px solid #c8d7e8;border-radius:8px;min-height:44px;margin-top:6px;padding:9px 13px;font-size:14px}.task-open:disabled{opacity:.5}.task-urgent{background:#ffe3df;border-left:4px solid #c84439}.task-urgent .task-context{color:#b3261e;font-weight:700}.task-again{color:#a55317}.task-pagination{justify-content:center;align-items:center;gap:18px;margin-top:18px;display:flex}.task-error{color:#b02c27}.task-error button{margin-left:12px}.task-overlay{z-index:200;background:#11243d80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.task-detail{overscroll-behavior:contain;background:#fff;border-radius:16px;width:min(650px,100%);max-height:90dvh;padding:20px;overflow:auto}.task-detail header{justify-content:space-between;align-items:center;gap:8px;display:flex}.task-detail h2{font-size:20px}.task-event{border-top:1px solid #e1e8ef;padding:14px 0}.task-event small{color:#6a7b8e;margin:4px 0;display:block}.task-event p{white-space:pre-wrap;overflow-wrap:anywhere}.task-archive summary{cursor:pointer;padding:15px 0}.task-detail button:focus-visible,.task-tabs button:focus-visible{outline-offset:2px;outline:3px solid #5e9dd1}@media (min-width:760px){.task-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.task-center{padding-top:8px}.task-heading h1{margin:0;font-size:18px}.task-heading p{margin:4px 0;font-size:12px}.task-tabs{margin:8px 0;padding:2px}.task-tabs button{min-height:40px;font-size:14px}.task-filters{gap:6px}.task-filters input,.task-filters select{min-height:40px;padding:6px;font-size:14px}@media (pointer:coarse){.task-filters input{font-size:16px}}.task-heading{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.task-heading h1{white-space:nowrap;margin:0;font-size:17px;line-height:1.4}.task-heading .task-tabs{background:#e9eef4;border-radius:7px;flex:none;gap:2px;width:auto;margin:0;padding:2px;display:inline-flex}.task-heading .task-tabs button{white-space:nowrap;border-radius:5px;flex:none;min-height:32px;padding:4px 12px;font-size:13px}.task-heading .task-tabs button[aria-selected=true]{background:#fff;box-shadow:0 1px 3px #17334f12}.task-heading .task-tabs b{margin-left:3px;font-size:12px}.task-filters{align-items:center;gap:6px}.task-filters>input{flex-basis:100%;min-height:36px;padding:6px 9px;font-size:14px}.task-filters>select{flex:0 auto;min-width:0;max-width:100%;min-height:32px;padding:4px 24px 4px 8px;font-size:12px}.task-list{margin-top:10px}.task-card{padding:12px}.task-card h2{margin:8px 0 4px}@media (min-width:760px){.task-filters>input{flex:1;min-width:220px}.task-heading{gap:20px}}@media (pointer:coarse){.task-filters>input{font-size:16px}.task-heading .task-tabs button,.task-filters>select{min-height:36px}}