:root{--mj-white: #fefffe;--mj-dark-gray: #4b4d50;--mj-light-gray: #dbdbdc;--mj-dark-teal: #41969f;--mj-light-teal: #77c5cc;--mj-coral: #fd7763;--surface: var(--mj-white);--surface-muted: #f5f7f7;--page: #f2f3f3;--page-soft: #f8fafa;--text: var(--mj-dark-gray);--muted: #747679;--line: var(--mj-light-gray);--brand: var(--mj-dark-teal);--brand-soft: rgba(119, 197, 204, .2);--accent: var(--mj-coral);color:var(--text);background:var(--page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(119,197,204,.14),transparent 280px),var(--page)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;color:var(--text)}.loading{display:grid;place-items:center}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line);background:#fefffef5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-block{display:flex;align-items:center;gap:12px}.brand-mark,.welcome-avatar,.avatar{display:inline-grid;place-items:center;flex:0 0 auto;border-radius:8px;background:var(--brand);color:var(--surface);font-weight:900}.brand-mark{width:44px;height:44px;font-size:15px}.topbar h1,.login-panel h1{margin:2px 0 0;font-size:24px;line-height:1.15}.eyebrow{margin:0;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.button,.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:6px;min-height:36px;padding:0 12px;font-weight:700}.button:hover,.icon-button:hover{border-color:var(--mj-light-teal)}.button.primary{border-color:var(--brand);background:var(--brand);color:var(--mj-white)}.button.primary:hover{background:#327f86}.icon-label{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}.icon-label svg{flex:0 0 auto}.button.full{width:100%}.button.compact{min-height:32px;padding:0 10px;font-size:13px}.button.ghost{color:var(--accent)}.icon-button{display:inline-grid;place-items:center;width:36px;padding:0;font-size:18px}.segmented{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--surface-muted)}.view-tabs{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.view-tabs button{border:0;background:transparent;border-radius:5px;min-height:30px;padding:0 12px;color:var(--muted);font-weight:800}.view-tabs button.active{background:var(--brand);color:var(--surface)}.segmented button{border:0;background:transparent;border-radius:5px;min-height:30px;padding:0 10px;color:var(--muted);font-weight:700}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #141f321f}.user-chip{display:grid;gap:1px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);min-width:130px}.user-chip span{font-size:13px;font-weight:700}.user-chip strong{color:var(--muted);font-size:11px}.board-shell{display:grid;gap:14px;padding:18px 22px 34px;overflow:auto}.board-overview{display:grid;grid-template-columns:minmax(280px,1fr) minmax(520px,1.4fr) auto;align-items:center;gap:16px;border:1px solid rgba(65,150,159,.22);border-radius:8px;background:var(--surface);padding:16px;box-shadow:0 10px 28px #141f3214}.board-welcome{display:flex;align-items:center;gap:12px}.welcome-avatar{width:52px;height:52px;background:var(--mj-dark-gray)}.board-welcome h2{margin:2px 0;font-size:22px;line-height:1.15}.board-welcome span,.toolbar-heading span{color:var(--muted);font-size:13px;font-weight:700}.quick-metrics{display:grid;grid-template-columns:repeat(5,minmax(84px,1fr));gap:8px}.overview-metric{display:grid;gap:4px;min-height:64px;border:1px solid var(--line);border-radius:7px;background:var(--page-soft);padding:10px}.overview-metric span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.overview-metric strong{font-size:24px;line-height:1}.overview-metric.risk{border-color:#fd77636b;background:#fd77631a}.overview-metric.warn{border-color:#41969f57;background:var(--brand-soft)}.board-cta{min-width:110px}.toolbar-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fefffeeb;padding:12px}.toolbar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar-heading div{display:grid;gap:2px}.toolbar-heading strong{color:var(--brand);font-size:14px}.filter-bar{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));align-items:end;gap:10px}.saved-view-bar{display:grid;grid-template-columns:minmax(180px,1fr) auto auto minmax(180px,1fr) auto;align-items:end;gap:8px;border-top:1px solid var(--line);padding-top:10px}.saved-view-bar label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.saved-view-bar input,.saved-view-bar select{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);min-height:34px;padding:7px 9px}.notification-menu{position:relative}.notification-button{display:inline-flex;align-items:center;gap:7px;min-height:36px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);padding:0 10px;font-weight:800}.notification-button strong{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:12px}.notification-button.risk{border-color:#fd77638c}.notification-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:40;display:grid;gap:8px;width:min(360px,86vw);border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:10px;box-shadow:0 18px 36px #141f3229}.notification-item{display:grid;gap:3px;width:100%;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:6px;background:var(--surface-muted);color:var(--text);padding:9px;text-align:left}.notification-item.warning{border-left-color:#c58b13}.notification-item.critical{border-left-color:var(--accent)}.notification-item span{color:var(--muted);font-size:12px}.work-view-controls{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(420px,1.3fr);gap:10px}.work-view-controls label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.view-toggle{display:inline-flex;flex-wrap:wrap;gap:3px;border:1px solid var(--line);border-radius:7px;background:var(--surface-muted);padding:3px}.view-toggle button{border:0;border-radius:5px;background:transparent;color:var(--muted);min-height:30px;padding:0 10px;font-size:12px;font-weight:900}.view-toggle button.active{background:var(--brand);color:var(--surface)}.view-toggle button:disabled{cursor:not-allowed;opacity:.45}.bulk-bar{display:grid;grid-template-columns:auto repeat(5,minmax(120px,1fr)) auto auto;align-items:center;gap:8px;border:1px solid var(--mj-light-teal);border-radius:8px;background:var(--brand-soft);padding:10px 12px}.bulk-bar strong{white-space:nowrap}.bulk-bar select,.bulk-bar input{min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);min-height:34px;padding:7px 9px}.reports-shell{display:grid;gap:16px;padding:16px 20px 32px}.calendar-list{display:grid;gap:8px}.calendar-item{display:grid;grid-template-columns:minmax(130px,.45fr) minmax(220px,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:7px;background:var(--surface);color:var(--text);padding:12px;text-align:left}.calendar-item:hover{border-color:var(--mj-light-teal)}.calendar-item small{display:block;color:var(--muted);font-size:11px;font-weight:700}.reports-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.report-filter-bar{display:flex;align-items:end;gap:8px;flex-wrap:wrap;justify-content:flex-end}.report-filter-bar label{display:grid;gap:4px;color:var(--muted);font-size:12px;font-weight:800}.report-filter-bar input{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);min-height:34px;padding:7px 9px}.reports-top h2{margin:2px 0 0;font-size:24px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px}.metric,.report-section{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.metric{display:grid;gap:6px;min-height:86px;padding:14px}.metric span,.report-footnote{color:var(--muted);font-size:12px;font-weight:700}.metric strong{font-size:26px}.metric.risk{border-color:#fd776373;background:#fd776314}.report-section{display:grid;gap:12px;padding:14px}.report-table{display:grid;gap:1px;overflow:auto;border:1px solid var(--line);border-radius:7px;background:var(--line)}.report-row{display:grid;grid-template-columns:minmax(170px,1.4fr) repeat(7,minmax(90px,1fr));align-items:center;gap:10px;min-width:920px;background:var(--surface);padding:10px;font-size:13px}.report-head{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.report-row small{display:block;color:var(--muted);font-size:11px;font-weight:700}.report-row i{display:block;height:4px;margin-top:5px;border-radius:999px;background:var(--brand)}.report-split{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:16px}.wip-list,.overdue-list{display:grid;gap:8px}.wip-item,.overdue-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:7px;padding:10px}.wip-item.risk{border-color:#fd776373;background:#fd776314}.overdue-item{display:grid;grid-template-columns:minmax(160px,1fr) minmax(90px,.7fr) auto auto}.overdue-item small{display:block;color:var(--muted);font-size:11px;font-weight:700}.quiet-empty{display:grid;place-items:center;min-height:96px;border:1px dashed var(--line);border-radius:7px;color:var(--muted);font-size:13px;font-weight:700}.quiet-empty.compact{min-height:58px}.history-list{display:grid;gap:8px}.history-item{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;border:1px solid var(--line);border-radius:7px;padding:10px}.history-item small{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-top:2px}.sheet-shell{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 8px 20px #141f320f;overflow:hidden}.sheet-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:#f7fbfb}.sheet-top h2{margin:0;color:var(--text);font-size:18px}.sheet-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.sheet-top-actions>span{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--brand);padding:5px 10px;font-size:12px;font-weight:900}.sheet-scroll{max-height:calc(100vh - 320px);min-height:360px;overflow:auto;background:var(--surface)}.task-sheet{width:100%;min-width:1360px;border-collapse:separate;border-spacing:0;color:var(--text);font-size:13px}.task-sheet th,.task-sheet td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:middle;white-space:nowrap}.task-sheet th{position:sticky;top:0;z-index:2;background:#eef7f8;color:var(--brand);font-size:11px;font-weight:900;text-transform:uppercase}.task-sheet tr th:last-child,.task-sheet tr td:last-child{border-right:0}.sheet-group-row td{position:sticky;top:35px;z-index:1;background:var(--surface-muted);color:var(--muted);padding:7px 10px;font-size:12px;font-weight:800}.sheet-group-row strong{color:var(--text);margin-right:8px}.sheet-row{animation:sheetRowIn .22s ease both;cursor:pointer;transition:background-color .14s ease,box-shadow .14s ease}.sheet-row:nth-child(2n) td{background:#fefffead}.sheet-row:hover td,.sheet-row.selected td{background:var(--brand-soft)}.sheet-row.moving td{opacity:.55}.subtask-row td{background:#77c5cc14!important}.worker-row td{background:#dbdbdc33!important;color:var(--muted)}.select-col{width:58px;text-align:center!important}.task-col{min-width:280px;max-width:360px}.actions-col{min-width:138px}.sheet-checkbox{width:16px;height:16px}.sheet-stage-select{min-width:126px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--text);padding:6px 8px;font-weight:800}.sheet-stage-select.compact-select{min-width:116px;max-width:132px;padding:5px 7px;font-size:12px}.sheet-time-input{width:78px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--text);padding:5px 6px;text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.sheet-time-input:focus,.sheet-stage-select:focus{outline:2px solid rgba(119,197,204,.35);border-color:var(--mj-light-teal)}.sheet-task-title{display:flex;align-items:center;gap:8px;white-space:normal!important}.sheet-expand{display:inline-grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border:1px solid var(--line);border-radius:5px;background:var(--surface-muted);color:var(--brand);font-size:12px;font-weight:900}.sheet-expand.empty{visibility:hidden}.sheet-priority-marker{width:5px;align-self:stretch;min-height:28px;border-radius:999px;background:var(--mj-light-teal)}.sheet-priority-marker.medium{background:var(--mj-dark-teal)}.sheet-priority-marker.high{background:var(--mj-coral)}.sheet-priority-marker.urgent{background:#b84436}.sheet-person{display:inline-flex;align-items:center;gap:7px;font-weight:800}.subtask-title{padding-left:28px!important}.worker-title{padding-left:52px!important}.sheet-tree-line{display:inline-block;width:14px;height:18px;border-left:2px solid var(--mj-light-teal);border-bottom:2px solid var(--mj-light-teal);border-radius:0 0 0 5px}.sheet-tree-line.worker{margin-left:-8px;border-color:var(--mj-dark-gray)}.number-cell{text-align:right!important;font-variant-numeric:tabular-nums;font-weight:800}.customer-status-pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:var(--surface-muted);color:var(--muted);padding:3px 8px;font-size:11px;font-weight:900}.customer-status-pill.pending-customer{border-color:#41969f4d;background:var(--brand-soft);color:var(--brand)}.customer-status-pill.accepted{border-color:#41969f4d;background:#41969f21;color:var(--brand)}.customer-status-pill.returned{border-color:#fd77634d;background:#fd77631f;color:#9c4638}.subtask-status-pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:var(--surface-muted);color:var(--muted);padding:3px 8px;font-size:11px;font-weight:900}.subtask-status-pill.in-progress{border-color:#41969f4d;background:var(--brand-soft);color:var(--brand)}.subtask-status-pill.work-done{border-color:#41969f4d;background:#41969f21;color:var(--brand)}.sheet-empty{padding:46px!important;text-align:center!important;color:var(--muted);font-weight:800}.kanban-grid{display:grid;grid-template-columns:190px repeat(var(--column-count),minmax(250px,1fr));align-items:stretch;min-width:980px;border:1px solid var(--line);border-radius:8px;background:var(--line);gap:1px;overflow:clip;box-shadow:0 8px 20px #141f320f}.corner-cell,.column-header,.customer-cell,.board-cell{background:var(--surface-muted)}.corner-cell{position:sticky;left:0;z-index:5;padding:14px;color:var(--muted);font-size:13px;font-weight:800}.column-header{position:sticky;top:84px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:58px;padding:12px;border-top:3px solid transparent;background:var(--surface)}.column-header.wip-exceeded{border-top-color:var(--mj-coral);background:#fd776314}.column-title{font-size:15px;font-weight:800;text-align:left}.wip-field{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.wip-field input{width:48px;height:28px;border:1px solid var(--line);border-radius:5px;padding:0 6px}.customer-cell{position:sticky;left:0;z-index:3;display:grid;align-content:start;gap:4px;min-height:190px;padding:14px;border-left:5px solid var(--brand);background:#f7fbfb}.customer-cell strong{font-size:14px}.customer-cell span{color:var(--muted);font-size:12px}.board-cell{min-height:190px;padding:10px;background:#fbfcfc;transition:background-color .14s ease,outline-color .14s ease}.board-cell.drop-active{background:var(--brand-soft);outline:2px solid var(--mj-light-teal);outline-offset:-2px}.board-cell.drop-active .drop-hint{animation:dropPulse .9s ease-in-out infinite alternate}.drop-hint{display:grid;place-items:center;min-height:72px;border:1px dashed var(--mj-light-teal);border-radius:6px;color:var(--muted);font-size:13px;font-weight:700}.card{position:relative;display:grid;gap:9px;margin-bottom:10px;border:1px solid var(--line);border-left-width:4px;border-radius:7px;background:var(--surface);padding:11px;box-shadow:0 2px 8px #141f3214;overflow:hidden;animation:cardEnter .26s ease both;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0%,rgba(119,197,204,.16) 45%,transparent 75%);opacity:0;transform:translate(-70%)}.card:hover{border-color:var(--mj-light-teal);box-shadow:0 8px 18px #141f321f;transform:translateY(-1px)}.card:hover:after{animation:cardShine .72s ease}.card.dragging{opacity:.45;transform:rotate(1deg) scale(.98)}.drag-overlay{width:240px;opacity:.95;animation:liftCard .18s ease both}.priority-low{border-left-color:var(--mj-light-teal)}.priority-medium{border-left-color:var(--mj-dark-teal)}.priority-high{border-left-color:var(--mj-coral)}.priority-urgent{border-left-color:#b84436}.card-topline,.card-footer,.card-meta,.detail-header,.section-title,.approval-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.drag-handle{border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);min-height:24px;padding:0 6px;font-size:11px;font-weight:800;cursor:grab;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.drag-handle:hover{border-color:var(--mj-light-teal);background:var(--brand-soft);transform:translateY(-1px)}.mini-action{border:1px solid var(--line);border-radius:5px;background:var(--surface-muted);color:var(--text);min-height:24px;padding:0 7px;font-size:11px;font-weight:800;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.card-check{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:11px;font-weight:800}.card-check input{width:14px;height:14px}.card-kicker{color:var(--brand);font-size:11px;font-weight:900;text-transform:uppercase}.mini-action:hover{border-color:var(--mj-light-teal);background:var(--surface);transform:translateY(-1px)}.mini-action.primary-mini{border-color:var(--brand);background:var(--brand);color:var(--surface)}.mini-action:disabled{cursor:not-allowed;opacity:.55;transform:none}.priority-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.priority-badge.low,.priority-badge.medium{color:var(--brand);background:var(--brand-soft)}.priority-badge.high{color:#b84436;background:#fd776329}.priority-badge.urgent{color:var(--surface);background:#b84436}.inline-text{border:0;background:transparent;padding:0;color:inherit}.inline-text:hover{text-decoration:underline}.inline-input{width:100%;border:1px solid var(--mj-light-teal);border-radius:5px;padding:5px 7px}.card-title{display:block;width:100%;color:var(--text);font-size:15px;font-weight:800;line-height:1.25;text-align:left}.card-meta,.card-footer{color:var(--muted);font-size:12px}.due-pill{border:1px solid var(--line);border-radius:999px;background:var(--surface-muted);color:var(--muted);padding:2px 7px;font-size:11px;font-weight:900;white-space:nowrap}.due-pill.soon,.due-pill.today{border-color:#fd776352;background:#fd77631a;color:#9c4638}.due-pill.late{border-color:var(--mj-coral);background:var(--mj-coral);color:var(--surface)}.due-pill.done{border-color:#41969f47;background:var(--brand-soft);color:var(--brand)}.waiting-note,.error-note{border:1px solid rgba(253,119,99,.28);border-radius:6px;background:#fd776314;color:#9c4638;padding:6px 8px;font-size:12px;font-weight:700}.error-note{border-color:#4b4d5038;background:#dbdbdc59;color:var(--mj-dark-gray)}.card-tags{display:flex;flex-wrap:wrap;gap:5px}.card-tags span{border:1px solid var(--line);border-radius:999px;background:var(--surface-muted);color:var(--muted);padding:2px 7px;font-size:11px;font-weight:800}.card-link{justify-self:start;color:var(--brand);font-size:12px;font-weight:800;text-decoration:none}.card-link:hover{text-decoration:underline}.card-footer strong{color:var(--text)}.assignee-pill{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--text);font-weight:800}.avatar{width:24px;height:24px;border-radius:50%;background:var(--mj-light-teal);color:var(--mj-dark-gray);font-size:10px}.accepted-ribbon,.correction-tag{border-radius:5px;padding:4px 6px;font-size:11px;font-weight:800}.accepted-ribbon{color:var(--brand);background:var(--brand-soft)}.correction-tag{color:#9c4638;background:#fd77631f}.empty-board{grid-column:1 / -1;padding:48px;text-align:center;background:var(--surface);color:var(--muted);font-weight:700}.side-panel{position:fixed;top:0;right:0;z-index:50;display:grid;align-content:start;gap:18px;width:min(480px,100vw);height:100vh;padding:20px;overflow:auto;border-left:1px solid var(--line);background:var(--surface);box-shadow:-18px 0 40px #141f3224}.side-panel .task-setup-grid,.side-panel .task-hero-metrics,.side-panel .score-explainer{grid-template-columns:1fr}.task-page{display:grid;gap:16px;min-height:100vh;padding:18px 20px 36px;background:var(--page)}.task-page-top,.task-page-content{width:min(980px,100%);margin:0 auto}.task-page-top{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px}.task-page-top h1{margin:2px 0 0;font-size:24px}.task-page-content{display:grid;gap:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:18px}.task-detail-hero{display:grid;gap:14px;border:1px solid rgba(65,150,159,.24);border-radius:8px;background:linear-gradient(180deg,#f7fbfb 0%,var(--surface) 100%);padding:16px}.task-detail-title{display:flex;align-items:flex-start;gap:12px}.task-detail-title h2{margin:2px 0 0;color:var(--text);font-size:22px;line-height:1.18}.task-status-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stage-pill{display:inline-flex;align-items:center;border:1px solid rgba(65,150,159,.3);border-radius:999px;background:var(--brand-soft);color:var(--brand);padding:3px 9px;font-size:11px;font-weight:900}.task-hero-metrics,.score-explainer{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:8px}.score-explainer{grid-template-columns:repeat(3,minmax(120px,1fr))}.metric-tile{display:grid;gap:4px;min-height:58px;border:1px solid var(--line);border-radius:7px;background:var(--page-soft);padding:9px}.metric-tile span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.metric-tile strong{min-width:0;overflow:hidden;color:var(--text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.task-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-fieldset{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px}.task-section-nav{position:sticky;top:0;z-index:8;display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fefffef5;padding:8px;box-shadow:0 8px 20px #141f3214;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.task-section-links,.task-section-actions{display:flex;flex-wrap:wrap;gap:6px}.task-section-actions{justify-content:flex-end}.task-section-nav button,.collapsible-summary{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);min-height:30px;padding:0 9px;font-size:12px;font-weight:800}.task-section-nav button:hover,.collapsible-summary:hover{border-color:var(--mj-light-teal)}.task-section-actions button{color:var(--brand)}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-top h2{margin:0;font-size:20px}.form-stack,.panel-section,.time-editor,.subtask-editor,.project-type-list{display:grid;gap:12px}.settings-tabs{display:flex;flex-wrap:wrap;gap:6px}.settings-tabs button{border:1px solid var(--line);border-radius:6px;background:var(--surface-muted);color:var(--text);min-height:32px;padding:0 10px;font-size:12px;font-weight:800}.settings-tabs button.active{border-color:var(--brand);background:var(--brand);color:var(--surface)}.settings-section{display:grid;gap:10px}.settings-section h3{margin:0;font-size:16px}.settings-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(90px,.65fr) auto auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:8px}.settings-row.add-row,.settings-row.two-actions{grid-template-columns:minmax(130px,1fr) auto auto}.settings-row.user-row{grid-template-columns:minmax(92px,.55fr) minmax(130px,1fr) minmax(100px,.65fr) minmax(110px,.7fr) auto auto}.settings-row.user-row.add-row{grid-template-columns:minmax(92px,.55fr) minmax(130px,1fr) minmax(100px,.65fr) minmax(110px,.7fr) auto}.settings-row input,.settings-row select{min-width:0;border:1px solid var(--line);border-radius:6px;min-height:34px;padding:7px 9px}.check-cell{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.muted{color:var(--muted);font-size:12px;font-weight:700}.template-create,.template-list,.export-grid{display:grid;gap:10px}.template-item{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:10px}.template-editor{grid-template-columns:1fr 1fr;align-items:end}.template-editor .field,.template-editor .check-cell,.template-editor .template-actions{min-width:0}.template-editor .field:has(textarea),.template-actions{grid-column:1 / -1}.template-actions{display:flex;gap:8px;justify-content:flex-end}.template-item small{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-top:2px}.field{display:grid;gap:6px}.field span,.derived-field,.helper-text{color:var(--muted);font-size:12px;font-weight:700}.field input,.field select,.field textarea,.add-row input,.project-type-row input{width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);min-height:36px;padding:8px 10px}.field textarea{min-height:72px;resize:vertical}.two-column-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-section,.time-editor,.subtask-editor{border-top:1px solid var(--line);padding-top:14px}.collapsible-section{scroll-margin-top:96px}.collapsible-summary{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:10px;width:100%;min-height:38px;text-align:left}.collapsible-summary strong{color:var(--brand)}.collapsible-summary i{color:var(--muted);font-style:normal;font-size:16px;line-height:1}.collapsible-body{display:grid;gap:12px}.collapsible-section.collapsed{padding-bottom:0}.worker-editor{display:grid;gap:10px;border:1px solid var(--line);border-radius:7px;background:var(--surface-muted);padding:10px}.subtask-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.subtask-summary-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px;box-shadow:0 6px 16px #141f320f}.subtask-summary-card h3{margin:8px 0 0;font-size:15px}.subtask-summary-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.subtask-modal-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#4b4d506b;padding:18px}.subtask-modal{display:grid;gap:12px;width:min(820px,96vw);max-height:min(860px,92vh);overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:14px;box-shadow:0 24px 70px #141f3238}.subtask-modal-top{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--surface);padding-bottom:10px}.subtask-modal-top h2{margin:2px 0 0;font-size:20px}.checklist-list,.delivery-grid{display:grid;gap:8px}.delivery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.checklist-item{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;border:1px solid var(--line);border-radius:7px;background:var(--surface-muted);padding:10px}.checklist-item.done{border-color:#41969f66;background:#77c5cc24}.checklist-item span{display:grid;gap:2px}.checklist-item small{color:var(--muted)}.section-title h3{margin:0;font-size:15px}.section-title strong{color:var(--brand)}.add-row,.project-type-row{display:flex;align-items:center;gap:8px}.add-row input,.project-type-row input{flex:1}.approval-row{justify-content:flex-start;color:var(--brand);font-size:13px;font-weight:800}.approval-row.disabled{color:var(--muted)}.toast{position:fixed;right:20px;bottom:20px;z-index:70;max-width:min(420px,calc(100vw - 40px));border:1px solid var(--line);border-radius:7px;background:var(--text);color:var(--surface);padding:12px 14px;box-shadow:0 12px 30px #141f323d;font-weight:700}.login-screen{display:grid;place-items:center;min-height:100vh;padding:24px;background:var(--page)}.login-panel{width:min(440px,100%);border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:24px;box-shadow:0 18px 50px #141f321f}.login-copy{color:var(--muted);margin:8px 0 18px}.login-users{display:grid;gap:10px}.login-user{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:7px;background:var(--surface-muted);min-height:52px;padding:0 14px;text-align:left}.login-user span{font-weight:800}.login-user strong{color:var(--muted);font-size:12px}@keyframes cardEnter{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sheetRowIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cardShine{0%{opacity:0;transform:translate(-70%)}35%{opacity:1}to{opacity:0;transform:translate(70%)}}@keyframes liftCard{0%{transform:rotate(0) scale(.98)}to{transform:rotate(1deg) scale(1.02)}}@keyframes dropPulse{0%{border-color:var(--mj-light-teal);background:#77c5cc14}to{border-color:var(--brand);background:#77c5cc33}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:900px){.topbar,.reports-top{align-items:flex-start;flex-direction:column}.board-shell{padding:12px}.kanban-grid{min-width:720px;grid-template-columns:150px repeat(var(--column-count),190px)}.sheet-scroll{max-height:none}.task-sheet{min-width:1180px}.task-setup-grid,.task-hero-metrics,.score-explainer,.two-column-fields,.filter-bar,.work-view-controls,.saved-view-bar,.delivery-grid,.bulk-bar,.settings-row.user-row,.settings-row.user-row.add-row,.calendar-item{grid-template-columns:1fr}}