.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.header-left{display:flex;align-items:flex-start;gap:var(--spacing-md)}.back-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-top:4px}.back-button:hover{background:var(--hover-light);color:var(--color-primary);border-color:var(--color-primary)}.back-button svg{flex-shrink:0}.header-content h1{margin:0;font-size:1.875rem;font-weight:600}.header-content p{margin:var(--spacing-xs) 0 0;color:var(--text-secondary)}.header-action{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer}.header-action:hover{background:var(--color-primary-dark);text-decoration:none}.table-container{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-color);overflow-x:auto;overflow-y:hidden}.table-container--sticky{max-height:70vh;overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:.5rem .75rem;text-align:left;font-size:.6875rem;font-weight:var(--sap-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table--sticky thead th{position:sticky;top:0;z-index:1}.data-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary)}.data-table th.is-right,.data-table td.is-right{text-align:right}.data-table th.is-center,.data-table td.is-center{text-align:center}.data-table td.is-numeric{font-variant-numeric:tabular-nums}.data-table tbody tr:hover{background:var(--bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.table-loading,.table-empty{padding:var(--spacing-xl);text-align:center;background:#fff;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow)}.table-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.table-empty__glyph{font-size:1.75rem;color:var(--text-muted);line-height:1;margin-bottom:.5rem}.table-empty__title{font-size:.9375rem;font-weight:var(--sap-font-weight-semibold, 600);color:var(--text-primary);margin:0}.table-empty__hint{font-size:.8125rem;color:var(--text-muted);margin:.35rem 0 0}.table-empty__action{margin-top:.9rem}.filter-bar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-search{flex:1;min-width:200px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem}.filter-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-primary)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--sap-border-radius, .25rem);font-weight:600;font-size:.75rem;line-height:1.2;white-space:nowrap;border:1px solid transparent}.status-badge--small{padding:.125rem .375rem;font-size:.6875rem;gap:.25rem}.status-badge--medium{padding:.25rem .625rem;font-size:.75rem}.status-badge--large{padding:.375rem .875rem;font-size:.875rem;gap:.5rem}.status-badge__icon{display:flex;align-items:center;justify-content:center;font-size:.875em}.status-badge--small .status-badge__icon{font-size:.75em}.status-badge--large .status-badge__icon{font-size:1em}.status-badge__label{text-transform:none}.status-badge--success{background-color:var(--sap-success-bg, #f1fdf6);color:var(--sap-success-color, #107e3e);border-color:var(--sap-success-color, #107e3e)}.status-badge--warning{background-color:var(--sap-warning-bg, #fff8f0);color:var(--sap-warning-color, #e9730c);border-color:var(--sap-warning-color, #e9730c)}.status-badge--danger{background-color:var(--sap-error-bg, #fff0f0);color:var(--sap-error-color, #bb0000);border-color:var(--sap-error-color, #bb0000)}.status-badge--neutral{background-color:#f5f5f5;color:var(--sap-neutral-text, #6a6d70);border-color:var(--sap-neutral-text, #6a6d70)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){.status-badge{border-width:2px}.status-badge--success,.status-badge--warning,.status-badge--danger,.status-badge--neutral{background-color:transparent}}@media (prefers-color-scheme: dark){.status-badge--success{background-color:#107e3e26}.status-badge--warning{background-color:#e9730c26}.status-badge--danger{background-color:#bb000026}.status-badge--neutral{background-color:#6a6d7026}}.task-list-page{max-width:1400px}.task-title-cell{display:flex;align-items:center;gap:.5rem}.priority-indicator{width:4px;height:24px;border-radius:2px;flex-shrink:0}.priority-critical{background:var(--sap-error-color)}.priority-high{background:var(--sap-warning-color)}.priority-medium{background:var(--sap-information-color)}.priority-low{background:var(--sap-success-color)}.task-title{font-weight:500;color:var(--sap-title-color)}.task-description{color:var(--sap-neutral-text);font-size:.8125rem}.countdown-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.status-badge{display:inline-block;padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-not-started{background:var(--sap-background-color);color:var(--sap-neutral-text)}.status-in-progress{background:var(--sap-information-bg);color:var(--sap-information-color)}.status-pending-approval{background:var(--sap-warning-bg);color:var(--sap-warning-color)}.status-completed{background:var(--sap-success-bg);color:var(--sap-success-color)}.status-overdue{background:var(--sap-error-bg);color:var(--sap-error-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--sap-base-bg);border-radius:var(--sap-border-radius);box-shadow:var(--sap-shadow-level-3);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--sap-group-content-border)}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--sap-title-color)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--sap-neutral-text);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s}.modal-close:hover{background:var(--sap-background-color)}.task-form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--sap-title-color);margin-bottom:.375rem}.form-group input[type=text],.form-group input[type=date],.form-group textarea,.form-group select{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid var(--sap-group-content-border);border-radius:var(--sap-border-radius);background:var(--sap-base-bg);color:var(--sap-text-color);transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--sap-brand-color);box-shadow:0 0 0 2px #002b5c1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin:0}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--sap-group-content-border)}.btn-primary{background:var(--sap-brand-color);color:#fff;border:none;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:var(--sap-border-radius);cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--sap-highlight-color)}.btn-secondary{background:var(--sap-base-bg);color:var(--sap-text-color);border:1px solid var(--sap-group-content-border);padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:var(--sap-border-radius);cursor:pointer;transition:background .15s}.btn-secondary:hover{background:var(--sap-background-color)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.modal-content{margin:1rem;max-width:calc(100% - 2rem)}}.multi-select-list{border:1px solid var(--sap-group-content-border);border-radius:var(--sap-border-radius);max-height:200px;overflow-y:auto;background:var(--sap-base-bg)}.multi-select-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--sap-group-content-border);margin:0}.multi-select-item:last-child{border-bottom:none}.multi-select-item:hover{background:var(--sap-background-color)}.multi-select-item input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.multi-select-item span{font-size:.875rem;color:var(--sap-text-color)}.task-owners{display:flex;flex-wrap:wrap;gap:.25rem}.owner-chip{font-size:.8125rem;color:var(--sap-text-color)}.linked-badge{font-size:.6875rem;padding:.125rem .375rem;background:var(--sap-background-color);border-radius:.25rem;color:var(--sap-neutral-text);margin-left:.5rem}.form-hint{display:block;font-size:.75rem;color:var(--sap-neutral-text);margin-top:.25rem}.form-hint.error{color:var(--sap-error-color)}.btn-primary:disabled{background:var(--sap-neutral-border);cursor:not-allowed;opacity:.6}.btn-primary:disabled:hover{background:var(--sap-neutral-border)}.recurring-editor{background:var(--sap-base-bg);border-radius:var(--sap-border-radius);box-shadow:var(--sap-shadow-level-1);padding:1.25rem 1.5rem;max-width:760px;margin:0 auto 1.5rem}.recurring-editor h2{margin-top:0}.form-group .recurring-inline{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}.form-group .recurring-inline select,.form-group .recurring-inline input[type=number]{width:auto;min-width:4.5rem}.form-group input[type=number],.form-group input[type=time]{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid var(--sap-group-content-border);border-radius:var(--sap-border-radius);background:var(--sap-base-bg);color:var(--sap-text-color)}@media (max-width: 640px){.recurring-editor{padding:1rem}}
