:root{color-scheme:light;--surface: #f5f6f9;--surface-raised: #ffffff;--surface-sunken: #eceef3;--surface-hover: #e9ebf1;--surface-overlay: rgba(17, 20, 28, .5);--text: #13161d;--text-muted: #565d6b;--text-subtle: #646b79;--border: #dcdfe6;--border-strong: #868c98;--accent: var(--tag-blue);--accent-hover: color-mix(in srgb, var(--tag-blue) 82%, #000000);--accent-text: color-mix(in srgb, var(--tag-blue) 86%, #000000);--accent-soft: color-mix(in srgb, var(--tag-blue) 12%, var(--surface-raised));--on-accent: #ffffff;--danger: var(--tag-red);--danger-text: color-mix(in srgb, var(--tag-red) 74%, #000000);--danger-solid: color-mix(in srgb, var(--tag-red) 82%, #000000);--danger-solid-hover: color-mix(in srgb, var(--tag-red) 70%, #000000);--danger-soft: color-mix(in srgb, var(--tag-red) 12%, var(--surface-raised));--on-danger: #ffffff;--success: var(--tag-green);--success-text: color-mix(in srgb, var(--tag-green) 62%, #000000);--success-soft: color-mix(in srgb, var(--tag-green) 16%, var(--surface-raised));--progress-fill: color-mix(in srgb, var(--tag-green) 80%, #000000);--warning: var(--tag-amber);--warning-text: color-mix(in srgb, var(--tag-amber) 58%, #000000);--warning-soft: color-mix(in srgb, var(--tag-amber) 18%, var(--surface-raised));--space-0: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans Arabic", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--leading-tight: 1.25;--leading-normal: 1.5;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(17, 20, 28, .06);--shadow-md: 0 2px 6px rgba(17, 20, 28, .08), 0 1px 2px rgba(17, 20, 28, .05);--shadow-lg: 0 12px 32px rgba(17, 20, 28, .16);--transition-fast: .12s ease;--transition: .16s ease;--page-max: 1180px;--sidebar-width: 216px;--header-height: 56px;--control-height: 34px;--swatch-size: 26px;--focus-ring: 2px solid var(--accent);--focus-offset: 2px;--qr-paper: #ffffff}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--surface: #101218;--surface-raised: #191c24;--surface-sunken: #15171e;--surface-hover: #232732;--surface-overlay: rgba(0, 0, 0, .62);--text: #e8eaf0;--text-muted: #a3aab8;--text-subtle: #838b9a;--border: #2b2f3a;--border-strong: #6a7080;--accent: color-mix(in srgb, var(--tag-blue) 68%, #ffffff);--accent-hover: color-mix(in srgb, var(--tag-blue) 50%, #ffffff);--accent-text: color-mix(in srgb, var(--tag-blue) 62%, #ffffff);--accent-soft: color-mix(in srgb, var(--tag-blue) 22%, var(--surface-raised));--on-accent: #0b0d12;--danger-text: color-mix(in srgb, var(--tag-red) 72%, #ffffff);--danger-soft: color-mix(in srgb, var(--tag-red) 20%, var(--surface-raised));--success-text: color-mix(in srgb, var(--tag-green) 78%, #ffffff);--success-soft: color-mix(in srgb, var(--tag-green) 18%, var(--surface-raised));--progress-fill: var(--tag-green);--warning-text: color-mix(in srgb, var(--tag-amber) 84%, #ffffff);--warning-soft: color-mix(in srgb, var(--tag-amber) 20%, var(--surface-raised));--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 6px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{color-scheme:dark;--surface: #101218;--surface-raised: #191c24;--surface-sunken: #15171e;--surface-hover: #232732;--surface-overlay: rgba(0, 0, 0, .62);--text: #e8eaf0;--text-muted: #a3aab8;--text-subtle: #838b9a;--border: #2b2f3a;--border-strong: #6a7080;--accent: color-mix(in srgb, var(--tag-blue) 68%, #ffffff);--accent-hover: color-mix(in srgb, var(--tag-blue) 50%, #ffffff);--accent-text: color-mix(in srgb, var(--tag-blue) 62%, #ffffff);--accent-soft: color-mix(in srgb, var(--tag-blue) 22%, var(--surface-raised));--on-accent: #0b0d12;--danger-text: color-mix(in srgb, var(--tag-red) 72%, #ffffff);--danger-soft: color-mix(in srgb, var(--tag-red) 20%, var(--surface-raised));--success-text: color-mix(in srgb, var(--tag-green) 78%, #ffffff);--success-soft: color-mix(in srgb, var(--tag-green) 18%, var(--surface-raised));--progress-fill: var(--tag-green);--warning-text: color-mix(in srgb, var(--tag-amber) 84%, #ffffff);--warning-soft: color-mix(in srgb, var(--tag-amber) 20%, var(--surface-raised));--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 6px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html{block-size:100%}body{margin:0;min-block-size:100%;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--weight-semibold)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}a{color:var(--accent-text)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring);outline-offset:0;border-color:var(--accent)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);background:var(--surface-raised);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app{min-block-size:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);block-size:var(--header-height);background:var(--surface-raised);border-block-end:1px solid var(--border);position:sticky;inset-block-start:0;z-index:20}.app-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:var(--text-lg);letter-spacing:-.01em;color:var(--text);text-decoration:none;white-space:nowrap}.app-brand-mark{display:inline-grid;place-items:center;inline-size:var(--swatch-size);block-size:var(--swatch-size);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-size:var(--text-xs);font-weight:var(--weight-bold)}.app-header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-2)}.current-user{display:flex;flex-direction:column;line-height:1.2;text-align:end;margin-inline-end:var(--space-2)}.current-user-email{font-size:var(--text-sm);font-weight:var(--weight-medium)}.current-user-role{font-size:var(--text-xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em}.app-body{display:flex;flex:1;min-block-size:0;align-items:stretch}.app-nav{inline-size:var(--sidebar-width);flex:none;padding:var(--space-4) var(--space-3);border-inline-end:1px solid var(--border);background:var(--surface-raised);display:flex;flex-direction:column;gap:var(--space-1)}.app-nav-group{display:flex;flex-direction:column;gap:var(--space-0)}.app-nav-group+.app-nav-group{margin-block-start:var(--space-5)}.app-nav-heading{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--text-subtle);padding:0 var(--space-3) var(--space-2);margin:0}.app-nav a{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-size:var(--text-md);font-weight:var(--weight-medium);transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.app-nav a:hover{background:var(--surface-hover);color:var(--text)}.app-nav a.active{background:var(--accent-soft);color:var(--accent-text);font-weight:var(--weight-semibold)}.app-content{flex:1;min-inline-size:0;padding:var(--space-6) var(--space-5) var(--space-8)}.page{max-inline-size:var(--page-max);margin-inline:auto}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding-block-end:var(--space-4);margin-block-end:var(--space-5);border-block-end:1px solid var(--border)}.page-header h1{margin:0}.page-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.page-header-actions .back-link,.page-header-actions .cross-link{margin-block-end:0}.hint{color:var(--text-muted);font-size:var(--text-md)}.back-link,.cross-link{display:inline-block;margin-block-end:var(--space-3);color:var(--accent-text);text-decoration:none;font-size:var(--text-md);font-weight:var(--weight-medium)}.back-link:hover,.cross-link:hover{text-decoration:underline}.back-link:before{content:"←";margin-inline-end:var(--space-1)}[dir=rtl] .back-link:before{content:"→"}button,.button{font:inherit;font-size:var(--text-md);font-weight:var(--weight-medium);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-block-size:var(--control-height);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}button:hover:not(:disabled),.button:hover{background:var(--surface-hover);border-color:var(--border-strong)}button:active:not(:disabled){background:var(--surface-sunken)}button:disabled,button[aria-disabled=true]{cursor:not-allowed;background:var(--surface-sunken);border-color:var(--border);color:var(--text-subtle);box-shadow:none}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:var(--weight-semibold);box-shadow:var(--shadow-sm)}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.primary:disabled{background:var(--surface-sunken);border-color:var(--border);color:var(--text-subtle)}button.danger{color:var(--danger-text);border-color:var(--border-strong)}button.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger);color:var(--danger-text)}button.danger.primary{background:var(--danger-solid);border-color:var(--danger-solid);color:var(--on-danger)}button.danger.primary:hover:not(:disabled){background:var(--danger-solid-hover);border-color:var(--danger-solid-hover)}button.subtle{border-color:transparent;background:transparent}button.subtle:hover:not(:disabled){background:var(--surface-hover);border-color:transparent}.link-button{border:none;background:none;color:var(--accent-text);padding:0 var(--space-1);min-block-size:0;text-decoration:underline;font-weight:var(--weight-medium)}.link-button:hover:not(:disabled){background:none;color:var(--accent-hover)}.icon-button{padding:var(--space-2);min-inline-size:var(--control-height)}input,select,textarea{font:inherit;font-size:var(--text-md);padding:var(--space-2) var(--space-3);min-block-size:var(--control-height);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text);transition:border-color var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-sunken);color:var(--text-subtle);cursor:not-allowed}.resource-form{display:flex;flex-direction:column;gap:var(--space-4);max-inline-size:480px;margin:0 0 var(--space-6);padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.resource-form h2{margin:0;font-size:var(--text-lg)}.resource-form-wide{max-inline-size:780px}.field{display:flex;flex-direction:column;gap:var(--space-1);border:none;padding:0;margin:0;min-inline-size:0}.field>span,.field>legend{font-size:var(--text-md);font-weight:var(--weight-semibold);padding:0;color:var(--text)}.field em{font-weight:400;color:var(--text-subtle);font-style:normal}.field [aria-invalid=true]{border-color:var(--danger)}.field [aria-invalid=true]:focus-visible{outline-color:var(--danger)}.field-error{color:var(--danger-text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.field-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.field-row .field{flex:1 1 180px}.form-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;padding-block-start:var(--space-2);border-block-start:1px solid var(--border)}.colour-field{gap:var(--space-2)}.colour-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.colour-swatch{inline-size:var(--swatch-size);block-size:var(--swatch-size);min-block-size:0;padding:0;border-radius:var(--radius-full);border:2px solid var(--border);transition:transform var(--transition-fast),border-color var(--transition-fast)}.colour-swatch:hover:not(:disabled){transform:scale(1.12)}.colour-swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--surface-raised) inset}.colour-input{inline-size:110px}.colour-chip{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm)}.colour-dot{inline-size:14px;block-size:14px;border-radius:var(--radius-full);border:1px solid var(--border-strong);flex:none}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block-end:var(--space-4);padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg)}.toolbar-search{flex:1 1 220px;min-inline-size:160px}.toolbar-filter,.toolbar-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);color:var(--text-muted)}.view-switch{display:flex}.view-switch button{border-radius:0}.view-switch button:first-child{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.view-switch button:last-child{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md);margin-inline-start:-1px}.view-switch button.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);font-weight:var(--weight-semibold);z-index:1}.table-scroll{overflow-x:auto;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.data-table{inline-size:100%;border-collapse:collapse;font-size:var(--text-md)}.data-table th,.data-table td{text-align:start;padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border);vertical-align:middle}.data-table th{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);background:var(--surface-sunken);white-space:nowrap}.data-table tbody tr:last-child td{border-block-end:none}.data-table tbody tr:hover{background:var(--surface-hover)}.actions-column{text-align:end;white-space:nowrap}.actions-column button{margin-inline-start:var(--space-2)}.data-table tr.row-delayed td:first-child{box-shadow:inset 3px 0 0 var(--danger)}[dir=rtl] .data-table tr.row-delayed td:first-child{box-shadow:inset -3px 0 0 var(--danger)}.avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid transparent;flex:none}.avatar-initials{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--weight-semibold);letter-spacing:.02em}.employee-cell,.task-cell{display:flex;align-items:center;gap:var(--space-3);color:var(--text);text-decoration:none;font-weight:var(--weight-medium)}.employee-cell:hover span,.task-cell:hover span:last-child{text-decoration:underline}.task-colour-dot{inline-size:10px;block-size:10px;border-radius:var(--radius-full);flex:none}.task-colour-bar{inline-size:8px;block-size:48px;border-radius:var(--radius-sm);flex:none}.loading-state{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);color:var(--text-muted);justify-content:center}.loading-state:before{content:"";inline-size:15px;block-size:15px;border:2px solid var(--border-strong);border-block-start-color:var(--accent);border-radius:var(--radius-full);animation:ttms-spin .7s linear infinite}@keyframes ttms-spin{to{transform:rotate(360deg)}}.empty-state{padding:var(--space-7) var(--space-5);text-align:center;color:var(--text-muted);background:var(--surface-raised);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.error,.success{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--weight-medium);margin-block:var(--space-3)}.error{color:var(--danger-text);background:var(--danger-soft);border-inline-start:3px solid var(--danger)}.success{color:var(--success-text);background:var(--success-soft);border-inline-start:3px solid var(--success)}.error:before{content:"⚠"}.success:before{content:"✓"}.detail-header{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding-block-end:var(--space-4);margin-block-end:var(--space-5);border-block-end:1px solid var(--border)}.detail-header h1{margin:0 0 var(--space-1)}.detail-header p{margin:0;color:var(--text-muted)}.detail-actions{margin-inline-start:auto;display:flex;gap:var(--space-2);flex-wrap:wrap}.detail-fields{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-3) var(--space-6);margin:0;padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.detail-fields dt{font-weight:var(--weight-semibold);color:var(--text-subtle);font-size:var(--text-md)}.detail-fields dd{margin:0}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-start:var(--space-4);font-size:var(--text-md)}.pagination-summary{color:var(--text-muted)}.pagination-position{color:var(--text-muted);font-variant-numeric:tabular-nums}.pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:50}.modal{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);max-inline-size:460px;inline-size:100%}.modal h2{margin:0 0 var(--space-3);font-size:var(--text-lg)}.modal p{margin:0 0 var(--space-3);color:var(--text-muted)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-block-start:var(--space-5);flex-wrap:wrap}.board-hint{margin:0 0 var(--space-3);color:var(--text-subtle);font-size:var(--text-md)}.task-board{display:flex;gap:var(--space-3);align-items:flex-start;overflow-x:auto;padding-block-end:var(--space-2)}.task-board.busy{opacity:.6;pointer-events:none}.board-column{flex:1 0 232px;min-inline-size:232px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-lg);transition:background var(--transition-fast),border-color var(--transition-fast)}.board-column.drop-target{border-color:var(--accent);background:var(--accent-soft)}.board-column-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border)}.board-column-header h2{margin:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.board-column-count{font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-0) var(--space-2);border-radius:var(--radius-full);background:var(--surface-raised);border:1px solid var(--border);color:var(--text-muted)}.board-column-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);min-block-size:90px}.board-column-body .empty-state{padding:var(--space-4) var(--space-2);font-size:var(--text-sm);background:none;border:none}.board-column-more{font-size:var(--text-xs);margin:var(--space-1) 0 0;color:var(--text-subtle)}.task-card{background:var(--surface-raised);border:1px solid var(--border);border-inline-start:3px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.task-card:hover{box-shadow:var(--shadow-md)}.task-card[draggable=true]{cursor:grab}.task-card[draggable=true]:active{cursor:grabbing}.task-card.delayed{border-color:var(--danger);border-inline-start-color:var(--danger)}.task-card-title{color:var(--text);text-decoration:none;font-weight:var(--weight-semibold);font-size:var(--text-md)}.task-card-title:hover{text-decoration:underline}.task-card-meta,.task-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-xs)}.task-type{padding:var(--space-0) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.task-deadline{color:var(--text-muted)}.task-deadline.late{color:var(--danger-text);font-weight:var(--weight-semibold)}.task-assignee{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);text-decoration:none}.task-sprint{color:var(--accent-text);text-decoration:none;font-weight:var(--weight-medium)}.task-sprint:hover{text-decoration:underline}.phase-control{margin:0 0 var(--space-5)}.phase-steps{display:flex;flex-wrap:wrap}.phase-step{border-radius:0;margin-inline-start:-1px}.phase-step:first-child{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md);margin-inline-start:0}.phase-step:last-child{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.phase-step.current{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);font-weight:var(--weight-semibold);z-index:1}.phase-step:focus-visible{z-index:2}.sprint-progress{display:inline-flex;align-items:center;gap:var(--space-2)}.sprint-progress-track{display:inline-block;inline-size:90px;block-size:8px;border-radius:var(--radius-full);background:var(--surface-sunken);border:1px solid var(--border);overflow:hidden;flex:none}.sprint-progress-fill{display:block;block-size:100%;background:var(--progress-fill);border-radius:var(--radius-full)}.sprint-progress-label{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.sprint-summary{margin:0 0 var(--space-5);color:var(--text-muted)}.checkbox-list{list-style:none;margin:0;padding:0;max-block-size:260px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.checkbox-list label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md)}.status-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-0) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.status-badge.ok{background:var(--success-soft);color:var(--success-text)}.status-badge.missing{background:var(--danger-soft);color:var(--danger-text)}.integrations-section .hint,.twofactor-section .hint{color:var(--text-muted);font-size:var(--text-md)}.integrations-list{display:flex;flex-direction:column;gap:var(--space-3);margin-block-start:var(--space-4)}.integration-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5)}.integration-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.masked-secret{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-2) 0 0}.integration-edit-form{display:flex;flex-direction:column;gap:var(--space-2);margin-block-start:var(--space-3);max-inline-size:380px}.integration-edit-actions,.integration-actions{display:flex;gap:var(--space-2);margin-block-start:var(--space-3);flex-wrap:wrap}.twofactor-section{margin-block-start:var(--space-7)}.twofactor-enrol{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);margin-block-start:var(--space-4);max-inline-size:480px}.twofactor-steps{margin:0;padding-inline-start:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.twofactor-qr{margin-block-start:var(--space-2);background:var(--qr-paper);padding:var(--space-3);inline-size:max-content;border:1px solid var(--border-strong);border-radius:var(--radius-md)}.twofactor-qr-note{font-size:var(--text-xs);color:var(--text-subtle);margin:var(--space-2) 0 0}.recovery-codes{font-family:var(--font-mono);font-size:var(--text-sm);columns:2;margin:var(--space-2) 0 0;padding-inline-start:var(--space-5)}.twofactor-confirm{display:flex;gap:var(--space-2);margin-block-start:var(--space-2);flex-wrap:wrap}.auth-page{display:flex;align-items:center;justify-content:center;min-block-size:100vh;padding:var(--space-5);background:var(--surface)}.auth-card{display:flex;flex-direction:column;gap:var(--space-3);inline-size:100%;max-inline-size:360px;padding:var(--space-7);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.auth-card h1{margin:0 0 var(--space-2);text-align:center;font-size:var(--text-xl)}.placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);text-align:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.placeholder-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-text)}.placeholder h2{margin:0;font-size:var(--text-xl)}.placeholder p{margin:0;max-inline-size:46ch;color:var(--text-muted)}.placeholder-links{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-block-start:var(--space-2)}@media (max-width: 900px){.app-body{flex-direction:column}.app-nav{inline-size:100%;flex-direction:row;align-items:center;gap:var(--space-1);overflow-x:auto;padding:var(--space-2) var(--space-3);border-inline-end:none;border-block-end:1px solid var(--border);position:sticky;inset-block-start:var(--header-height);z-index:10}.app-nav-group{flex-direction:row;gap:var(--space-1)}.app-nav-group+.app-nav-group{margin-block-start:0}.app-nav-group+.app-nav-group:before{content:"";inline-size:1px;align-self:stretch;background:var(--border);margin-inline:var(--space-2)}.app-nav-heading{display:none}.app-content{padding:var(--space-5) var(--space-4) var(--space-7)}}@media (max-width: 600px){.app-header{padding-inline:var(--space-4);gap:var(--space-3)}.current-user{display:none}.app-content{padding:var(--space-4) var(--space-3) var(--space-6)}.page-header{gap:var(--space-3)}.page-header h1{font-size:var(--text-xl)}.toolbar{padding:var(--space-3);gap:var(--space-2)}.toolbar-search{flex-basis:100%}.resource-form{padding:var(--space-4)}.detail-fields{grid-template-columns:1fr;gap:var(--space-1);padding:var(--space-4)}.detail-fields dd{margin-block-end:var(--space-3)}.detail-actions{margin-inline-start:0;inline-size:100%}.board-column{flex-basis:84vw;min-inline-size:84vw}.recovery-codes{columns:1}.modal{padding:var(--space-5)}}