:root{--petrol-900:#004e6c;--petrol-700:oklch(51.8939% .0657109 232.793);--petrol-500:oklch(66.9271% .0451763 232.793);--petrol-100:oklch(92.7841% .00985668 232.793);--petrol-050:oklch(96.9934% .00410699 232.793);--petrol-dark:oklch(33.8873% .0821386 232.793);--white:#fff;--ink-900:#1a1a1a;--ink-700:#3a3a3a;--ink-500:#6b6b6b;--ink-300:#a3a3a3;--ink-150:#d8d8d8;--ink-100:#e8e8e8;--ink-050:#f5f5f4;--color-primary:var(--petrol-900);--color-primary-hover:var(--petrol-dark);--color-primary-tint:var(--petrol-050);--surface-page:var(--white);--surface-card:var(--white);--surface-sunken:var(--ink-050);--text-heading:var(--ink-900);--text-body:.9375rem;--text-muted:var(--ink-500);--text-on-primary:var(--white);--text-link:var(--petrol-900);--text-link-hover:var(--petrol-dark);--border-hairline:var(--petrol-900);--border-subtle:var(--ink-150);--border-muted:var(--ink-100);--color-danger:#a4372c;--color-danger-bg:#fdece9;--color-success:#3b6e45;--color-success-bg:#eaf3ea;--color-warning:#8a6414;--color-warning-bg:#fdf3df;--font-sans:"Helvetica Neue Sub", "Helvetica Neue", Arial, "Roboto", sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--tracking-wide:.04em;--tracking-wider:.12em;--tracking-widest:.22em;--text-h1:2rem;--text-h2:1.5rem;--text-h3:1.125rem;--text-body-lg:1.0625rem;--text-small:.8125rem;--text-caption:.6875rem;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.55;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-none:0px;--radius-sm:2px;--radius-control:8px;--radius-card:12px;--radius-container:14px;--border-width-hairline:1px;--border-width-heavy:2px;--shadow-card:0 1px 3px #00000014;--shadow-modal:0 12px 32px #00000029;--shadow-none:none}@font-face{font-family:Helvetica Neue Sub;src:local(Helvetica Neue Light),local(HelveticaNeue-Light),local(Helvetica Neue);font-weight:300;font-style:normal}@font-face{font-family:Helvetica Neue Sub;src:local(Helvetica Neue),local(Arial);font-weight:400;font-style:normal}@font-face{font-family:Helvetica Neue Sub;src:local(Helvetica Neue Medium),local(Helvetica Neue);font-weight:500;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-weight:var(--font-weight-light);font-size:var(--text-body);line-height:var(--leading-normal)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3{font-family:var(--font-sans);font-weight:var(--font-weight-light)}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}.app-shell{height:100%;display:flex;overflow:hidden}.app-sidebar{background:var(--petrol-dark);flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow-y:auto}.app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.app-header{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--surface-page);display:flex}.app-content{min-height:0;padding:var(--space-6);flex:1;overflow:auto}.nav-group{flex-direction:column;gap:1px;display:flex}.nav-group-label{font-size:var(--text-caption);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:color-mix(in srgb, var(--petrol-100) 65%, transparent);padding:0 20px 8px}.nav-button{text-align:left;width:100%;color:var(--petrol-100);cursor:pointer;font-size:var(--text-body);background:0 0;border:none;border-left:3px solid #0000;border-radius:0;padding:11px 20px;display:block}.nav-button:hover:not(:disabled){background:color-mix(in srgb, var(--white) 8%, transparent)}.nav-button[data-active=true]{background:var(--petrol-700);color:var(--white);border-left-color:var(--white)}.nav-button:disabled{color:color-mix(in srgb, var(--petrol-100) 40%, transparent);cursor:default}.btn{border-radius:var(--radius-control);border:1px solid var(--border-subtle);color:var(--text-body);font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--text-body);letter-spacing:var(--tracking-wide);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:10px 18px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--petrol-050)}.btn:disabled{opacity:.5;cursor:default}.btn-accent{color:var(--color-primary);border-color:var(--color-primary)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-sm{font-size:var(--text-small);padding:6px 14px}.btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.panel{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.panel-header{padding:var(--space-4) var(--space-4) var(--space-2);border-bottom:1px solid var(--border-muted)}.panel-body{padding:var(--space-4)}.stat-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.stat-tile{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-3) var(--space-4);min-width:140px;box-shadow:var(--shadow-card)}.stat-tile .stat-label{font-size:var(--text-caption);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.stat-tile .stat-value{font-family:var(--font-sans);font-size:var(--text-h1);font-weight:var(--font-weight-light);color:var(--text-heading);margin-top:2px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;font-size:var(--text-caption);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-primary);background:var(--petrol-050);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-muted);vertical-align:middle}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:var(--petrol-050)}.data-table tbody tr[data-selected=true]{background:var(--petrol-100)}.badge{font-size:var(--text-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);background:var(--petrol-100);color:var(--color-primary);white-space:nowrap;padding:3px 10px;display:inline-block}.badge-neutral{background:var(--ink-100);color:var(--ink-700)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.field-label{font-size:var(--text-small);color:var(--text-muted);margin-bottom:6px;display:block}.field-input,.field-select,.field-textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-page);width:100%;color:var(--text-body);font-size:var(--text-body);padding:10px 14px}.field-textarea{font-family:var(--font-sans);resize:vertical}.field-input:focus,.field-select:focus,.field-textarea:focus{outline:2px solid color-mix(in srgb, var(--color-primary) 40%, transparent);border-color:var(--color-primary)}.filter-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.tab-row{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4);gap:2px;display:flex}.tab-button{cursor:pointer;font-size:var(--text-small);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px}.tab-button[data-active=true]{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-medium)}.muted{color:var(--text-muted)}.page-title{font-size:var(--text-h1);font-weight:var(--font-weight-light);color:var(--text-heading)}.page-subtitle{color:var(--text-muted);font-size:var(--text-small);margin-top:2px}.empty-state{padding:var(--space-8);text-align:center;color:var(--text-muted)}.loading-state{padding:var(--space-6);color:var(--text-muted)}.modal-overlay{background:color-mix(in srgb, var(--ink-900) 45%, transparent);padding:var(--space-8) var(--space-4);z-index:100;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{background:var(--surface-card);border-radius:var(--radius-card);box-shadow:var(--shadow-modal);width:100%;max-width:560px}.modal-header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;max-height:70vh;display:flex;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);display:flex}.field-row{gap:var(--space-3);display:flex}.field-row>*{flex:1;min-width:0}.picker{position:relative}.picker-results{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-modal);z-index:10;max-height:220px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto}.picker-result{cursor:pointer;font-size:var(--text-body);padding:7px 10px}.picker-result:hover{background:var(--petrol-050)}.picker-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--petrol-050);font-size:var(--text-body);justify-content:space-between;align-items:center;padding:7px 10px;display:flex}