:root{--rp-primary: #e8521a;--rp-on-primary: #ffffff;--rp-primary-container: #fff0eb;--rp-on-primary-container: #e8521a;--rp-surface: #faf8f4;--rp-on-surface: #1a1814;--rp-surface-lowest: #ffffff;--rp-surface-container: #f2efe8;--rp-surface-container-high: #e8e3d9;--rp-outline: #ddd9d0;--rp-outline-variant: #c5bfb4;--rp-muted: #7a756c;--rp-error: #dc2626;--rp-info: #2563eb;--rp-info-container: #eff6ff;--rp-success: #16a34a;--rp-success-container: #dcfce7;--rp-warning: #d97706;--rp-warning-container: #fef3c7;--rp-radius-sm: 8px;--rp-radius-md: 12px;--rp-radius-lg: 16px;--rp-space-1: 4px;--rp-space-2: 8px;--rp-space-3: 12px;--rp-space-4: 16px;--rp-space-6: 24px;--rp-space-8: 32px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:13.5px;font-weight:400;color:var(--rp-on-surface);background:var(--rp-surface)}code,.mono{font-family:DM Mono,ui-monospace,monospace;font-size:12px}button,input{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.shell-sidenav{background:var(--rp-surface-lowest);border-right:1px solid var(--rp-outline);padding:var(--rp-space-4) var(--rp-space-2)}.nav-brand{display:block;padding:var(--rp-space-3) var(--rp-space-4);margin-bottom:var(--rp-space-4);font-size:16px;font-weight:600;letter-spacing:-.2px}.brand-accent{color:var(--rp-primary)}.brand-separator{color:var(--rp-muted);margin:0 var(--rp-space-1)}.nav-item{display:flex;align-items:center;gap:var(--rp-space-2);padding:10px var(--rp-space-3);border-radius:var(--rp-radius-sm);color:var(--rp-on-surface);text-decoration:none}.nav-item.active{background:var(--rp-primary-container);color:var(--rp-on-primary-container)}.nav-item .material-icons{font-size:20px}.shell-content{display:flex;flex-direction:column;min-width:0}.shell-toolbar{display:flex;align-items:center;min-height:64px;padding:0 var(--rp-space-6);background:var(--rp-surface-lowest);border-bottom:1px solid var(--rp-outline)}.spacer{flex:1}.profile-area{display:flex;align-items:center;gap:var(--rp-space-4)}.profile-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.profile-name{font-weight:600}.role-badge{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--rp-primary);background:var(--rp-primary-container);padding:2px var(--rp-space-2);border-radius:var(--rp-radius-sm)}.shell-main{padding:var(--rp-space-6);display:flex;flex-direction:column;gap:var(--rp-space-4)}.page-header{display:flex;flex-direction:column;gap:var(--rp-space-1)}.page-title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.3px}.page-subtitle{margin:0;color:var(--rp-muted)}.card,.table-card,.form-card{border:1px solid var(--rp-outline);border-radius:var(--rp-radius-md);background:var(--rp-surface-lowest)}.form-card,.warn,.info-banner{padding:var(--rp-space-4)}.form-card h2,.form-card h3{margin:0 0 var(--rp-space-3);font-size:16px}.form-row{display:flex;flex-wrap:wrap;gap:var(--rp-space-3);align-items:flex-end}.field{display:flex;flex-direction:column;gap:var(--rp-space-1);min-width:220px;flex:1}.field label{font-size:12px;font-weight:600;color:var(--rp-muted)}.field input{width:100%;padding:10px 12px;border:1px solid var(--rp-outline);border-radius:var(--rp-radius-sm);background:var(--rp-surface-lowest)}.field input:focus{outline:2px solid var(--rp-primary-container);border-color:var(--rp-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--rp-space-1);padding:8px 14px;border-radius:var(--rp-radius-sm);border:1px solid transparent;cursor:pointer;font-weight:600;background:var(--rp-primary);color:var(--rp-on-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--rp-on-surface);border-color:var(--rp-outline)}.btn-ghost{background:transparent;color:var(--rp-primary);padding:4px 8px;font-weight:600}.info-banner{background:var(--rp-info-container);border:1px solid #bfdbfe;color:var(--rp-info);border-radius:var(--rp-radius-md)}.warn{background:var(--rp-warning-container);border:1px solid #fcd34d;border-radius:var(--rp-radius-md)}.warn h3{margin:0 0 var(--rp-space-2)}.cred-row{display:flex;align-items:center;gap:var(--rp-space-2);margin:var(--rp-space-2) 0;flex-wrap:wrap}.table-card{overflow:auto}table.fleet{width:100%;border-collapse:collapse}table.fleet th,table.fleet td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--rp-outline);vertical-align:middle}table.fleet th{font-size:12px;color:var(--rp-muted);font-weight:600;letter-spacing:.3px}table.fleet tr:last-child td{border-bottom:0}table.fleet tbody tr:hover{background:var(--rp-surface-container)}.status-chip{display:inline-flex;align-items:center;padding:2px var(--rp-space-2);border-radius:var(--rp-radius-sm);font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.status-online{color:var(--rp-success);background:var(--rp-success-container)}.status-offline{color:var(--rp-error);background:#fee2e2}.empty-panel,.error-panel{padding:var(--rp-space-8);text-align:center;color:var(--rp-muted)}.error-panel{color:var(--rp-error)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--rp-space-6)}.login-card{width:min(420px,100%);padding:var(--rp-space-8);background:var(--rp-surface-lowest);border:1px solid var(--rp-outline);border-radius:var(--rp-radius-lg)}.login-card h1{margin:0 0 var(--rp-space-2);font-size:22px}.login-card p{color:var(--rp-muted);margin:0 0 var(--rp-space-4)}.login-card .btn{width:100%}@media(max-width:860px){.shell{grid-template-columns:1fr}.shell-sidenav{border-right:0;border-bottom:1px solid var(--rp-outline)}}