:root{--app-surface: #ffffff;--app-bg: #eef2f6;--drawer-from: #0f2d4a;--drawer-to: #2d4e68;--text-on-drawer: rgba(255,255,255,.92);--text-on-drawer-muted: rgba(255,255,255,.65);--accent: #0ea5a8;--shadow-lg: 0 10px 20px rgba(20, 40, 60, .15);--shadow-md: 0 6px 12px rgba(20, 40, 60, .1);--radius-lg: 14px;--radius-md: 10px}html,body{background:var(--app-bg)}vaadin-app-layout::part(navbar){background:var(--app-surface);box-shadow:var(--shadow-md)}vaadin-app-layout::part(drawer){background:linear-gradient(180deg,var(--drawer-to),var(--drawer-from));color:var(--text-on-drawer);padding:14px 12px}vaadin-app-layout::part(content){background:transparent}.app-drawer{padding:6px 8px 16px;gap:6px}.app-drawer h4,.app-drawer .section-title{margin:16px 8px 6px;font-size:var(--lumo-font-size-m);color:var(--text-on-drawer-muted);font-weight:600}.app-drawer a{display:block;color:var(--text-on-drawer);text-decoration:none;padding:10px 12px;border-radius:8px}.app-drawer a:hover{background:#ffffff14}.app-drawer a[highlight]{background:#ffffff26;box-shadow:inset 0 0 0 1px #ffffff2e}.content-area{padding:24px;max-width:1400px;margin:0 auto;box-sizing:border-box}.card{background:var(--app-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:18px 20px}.card+.card{margin-top:18px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:12px;background:#fff3;color:var(--text-on-drawer);font-size:12px}.helicopter-card{background-color:var(--lumo-base-color);box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.helicopter-card:hover{transform:scale(1.02);box-shadow:0 10px 24px #00000038;position:relative;z-index:2}@media (max-width: 1200px){.helicopter-card:hover{transform:scale(1.01)}}@media (max-width: 900px){.helicopter-card:hover{transform:none}}.status-badge-optimal{background-color:#28a745;color:#fff;padding:4px 8px;border-radius:4px}.status-badge-warning{background-color:#ffc107;color:#000}.status-badge-critical{background-color:#dc3545;color:#fff}.helicopter-grid{max-width:100%;margin:0 auto}.cards-wrap{box-sizing:border-box;padding:var(--lumo-space-m);padding-left:calc(var(--lumo-space-m) + 12px);padding-right:calc(var(--lumo-space-m) + 12px);overflow:visible}.helicopter-grid{overflow:visible}.helicopter-grid::part(body-cell),.helicopter-grid::part(header-cell),.helicopter-grid::part(footer-cell){overflow:visible}.helicopter-grid::part(body){overflow:visible}.helicopter-grid::part(items){overflow:visible}vaadin-progress-bar.bar-green::part(value){background-color:var(--lumo-success-color)}vaadin-progress-bar.bar-yellow::part(value){background-color:var(--lumo-warning-color)}vaadin-progress-bar.bar-red::part(value){background-color:var(--lumo-error-color)}vaadin-progress-bar.bar-green::part(bar),vaadin-progress-bar.bar-yellow::part(bar),vaadin-progress-bar.bar-red::part(bar){background-color:var(--lumo-contrast-10pct)}