:root{--colour-bg:#fff;--colour-text:#1a1a1a;--colour-text-muted:#555;--colour-primary:#005fcc;--colour-primary-hover:#049;--colour-primary-text:#fff;--colour-border:#767676;--colour-border-light:#ccc;--colour-focus:#ff8c00;--colour-nav-bg:#1a2a3a;--colour-nav-text:#fff;--colour-nav-hover:#2a3a4a;--colour-nav-active:#005fcc;--colour-header-bg:#0d1b2a;--colour-header-text:#fff;--colour-alert-success-bg:#d4edda;--colour-alert-success-text:#155724;--colour-alert-error-bg:#f8d7da;--colour-alert-error-text:#721c24;--colour-alert-warning-bg:#fff3cd;--colour-alert-warning-text:#860;--colour-status-running:#155724;--colour-status-stopped:#721c24;--colour-status-warning:#860;--font-ui:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-mono:"Courier New", Courier, monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius:4px;--max-width:1200px;--sidebar-width:240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:100%}body{font-family:var(--font-ui);color:var(--colour-text);background:var(--colour-bg);line-height:1.5}a{color:var(--colour-primary);text-decoration:underline}a:hover{color:var(--colour-primary-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--colour-focus);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--colour-border-light)}th{border-bottom-color:var(--colour-border);font-weight:600}img{max-width:100%;display:block}.skip-link{top:-100%;left:var(--spacing-md);background:var(--colour-primary);color:var(--colour-primary-text);padding:var(--spacing-sm) var(--spacing-md);z-index:1000;border-radius:var(--radius);font-weight:600;text-decoration:none;position:absolute}.skip-link:focus{top:var(--spacing-sm)}.app-layout{min-height:100vh;display:flex}.app-header{background:var(--colour-header-bg);color:var(--colour-header-text);padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.app-header h1{margin:0;font-size:1.125rem;font-weight:600}.app-header .user-info{font-size:.875rem}.app-header .logout-btn{border:1px solid var(--colour-header-text);color:var(--colour-header-text);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius);margin-left:var(--spacing-md);background:0 0;font-size:.875rem}.app-header .logout-btn:hover{background:#ffffff1a}.app-sidebar{width:var(--sidebar-width);background:var(--colour-nav-bg);color:var(--colour-nav-text);flex-direction:column;flex-shrink:0;display:flex}.app-sidebar .nav-section-label{text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-md) var(--spacing-md) var(--spacing-xs);color:#ffffff80;font-size:.75rem;font-weight:600}.app-sidebar a{padding:var(--spacing-sm) var(--spacing-md);color:var(--colour-nav-text);border-left:3px solid #0000;font-size:.9375rem;text-decoration:none;display:block}.app-sidebar a:hover{background:var(--colour-nav-hover);color:var(--colour-nav-text)}.app-sidebar a.active{background:var(--colour-nav-active);border-left-color:var(--colour-focus);font-weight:600}.app-main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.app-main{padding:var(--spacing-xl);max-width:var(--max-width);flex:1;width:100%}.app-main h2{margin-bottom:var(--spacing-lg);font-size:1.5rem}.app-footer{padding:var(--spacing-md) var(--spacing-xl);color:var(--colour-text-muted);border-top:1px solid var(--colour-border-light);font-size:.8125rem}.login-page{background:var(--colour-nav-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--colour-bg);padding:var(--spacing-xl);border-radius:var(--radius);width:100%;max-width:400px}.login-card h1{margin-bottom:var(--spacing-lg);font-size:1.25rem}.form-group{margin-bottom:var(--spacing-md)}.form-group label{margin-bottom:var(--spacing-xs);font-weight:600;display:block}.form-group input{width:100%;padding:var(--spacing-sm);border:2px solid var(--colour-border);border-radius:var(--radius);font-family:var(--font-ui);font-size:1rem}.btn-primary{background:var(--colour-primary);color:var(--colour-primary-text);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius);border:none;width:100%;font-size:1rem;font-weight:600}.btn-primary:hover{background:var(--colour-primary-hover)}.btn-secondary{color:var(--colour-primary);border:2px solid var(--colour-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius);background:0 0;font-size:.875rem;font-weight:600}.btn-secondary:hover{background:var(--colour-primary);color:var(--colour-primary-text)}.btn-danger{color:var(--colour-alert-error-text);border:2px solid var(--colour-alert-error-text);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius);background:0 0;font-size:.875rem;font-weight:600}.btn-danger:hover{background:var(--colour-alert-error-text);color:var(--colour-primary-text)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}@media (width<=768px){.app-layout{flex-direction:column}.app-sidebar{width:100%}.app-sidebar a{border-bottom:3px solid #0000;border-left:none;display:inline-block}.app-sidebar a.active{border-left-color:#0000;border-bottom-color:var(--colour-focus)}}.stat-cards{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--colour-header-bg);color:var(--colour-header-text);padding:var(--spacing-lg);border-radius:var(--radius)}.stat-card dt{margin-bottom:var(--spacing-xs);opacity:.8;font-size:.875rem}.stat-card dd{font-size:1.75rem;font-weight:700}.alert{padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-md);border:1px solid}.alert-success{background:var(--colour-alert-success-bg);color:var(--colour-alert-success-text);border-color:var(--colour-alert-success-text)}.alert-error{background:var(--colour-alert-error-bg);color:var(--colour-alert-error-text);border-color:var(--colour-alert-error-text)}.alert-warning{background:var(--colour-alert-warning-bg);color:var(--colour-alert-warning-text);border-color:var(--colour-alert-warning-text)}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);font-size:.8125rem;font-weight:600;display:inline-block}.status-running{background:var(--colour-alert-success-bg);color:var(--colour-status-running)}.status-stopped{background:var(--colour-alert-error-bg);color:var(--colour-status-stopped)}.status-warning{background:var(--colour-alert-warning-bg);color:var(--colour-status-warning)}.data-table-wrapper{margin-bottom:var(--spacing-xl)}.data-table caption{text-align:left;margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:600}.data-table tbody tr:nth-child(2n){background:#f8f9fa}.data-table tbody tr:hover{background:#e9ecef}.tab-list{border-bottom:2px solid var(--colour-border-light);margin-bottom:var(--spacing-lg);display:flex}.tab-list button{padding:var(--spacing-sm) var(--spacing-lg);color:var(--colour-text-muted);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;font-size:1rem;font-weight:600}.tab-list button:hover{color:var(--colour-text)}.tab-list button[aria-selected=true]{color:var(--colour-primary);border-bottom-color:var(--colour-primary)}.panel{border:1px solid var(--colour-border-light);border-radius:var(--radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.panel-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.panel-header h3{margin:0;font-size:1.125rem}.loading{padding:var(--spacing-xl);text-align:center;color:var(--colour-text-muted)}.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--colour-text-muted);border:2px dashed var(--colour-border-light);border-radius:var(--radius)}.action-group{gap:var(--spacing-sm);display:flex}.sr-live-region{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--colour-bg);border-radius:var(--radius);padding:var(--spacing-xl);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:var(--spacing-lg);font-size:1.25rem}.modal-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);justify-content:flex-end;display:flex}