:root{--colour-primary: #1A2B4A;--colour-primary-hover: #162340;--colour-primary-active: #0F1A33;--colour-accent: #2E5F8A;--colour-accent-light: #E8F0F7;--colour-surface: #FFFFFF;--colour-background: #F5F7FA;--colour-border: #D1D9E0;--colour-border-strong: #A8B8C8;--colour-text-primary: #1C2B3A;--colour-text-secondary: #5A6B7A;--colour-text-muted: #8A9BA8;--colour-text-inverse: #FFFFFF;--colour-success: #2E7D52;--colour-success-bg: #DCFCE7;--colour-warning: #B45309;--colour-warning-bg: #FEF3C7;--colour-error: #B91C1C;--colour-error-bg: #FEE2E2;--colour-info: #2E5F8A;--colour-info-bg: #E8F0F7;--colour-neutral-bg: #F1F5F9;--colour-neutral-text: #5A6B7A;--font-primary: "Inter", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);color:var(--colour-text-primary);background:var(--colour-background);line-height:var(--leading-normal)}a{color:var(--colour-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}table{border-collapse:collapse}.app-shell{display:grid;grid-template-rows:56px 1fr;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}.top-bar{grid-column:1 / -1;background:var(--colour-surface);border-bottom:1px solid var(--colour-border);display:flex;align-items:center;padding:0 var(--space-6);justify-content:space-between}.top-bar__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--colour-text-primary)}.top-bar__meta{display:flex;align-items:center;gap:var(--space-4)}.top-bar__opco{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--colour-text-secondary);padding:var(--space-1) var(--space-3);background:var(--colour-neutral-bg);border-radius:4px}.top-bar__user{font-size:var(--text-sm);color:var(--colour-text-secondary)}.top-bar__role{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--colour-accent);text-transform:uppercase;letter-spacing:.05em}.sidebar{background:var(--colour-primary);display:flex;flex-direction:column;padding:0;overflow-y:auto;overflow-x:hidden}.sidebar__header{padding:var(--space-5) var(--space-5);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar__app-name{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--colour-text-inverse);letter-spacing:-.02em;line-height:var(--leading-tight)}.sidebar__app-subtitle{font-size:var(--text-xs);color:#ffffff80;margin-top:var(--space-1);letter-spacing:.02em}.sidebar__opco-badge{margin:var(--space-3) var(--space-5);padding:var(--space-2) var(--space-3);background:#ffffff14;border-radius:4px;font-size:var(--text-xs);color:#ffffffb3;font-family:var(--font-mono);font-weight:var(--weight-medium)}.sidebar__section-label{padding:var(--space-4) var(--space-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#ffffff59;text-transform:uppercase;letter-spacing:.08em}.sidebar__nav{list-style:none;padding:0 var(--space-3);margin:0}.sidebar__nav-item{margin-bottom:2px}.sidebar__nav-link{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:var(--weight-regular);color:#ffffffb8;text-decoration:none;border-radius:6px;transition:background .15s ease,color .15s ease;border-left:3px solid transparent}.sidebar__nav-link:hover{background:#ffffff14;color:#fffffff2}.sidebar__nav-link--active{background:var(--colour-accent-light);color:var(--colour-primary);font-weight:var(--weight-semibold);border-left-color:var(--colour-accent)}.sidebar__subnav{list-style:none;padding:var(--space-1) 0 var(--space-1) var(--space-4);margin:0;border-left:1px solid rgba(255,255,255,.12);margin-left:var(--space-5)}.sidebar__subnav-link{display:block;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-regular);color:#ffffff8c;text-decoration:none;border-radius:4px;transition:color .15s ease,background .15s ease}.sidebar__subnav-link:hover{color:#ffffffd9;background:#ffffff0f}.sidebar__subnav-link--active{color:#fffffff2;font-weight:var(--weight-medium)}.content-area{background:var(--colour-background);overflow-y:auto;padding:var(--space-6)}.content-inner{max-width:1280px}.page{display:flex;flex-direction:column;gap:0}.page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.page__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--colour-text-primary)}.page-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--colour-text-primary);margin-bottom:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:100px;padding:0 var(--space-4);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:6px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--loading{position:relative;color:transparent;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--primary{background:var(--colour-primary);color:var(--colour-text-inverse);border-color:var(--colour-primary)}.btn--primary:hover:not(:disabled){background:var(--colour-primary-hover);border-color:var(--colour-primary-hover)}.btn--primary:active:not(:disabled){background:var(--colour-primary-active)}.btn--secondary{background:var(--colour-surface);color:var(--colour-primary);border-color:var(--colour-primary)}.btn--secondary:hover:not(:disabled){background:var(--colour-accent-light)}.btn--secondary:active:not(:disabled){background:var(--colour-border)}.btn--destructive{background:var(--colour-error);color:var(--colour-text-inverse);border-color:var(--colour-error)}.btn--destructive:hover:not(:disabled){background:#991b1b;border-color:#991b1b}.btn--ghost{background:transparent;color:var(--colour-accent);border-color:transparent;font-weight:var(--weight-regular)}.btn--ghost:hover:not(:disabled){background:var(--colour-accent-light)}.btn--sm{height:30px;min-width:72px;font-size:var(--text-sm);padding:0 var(--space-3)}.btn-group{display:flex;gap:var(--space-3);align-items:center}.btn-group--modal{justify-content:flex-end}.input{display:block;width:100%;height:36px;padding:0 var(--space-3);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--colour-text-primary);background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:6px;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.input::placeholder{color:var(--colour-text-muted)}.input:focus{border-color:var(--colour-primary);box-shadow:0 0 0 2px #1a2b4a26}.input:disabled,.input[readonly]{background:var(--colour-background);color:var(--colour-text-secondary);cursor:default}.input[readonly]:focus{border-color:var(--colour-border);box-shadow:none}.textarea{min-height:80px;height:auto;padding:var(--space-2) var(--space-3);resize:vertical;line-height:var(--leading-relaxed)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235A6B7A' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--colour-text-secondary);margin-bottom:var(--space-1)}.label--required:after{content:" *";color:var(--colour-error)}.field{margin-bottom:var(--space-4)}.field__hint{font-size:var(--text-sm);color:var(--colour-text-muted);margin-top:var(--space-1)}.field__error{font-size:var(--text-sm);color:var(--colour-error);margin-top:var(--space-1)}.input--error{border-color:var(--colour-error)}.input--error:focus{box-shadow:0 0 0 2px #b91c1c26}.form-grid{display:grid;gap:var(--space-4);align-items:start}.form-grid--2{grid-template-columns:repeat(2,1fr)}.form-grid--3{grid-template-columns:repeat(3,1fr)}.form-grid--4{grid-template-columns:repeat(4,1fr)}.toolbar{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.toolbar .field{margin-bottom:0}.toolbar--sm{gap:var(--space-3)}.table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--colour-border);border-radius:8px}.table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.table thead tr{background:var(--colour-primary)}.table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:13px;font-weight:var(--weight-semibold);color:var(--colour-text-inverse);white-space:nowrap;border-bottom:none}.table thead th:first-child{border-radius:8px 0 0}.table thead th:last-child{border-radius:0 8px 0 0}.table tbody tr{border-bottom:1px solid var(--colour-border);transition:background .1s ease}.table tbody tr:nth-child(2n){background:var(--colour-background)}.table tbody tr:nth-child(odd){background:var(--colour-surface)}.table tbody tr:hover{background:var(--colour-accent-light)}.table tbody tr:last-child{border-bottom:none}.table td{padding:var(--space-3) var(--space-4);color:var(--colour-text-primary);vertical-align:middle}.table td.cell--mono,.table td.cell--code{font-family:var(--font-mono);font-size:13px}.table td.cell--number,.table th.cell--number{text-align:right;font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:after{content:" ↕";opacity:.4;font-size:11px}.table th.sort--asc:after{content:" ↑";opacity:1}.table th.sort--desc:after{content:" ↓";opacity:1}.table tfoot tr{background:var(--colour-primary);border-top:2px solid var(--colour-primary)}.table tfoot td{font-weight:var(--weight-semibold);color:var(--colour-text-inverse);padding:var(--space-3) var(--space-4)}.table td.cell--muted,.table th.cell--muted{color:var(--colour-text-muted);font-style:italic;font-size:var(--text-sm)}.table tbody tr.row--child,.table tbody tr.row--child:hover{background:var(--colour-accent-light)}.table td.cell--child{padding-left:var(--space-8);border-left:3px solid var(--colour-primary);color:var(--colour-text-secondary)}.table thead th.cell--header{background:var(--colour-background);color:var(--colour-text-primary);font-weight:var(--weight-semibold);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--colour-border);padding-left:var(--space-5);overflow-x:auto;background:var(--colour-surface)}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--colour-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .1s ease,border-color .1s ease;line-height:var(--leading-normal)}.tab:hover{color:var(--colour-text-primary)}.tab--active{font-weight:var(--weight-semibold);color:var(--colour-accent);border-bottom-color:var(--colour-accent)}.card{background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:8px;box-shadow:0 1px 3px #0000000f}.card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--colour-border);display:flex;align-items:center;justify-content:space-between}.card__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--colour-text-primary)}.card__body{padding:var(--space-5)}.card__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--colour-border);background:var(--colour-background);border-radius:0 0 8px 8px;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.card--child{border-left:3px solid var(--colour-accent);border-radius:0 8px 8px 0;margin-left:var(--space-6)}.card--grandchild{border-left:3px solid var(--colour-border-strong);border-radius:0 8px 8px 0;margin-left:var(--space-8)}.stat-card{background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:8px;padding:var(--space-4)}.stat-card__label{font-size:var(--text-sm);color:var(--colour-text-secondary);margin-bottom:var(--space-1)}.stat-card__value{font-size:22px;font-weight:var(--weight-bold);color:var(--colour-primary);font-family:var(--font-mono)}.stat-card__sub{font-size:var(--text-xs);color:var(--colour-text-muted);margin-top:var(--space-1)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--colour-surface);border-radius:12px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;width:100%}.modal--sm{max-width:480px}.modal--default{max-width:640px}.modal--lg{max-width:900px}.modal--xl{max-width:1100px}.modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--colour-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--colour-text-primary)}.modal__close{font-size:var(--text-lg);color:var(--colour-text-muted);cursor:pointer;background:none;border:none;padding:var(--space-1);line-height:1}.modal__close:hover{color:var(--colour-text-primary)}.modal__body{padding:var(--space-6);overflow-y:auto;flex:1;background:linear-gradient(var(--colour-surface) 30%,transparent) center top / 100% 40px no-repeat local,linear-gradient(transparent,var(--colour-surface) 70%) center bottom / 100% 40px no-repeat local,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.1),transparent) center top / 100% 14px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.1),transparent) center bottom / 100% 14px no-repeat scroll}.modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--colour-border);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}.modal__footer .btn--cancel{margin-right:auto}.modal--destructive .modal__header{border-bottom-color:var(--colour-error-bg)}.modal--destructive .modal__title{color:var(--colour-error)}.modal__consequence{background:var(--colour-error-bg);border:1px solid #FECACA;border-radius:6px;padding:var(--space-4);font-size:var(--text-sm);color:var(--colour-error);margin-bottom:var(--space-4)}.banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:6px;border-left:4px solid;margin-bottom:var(--space-5);font-size:var(--text-sm)}.banner__text{flex:1;line-height:var(--leading-relaxed)}.banner__dismiss{cursor:pointer;opacity:.6}.banner__dismiss:hover{opacity:1}.banner--info{background:var(--colour-info-bg);border-left-color:var(--colour-info);color:var(--colour-info)}.banner--warning{background:var(--colour-warning-bg);border-left-color:var(--colour-warning);color:var(--colour-warning)}.banner--error{background:var(--colour-error-bg);border-left-color:var(--colour-error);color:var(--colour-error)}.banner--success{background:var(--colour-success-bg);border-left-color:var(--colour-success);color:var(--colour-success)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:4px;font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;letter-spacing:.01em}.badge--success{background:var(--colour-success-bg);color:var(--colour-success)}.badge--warning{background:var(--colour-warning-bg);color:var(--colour-warning)}.badge--error{background:var(--colour-error-bg);color:var(--colour-error)}.badge--info{background:var(--colour-info-bg);color:var(--colour-info)}.badge--neutral{background:var(--colour-neutral-bg);color:var(--colour-neutral-text)}.badge--primary{background:var(--colour-primary);color:var(--colour-text-inverse)}.rag{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-mono)}.rag:before{content:"●";font-size:10px}.rag--green{color:var(--colour-success)}.rag--amber{color:var(--colour-warning)}.rag--red{color:var(--colour-error)}.rag--overdue{color:var(--colour-error);animation:rag-pulse 1.4s ease-in-out infinite}.rag--grey{color:var(--colour-text-muted)}@keyframes rag-pulse{0%,to{opacity:1}50%{opacity:.4}}.steps{display:flex;align-items:center;gap:0;margin-bottom:var(--space-6);border:1px solid var(--colour-border);border-radius:8px;overflow:hidden}.step{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--colour-text-secondary);background:var(--colour-surface);border-right:1px solid var(--colour-border);cursor:pointer;transition:background .15s ease;text-align:center}.step:last-child{border-right:none}.step:hover{background:var(--colour-accent-light);color:var(--colour-primary)}.step--active{background:var(--colour-primary);color:var(--colour-text-inverse);font-weight:var(--weight-semibold)}.step--complete{background:var(--colour-background);color:var(--colour-success)}.step__number{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.6;margin-right:var(--space-1)}.filter-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:8px}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--colour-accent-light);color:var(--colour-accent);border-radius:4px;font-size:var(--text-xs);font-weight:var(--weight-medium)}.filter-chip__remove{cursor:pointer;opacity:.6;font-size:10px}.filter-chip__remove:hover{opacity:1}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--colour-text-secondary)}.pagination__controls{display:flex;gap:var(--space-1)}.pagination__btn{height:30px;min-width:30px;padding:0 var(--space-2);border:1px solid var(--colour-border);border-radius:4px;background:var(--colour-surface);font-size:var(--text-sm);cursor:pointer;color:var(--colour-text-primary);transition:background .1s}.pagination__btn:hover{background:var(--colour-accent-light)}.pagination__btn--active{background:var(--colour-primary);color:var(--colour-text-inverse);border-color:var(--colour-primary)}.skeleton{background:linear-gradient(90deg,var(--colour-border) 25%,var(--colour-background) 50%,var(--colour-border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:14px;margin-bottom:8px}.skeleton--title{height:20px;width:40%;margin-bottom:12px}.skeleton--cell{height:14px;width:80%}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:2000;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{padding:var(--space-3) var(--space-4);background:var(--colour-primary);color:var(--colour-text-inverse);border-radius:6px;font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:0 4px 16px #0003;animation:toast-in .2s ease forwards;pointer-events:all;max-width:320px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-regular{font-weight:var(--weight-regular)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.font-mono{font-family:var(--font-mono)}.text-primary{color:var(--colour-text-primary)}.text-secondary{color:var(--colour-text-secondary)}.text-muted{color:var(--colour-text-muted)}.text-inverse{color:var(--colour-text-inverse)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.w-full{width:100%}.section-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--colour-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-2) 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}