@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:wght@400;500;600;700&display=swap";html,:root{--lumo-font-family: "Instrument Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--button-primary-bg: #0076bb;--button-primary-text: #ffffff;--button-primary-hover: #005a92;--button-border-radius: 8px;--lumo-primary-color: var(--button-primary-bg, #0076bb);--lumo-primary-color-50pct: rgba(0, 118, 187, .5);--lumo-primary-color-10pct: rgba(0, 118, 187, .1);--lumo-primary-text-color: var(--button-primary-bg, #0076bb);--lumo-success-color: #16a34a;--lumo-success-text-color: #16a34a;--lumo-body-text-color: #1e293b;--lumo-secondary-text-color: #64748b;--lumo-header-text-color: #0f172a;--lumo-border-radius-s: 6px;--lumo-border-radius-m: var(--button-border-radius, 8px);--lumo-border-radius-l: 12px;--grid-row-padding: 4px 12px;--grid-row-min-height: 35px;--vaadin-grid-cell-padding: var(--grid-row-padding, 4px 12px)}body{font-family:var(--lumo-font-family);color:var(--lumo-body-text-color);background-color:#f1f5f9}vaadin-app-layout{background-color:#f1f5f9!important}vaadin-app-layout::part(navbar){background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 1px 2px #00000005!important}vaadin-app-layout::part(drawer){background-color:#f8fafc!important;border-right:1px solid #e2e8f0!important}vaadin-app-layout::part(content){background-color:#f1f5f9!important;padding:16px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important}.workspace-card{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000d,0 1px 2px -1px #0000000d!important;padding:var(--lumo-space-l, 24px)!important;box-sizing:border-box!important;height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin-bottom:8px!important}vaadin-app-layout>*:not(vaadin-dialog-overlay):not([slot]):not(.no-card){border-radius:12px}.workspace-card h2,.workspace-card .view-title,h2#grid-view-title{color:#0f172a!important;font-family:var(--lumo-font-family)!important;font-weight:700!important;font-size:1.5rem!important;line-height:1.25!important;letter-spacing:-.025em!important;margin:0!important}vaadin-button[theme~=primary],.workspace-primary-btn{background-color:var(--button-primary-bg, #0076bb)!important;color:var(--button-primary-text, #ffffff)!important;border-radius:var(--button-border-radius, 8px)!important;font-family:var(--lumo-font-family)!important;font-weight:600!important;font-size:.875rem!important;padding:0 18px!important;height:38px!important;box-shadow:0 1px 2px #0000000d!important;border:none!important;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out!important;cursor:pointer!important}vaadin-button[theme~=primary]:hover,.workspace-primary-btn:hover{background-color:var(--button-primary-hover, #005a92)!important;box-shadow:0 2px 4px -1px #0000001a!important}.workspace-refresh-btn,vaadin-button.workspace-refresh-btn{color:var(--button-primary-bg, #0076bb)!important;font-family:var(--lumo-font-family)!important;font-weight:500!important;font-size:.875rem!important;border-radius:var(--button-border-radius, 8px)!important;padding:0 12px!important;height:36px!important;transition:all .15s ease-in-out!important;background:transparent!important}.workspace-refresh-btn:hover,vaadin-button.workspace-refresh-btn:hover{background-color:#f0f9ff!important;color:var(--button-primary-hover, #005a92)!important}.workspace-refresh-btn vaadin-icon,vaadin-button.workspace-refresh-btn vaadin-icon{color:#0284c7!important;width:16px!important;height:16px!important;margin-right:6px!important}vaadin-details.filter-pill-details{margin:4px 0 16px!important;width:fit-content!important}vaadin-details.filter-pill-details vaadin-details-summary,vaadin-details.filter-pill-details::part(summary){display:inline-flex!important;align-items:center!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;padding:7px 14px!important;font-size:.8125rem!important;font-weight:500!important;color:#475569!important;cursor:pointer!important;width:fit-content!important;box-shadow:0 1px 2px #0000000d!important;transition:all .15s ease-in-out!important}vaadin-details.filter-pill-details vaadin-details-summary:hover,vaadin-details.filter-pill-details::part(summary):hover{background-color:#f8fafc!important;border-color:#94a3b8!important;color:#1e293b!important}vaadin-details.filter-pill-details::part(toggle),vaadin-details.filter-pill-details vaadin-details-summary::part(toggle){color:#64748b!important;margin-right:8px!important}vaadin-details.filter-pill-details::part(content){padding:12px 16px!important;background-color:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;margin-top:8px!important}vaadin-grid.snow-grid,vaadin-grid{--grid-row-padding: 7px 14px;--vaadin-grid-cell-padding: var(--grid-row-padding, 7px 14px);font-family:var(--lumo-font-family);font-size:.875rem;background-color:#fff;border:1px solid #f1f5f9;border-radius:8px;box-shadow:none}vaadin-grid::part(header-cell){background-color:#fff;color:#475569;font-weight:600;font-size:.8125rem;letter-spacing:.01em;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:0!important}vaadin-grid::part(body-cell){border-bottom:1px solid #f1f5f9;border-right:1px solid #e2e8f0;color:#1e293b;padding:0!important}vaadin-grid vaadin-grid-cell-content{padding:var(--grid-row-padding, 4px 12px)!important;box-sizing:border-box!important;min-height:var(--grid-row-min-height, 35px)!important;height:var(--grid-row-min-height, 35px)!important;display:flex;align-items:center}vaadin-grid::part(even-row) [part~=body-cell]{background-color:#fff}vaadin-grid::part(odd-row) [part~=body-cell]{background-color:#f8fafc}vaadin-grid::part(row):hover [part~=body-cell]{background-color:#f1f5f9}.record-id-pill,vaadin-button.record-id-pill{background-color:#e0f2fe!important;color:#0076bb!important;border:1px solid #bae6fd!important;border-radius:6px!important;font-family:var(--lumo-font-family)!important;font-weight:700!important;font-size:.8125rem!important;padding:2px 8px!important;height:22px!important;min-height:22px!important;line-height:1.2!important;cursor:pointer!important;transition:all .15s ease-in-out!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}.record-id-pill:hover,vaadin-button.record-id-pill:hover{background-color:#bae6fd!important;color:#005a92!important;border-color:#7dd3fc!important;box-shadow:0 1px 2px #0000000d!important}.grid-action-menu,vaadin-menu-bar.grid-action-menu{min-height:22px!important;height:22px!important;background:transparent!important;border:none!important;box-shadow:none!important}.grid-action-menu vaadin-menu-bar-button,.grid-action-menu::part(menu-bar-button){min-height:22px!important;height:22px!important;padding:0 4px!important;color:#64748b!important;background:transparent!important;border-radius:4px!important}.grid-action-menu vaadin-menu-bar-button:hover{color:#0f172a!important;background-color:#f1f5f9!important}.grid-action-audit,vaadin-button.grid-action-audit{color:#64748b!important;font-family:var(--lumo-font-family)!important;font-size:.8125rem!important;font-weight:500!important;border-radius:6px!important;padding:2px 6px!important;height:auto!important;min-height:24px!important;transition:all .15s ease-in-out!important;background:transparent!important}.grid-action-audit vaadin-icon,vaadin-button.grid-action-audit vaadin-icon{color:#94a3b8!important;width:15px!important;height:15px!important;margin-right:4px!important;transition:color .15s ease-in-out!important}.grid-action-audit:hover,vaadin-button.grid-action-audit:hover{color:#0284c7!important;background-color:#f0f9ff!important}.grid-action-audit:hover vaadin-icon,vaadin-button.grid-action-audit:hover vaadin-icon{color:#0284c7!important}.grid-action-delete,vaadin-button.grid-action-delete{color:#94a3b8!important;border-radius:6px!important;padding:2px 6px!important;height:auto!important;min-height:24px!important;transition:all .15s ease-in-out!important;background:transparent!important}.grid-action-delete vaadin-icon,vaadin-button.grid-action-delete vaadin-icon{color:#94a3b8!important;width:15px!important;height:15px!important;transition:color .15s ease-in-out!important}.grid-action-delete:hover,vaadin-button.grid-action-delete:hover{color:#dc2626!important;background-color:#fef2f2!important}.grid-action-delete:hover vaadin-icon,vaadin-button.grid-action-delete:hover vaadin-icon{color:#dc2626!important}.state-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1.4;letter-spacing:.01em}.state-pill.state-low,.state-pill.priority-low{background-color:#16a34a!important;color:#fff!important;border:none!important}.state-pill.state-new{background-color:#e0f2fe!important;color:#0284c7!important;border:1px solid #bae6fd!important}.state-pill.state-in-development,.state-pill.state-in-progress{background-color:#fff7ed!important;color:#c2410c!important;border:1px solid #fed7aa!important}:root{--side-menu-font-color: #475569;--side-menu-active-color: #0284c7;--side-menu-active-bg: #e0f2fe}vaadin-side-nav{--vaadin-side-nav-item-active-color: var(--side-menu-active-color, #0284c7);--vaadin-side-nav-item-active-background: var(--side-menu-active-bg, #e0f2fe)}vaadin-side-nav::part(label){font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;padding:12px 16px 6px}vaadin-side-nav-item{font-family:var(--lumo-font-family);margin:2px 8px;border-radius:8px;transition:background-color .15s ease-in-out,color .15s ease-in-out}vaadin-side-nav-item::part(link){border-radius:8px;padding:7px 12px;color:var(--side-menu-font-color, #475569);font-size:.875rem;font-weight:500}vaadin-side-nav-item vaadin-icon{color:var(--side-menu-font-color, #475569);transition:color .15s ease-in-out}vaadin-side-nav-item:hover::part(link){background-color:#f1f5f9;color:#0f172a}vaadin-side-nav-item:hover vaadin-icon{color:var(--side-menu-active-color, #0284c7)!important}vaadin-side-nav-item[current]::part(link){background-color:var(--side-menu-active-bg, #e0f2fe)!important;color:var(--side-menu-active-color, #0284c7)!important;font-weight:600!important}vaadin-side-nav-item[current] vaadin-icon{color:var(--side-menu-active-color, #0284c7)!important}vaadin-side-nav-item vaadin-side-nav-item::part(link){color:var(--side-menu-active-color, #0284c7)}vaadin-side-nav-item vaadin-side-nav-item vaadin-icon{color:var(--side-menu-active-color, #0284c7)!important}vaadin-side-nav-item[expanded]>vaadin-icon{color:var(--side-menu-active-color, #0284c7)!important}.port-status-badge{background-color:#16a34a!important;color:#fff!important;font-family:var(--lumo-font-family)!important;font-weight:600!important;font-size:.75rem!important;padding:3px 10px!important;border-radius:9999px!important;letter-spacing:.02em!important;display:inline-flex!important;align-items:center!important;box-shadow:0 1px 2px #0000000d!important}