.task-page{display:flex;flex-direction:column;min-height:calc(100dvh - 4rem);background:#f4f5f9}.task-view-nav{display:flex;gap:.25rem;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#fff;overflow-x:auto}.task-view-link{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;color:#6b7280;white-space:nowrap;transition:background .15s,color .15s}.task-view-link:hover{background:#f3f4f6;color:#374151}.task-view-link--active{background:#eef0ff;color:#5c67ff}.task-board-root{flex:1;display:flex;flex-direction:column;overflow:hidden}.task-board-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#fff;border-bottom:1px solid #e5e7eb;gap:1rem;flex-wrap:wrap}.task-board-title{font-size:1.25rem;font-weight:700;color:#111827}.task-board-subtitle{font-size:.875rem;color:#9ca3af}.task-board-layout{display:flex;flex:1;overflow:hidden}.task-board-sidebar{width:260px;flex-shrink:0;border-right:1px solid #e5e7eb;background:#fff;padding:1rem;overflow-y:auto;display:none}@media (min-width:1024px){.task-board-sidebar{display:block}}.task-board-columns{flex:1;display:flex;gap:1rem;padding:1rem;overflow-x:auto;align-items:flex-start}.task-column{flex:0 0 280px;max-width:280px;display:flex;flex-direction:column;max-height:calc(100dvh - 12rem)}.task-column-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:.5rem .5rem 0 0;font-size:.8125rem;font-weight:600;color:#374151}.task-column-title{text-transform:uppercase;letter-spacing:.04em}.task-column-count{min-width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;font-size:.75rem;font-weight:700;color:#fff}.task-column-body{flex:1;overflow-y:auto;padding:.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 .75rem .75rem;min-height:120px;display:flex;flex-direction:column;gap:.5rem}.task-column-body--over{background:#eef0ff;border-color:#c7d2fe}.task-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:.75rem;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:box-shadow .15s,border-color .15s}.task-card:hover{border-color:#c7d2fe;box-shadow:0 4px 12px rgba(92,103,255,.1)}.task-card--dragging{opacity:.5;box-shadow:0 8px 24px rgba(0,0,0,.12)}.task-tag{display:inline-flex;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.task-icon-btn,.task-tag-add{border:none;background:transparent;cursor:pointer;padding:.25rem;border-radius:.375rem;color:#9ca3af;transition:color .15s,background .15s}.task-icon-btn:hover{background:#f3f4f6;color:#5c67ff}.task-due-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;color:#6b7280;background:#f3f4f6;padding:.125rem .5rem;border-radius:9999px}.task-add-card{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;border:1px dashed #d1d5db;border-radius:.5rem;background:transparent;color:#9ca3af;font-size:.8125rem;cursor:pointer;transition:border-color .15s,color .15s}.task-add-card:hover{border-color:#5c67ff;color:#5c67ff}.task-add-card-btn{width:1.75rem;height:1.75rem;border-radius:.375rem;background:#eef0ff;color:#5c67ff}.task-add-card-btn,.task-fab{display:flex;align-items:center;justify-content:center}.task-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:40;width:3.5rem;height:3.5rem;border-radius:9999px;background:linear-gradient(135deg,#5c67ff,#7c3aed);color:#fff;border:none;box-shadow:0 8px 24px rgba(92,103,255,.4);cursor:pointer}.task-detail-backdrop{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.3);backdrop-filter:blur(2px)}.task-detail-panel{position:fixed;top:0;right:0;z-index:51;width:min(420px,100vw);height:100dvh;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;box-shadow:-8px 0 32px rgba(0,0,0,.08)}.task-detail-header{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem;border-bottom:1px solid #e5e7eb}.task-detail-body{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.task-detail-label{display:block;font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.375rem}.task-detail-select,.task-detail-textarea{width:100%;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;background:#fff}.task-detail-textarea{min-height:100px;resize:vertical}.task-stage-pill{padding:.375rem .75rem;border-radius:9999px;border:1px solid #e5e7eb;font-size:.8125rem;background:#fff;cursor:pointer;transition:all .15s}.task-stage-pill--active{background:#eef0ff;border-color:#5c67ff;color:#5c67ff;font-weight:600}.task-detail-notes{border-top:1px solid #e5e7eb;padding-top:1rem}.task-form-overlay{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;padding:1rem}.task-form-modal{background:#fff;border-radius:1rem;padding:1.5rem;width:min(480px,100%);display:flex;flex-direction:column;gap:.75rem;box-shadow:0 24px 48px rgba(0,0,0,.15)}.task-board-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:4rem}.task-board-loading-pulse{width:3rem;height:3rem;border-radius:9999px;border:3px solid #eef0ff;border-top-color:#5c67ff;animation:task-spin .8s linear infinite}@keyframes task-spin{to{transform:rotate(1turn)}}.task-trash-root{padding:1.5rem;max-width:48rem}.task-trash-row{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem}.task-activity-item{display:flex;gap:.75rem;padding:.5rem 0;font-size:.8125rem;color:#6b7280}.task-activity-dot{width:.5rem;height:.5rem;border-radius:9999px;background:#5c67ff;margin-top:.375rem;flex-shrink:0}.task-sidebar-mini-cal{margin-bottom:1rem}.task-sidebar-section-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:.5rem}.task-sidebar-upcoming-item{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.8125rem;color:#374151}.task-board-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.task-filter-btn{padding:.375rem .75rem;border-radius:9999px;border:1px solid #e5e7eb;font-size:.8125rem;background:#fff;cursor:pointer}.task-filter-btn--active{background:#eef0ff;border-color:#5c67ff;color:#5c67ff}.task-board-search{position:relative;flex:1;min-width:160px;max-width:280px}.task-board-search input{width:100%;padding:.375rem .75rem .375rem 2rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem}.ms-page-wrap{margin:-1rem -1rem 0;min-height:calc(100dvh - 4rem)}@media (min-width:1024px){.ms-page-wrap{margin:-2rem -2rem 0}}.ms-app{display:flex;flex-direction:column;min-height:calc(100dvh - 4rem);background:#f6f7fb;font-family:inherit}.ms-topbar{justify-content:space-between;padding:.75rem 1.25rem;background:#fff;border-bottom:1px solid #e5e7eb;gap:1rem;flex-wrap:wrap}.ms-brand,.ms-topbar{display:flex;align-items:center}.ms-brand{gap:.75rem}.ms-brand-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;background:linear-gradient(135deg,#7c3aed,#5c67ff);display:flex;align-items:center;justify-content:center;color:#fff}.ms-brand-title{font-weight:700;font-size:1rem;color:#111827;margin:0}.ms-brand-sub{font-size:.75rem;color:#9ca3af;margin:0}.ms-topbar-actions{flex-wrap:wrap}.ms-search,.ms-topbar-actions{display:flex;align-items:center;gap:.5rem}.ms-search{padding:.375rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#f9fafb;min-width:180px}.ms-search input{border:none;background:transparent;outline:none;font-size:.875rem;width:100%}.ms-toolbar-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:.8125rem;cursor:pointer;color:#374151}.ms-toolbar-btn--icon{padding:.375rem}.ms-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer}.ms-btn--primary{background:linear-gradient(135deg,#7c3aed,#5c67ff);color:#fff}.ms-btn--ghost{background:transparent;border:1px solid #e5e7eb;color:#374151}.ms-body{display:flex;flex:1;overflow:hidden}.ms-sidebar{width:240px;flex-shrink:0;background:#fff;border-right:1px solid #e5e7eb;padding:1rem;overflow-y:auto;display:none}@media (min-width:1024px){.ms-sidebar{display:block}}.ms-mini-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.ms-mini-grid,.ms-mini-grid-head{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:.6875rem}.ms-mini-grid-head{color:#9ca3af;margin-bottom:.25rem}.ms-mini-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border:none;background:transparent;cursor:pointer;font-size:.75rem;color:#374151}.ms-mini-day--muted{color:#d1d5db}.ms-mini-day--today{font-weight:700;color:#7c3aed}.ms-mini-day--selected{background:#7c3aed;color:#fff}.ms-sidebar-section{margin-top:1.25rem}.ms-sidebar-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:.5rem}.ms-check-row{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.8125rem;cursor:pointer;color:#374151}.ms-check-dot{width:.625rem;height:.625rem;border-radius:9999px;flex-shrink:0}.ms-sidebar-team{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.ms-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.ms-main-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e5e7eb;gap:.75rem;flex-wrap:wrap}.ms-view-toggle{display:flex;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.ms-view-toggle button{padding:.375rem .75rem;border:none;background:#fff;font-size:.8125rem;cursor:pointer;color:#6b7280}.ms-view-toggle button.ms-view-toggle--active,.ms-view-toggle--active{background:#eef0ff;color:#7c3aed;font-weight:600}.ms-range-nav{display:flex;align-items:center;gap:.5rem}.ms-today-btn{padding:.375rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:.8125rem;cursor:pointer}.ms-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.875rem}.ms-week{flex:1;overflow:auto;display:flex;flex-direction:column}.ms-week-head{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:2}.ms-day-head{padding:.5rem;text-align:center;border-left:1px solid #f3f4f6}.ms-day-head--today .ms-day-num{background:#7c3aed;color:#fff;border-radius:9999px;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center}.ms-day-name{display:block;font-size:.6875rem;color:#9ca3af;text-transform:uppercase}.ms-day-num{display:block;font-size:1.125rem;font-weight:600;color:#111827}.ms-week-grid{display:grid;grid-template-columns:60px repeat(7,1fr);flex:1;position:relative}.ms-time-col,.ms-time-gutter{border-right:1px solid #e5e7eb}.ms-hour-label{font-size:.6875rem;color:#9ca3af;padding-right:.5rem;text-align:right;border-bottom:1px solid #f3f4f6}.ms-day-col{position:relative;border-left:1px solid #f3f4f6}.ms-hour-slot{border-bottom:1px solid #f3f4f6;cursor:pointer}.ms-hour-slot:hover{background:#faf5ff}.ms-now-line{left:0;right:0;height:2px;z-index:3;pointer-events:none}.ms-now-badge,.ms-now-line{position:absolute;background:#ef4444}.ms-now-badge{right:.25rem;transform:translateY(-50%);color:#fff;font-size:.625rem;padding:.125rem .375rem;border-radius:.25rem;z-index:4}.ms-event-card{position:absolute;left:4px;right:4px;border-radius:.5rem;border:1px solid;padding:.375rem .5rem;overflow:hidden;z-index:2;font-size:.75rem}.ms-event-card h4{font-weight:600;margin:0;font-size:.8125rem;color:#111827}.ms-event-card p{margin:.125rem 0 0;color:#6b7280;font-size:.6875rem;line-clamp:2;overflow:hidden}.ms-event-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.ms-event-menu{border:none;background:transparent;cursor:pointer;padding:0;color:#9ca3af}.ms-event-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.375rem}.ms-month-placeholder{flex:1;flex-direction:column;gap:1rem;color:#6b7280;padding:3rem}.ms-modal-overlay,.ms-month-placeholder{display:flex;align-items:center;justify-content:center}.ms-modal-overlay{position:fixed;inset:0;z-index:50;padding:1rem}.ms-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4)}.ms-modal{position:relative;z-index:1;background:#fff;border-radius:1rem;width:min(520px,100%);max-height:90dvh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 48px rgba(0,0,0,.15)}.ms-modal-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-bottom:1px solid #e5e7eb}.ms-modal-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;background:#eef0ff;display:flex;align-items:center;justify-content:center;color:#7c3aed}.ms-modal-close{margin-left:auto;border:none;background:transparent;cursor:pointer;color:#9ca3af;padding:.25rem}.ms-modal-body{padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.ms-modal-footer{padding:1rem 1.25rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.5rem}.ms-modal-divider{height:1px;background:#e5e7eb;margin:.5rem 0}.ms-field{display:flex;flex-direction:column;gap:.375rem}.ms-field-label{font-size:.75rem;font-weight:600;color:#6b7280}.ms-field input,.ms-field select,.ms-field textarea{border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.ms-time-range{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ms-end,.ms-start{display:flex;flex-direction:column;gap:.25rem}.ms-center{justify-content:center}.ms-center,.ms-reminder{display:flex;align-items:center}.ms-reminder{gap:.5rem;font-size:.8125rem}.ms-platform-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid #e5e7eb;border-radius:9999px;font-size:.8125rem;cursor:pointer}.ms-team-picker{display:flex;flex-wrap:wrap;gap:.375rem}.ms-team-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#eef0ff;border-radius:9999px;font-size:.75rem;color:#5c67ff}.ms-team-add-wrap{position:relative}.ms-team-add{border:1px dashed #d1d5db;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem}.ms-icon-btn,.ms-team-add{background:transparent;cursor:pointer;color:#9ca3af}.ms-icon-btn{border:none;padding:.25rem;border-radius:.375rem}.ms-icon-btn:hover{background:#f3f4f6}