html,body,#outlet,flow-container-root-252,vaadin-app-layout{height: 100%}body{margin: 0;background: var(--aura-background-color,#f7f8fb);color: var(--aura-text-color,#111827);font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{height: 100vh;display: grid;grid-template-columns: 280px minmax(0,1fr);overflow: hidden;background: #f8fafc}.sidebar{min-width: 0;height: 100vh;display: flex;flex-direction: column;padding: 20px 18px;box-sizing: border-box;border-right: 1px solid #e5e7eb;background: #ffffff;overflow: hidden}.brand{gap: 12px;margin-bottom: 28px}.brand-logo{width: 36px;height: 36px;border-radius: 10px;background: #0b5cff;color: white;display: inline-flex;align-items: center;justify-content: center;font-weight: 800}.brand-text{display: flex;flex-direction: column;line-height: 1.15}.brand-text span:first-child{font-size: 22px;font-weight: 750}.brand-text span:last-child,.muted{color: #667085;font-size: 13px}.side-label{color: #667085;font-size: 12px;font-weight: 750;letter-spacing: .04em;text-transform: uppercase;margin: 8px 0 8px 4px}.context-card{display: grid;grid-template-columns: 28px minmax(0,1fr) 20px;align-items: center;gap: 10px;padding: 12px;margin-bottom: 16px;border: 1px solid #e5e7eb;border-radius: 10px;background: #fff;box-shadow: 0 1px 1px rgba(16,24,40,.03)}.context-card>div{display: flex;flex-direction: column;min-width: 0}.context-card span:first-child{font-weight: 700}.nav-list{flex: 1;overflow: auto;padding-right: 4px}.nav-section{border-bottom: 1px solid #eef0f3;padding-bottom: 10px;margin-bottom: 8px}.nav-item{height: 38px;gap: 10px;padding: 0 10px;border-radius: 9px;color: #344054;cursor: default;position: relative}.nav-item.active{background: #eef4ff;color: #0b5cff;font-weight: 750;box-shadow: inset 3px 0 0 #0b5cff}.ui-icon{width: 18px;height: 18px;color: currentColor}.badge{margin-left: auto;min-width: 22px;height: 22px;border-radius: 999px;background: #eaf1ff;color: #0b5cff;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 700}.user-area{margin-top: auto;padding-top: 14px;border-top: 1px solid #eef0f3}.user-area vaadin-horizontal-layout:first-child{padding: 8px 2px 14px;gap: 10px}.avatar{width: 38px;height: 38px;border-radius: 999px;background: #eaf1ff;color: #0b5cff;display: inline-flex;align-items: center;justify-content: center;font-weight: 750}.main{height: 100vh;min-width: 0;overflow: hidden;display: grid;grid-template-rows: auto auto minmax(0,1fr);padding: 20px 20px 22px;box-sizing: border-box;gap: 14px}.page-header{min-width: 0}.breadcrumb{color: #475467;font-size: 14px;gap: 12px;margin-bottom: 14px}.breadcrumb span:last-child{color: #111827;font-weight: 750}.chevron{color: #98a2b3;font-size: 20px}.title-row{width: 100%}.title-row h1{margin: 0 0 4px;font-size: 30px;line-height: 1.15;letter-spacing: -.02em}.title-row p{margin: 0;color: #667085}.primary-action{height: 42px;padding-inline: 18px}.stats{gap: 14px;min-height: 88px}.stat-card{flex: 1;display: flex;align-items: center;gap: 14px;min-width: 0;padding: 16px 20px;border: 1px solid #e5e7eb;border-radius: 14px;background: #fff;box-shadow: 0 1px 2px rgba(16,24,40,.04)}.stat-icon{width: 46px;height: 46px;border-radius: 12px;display: inline-flex;align-items: center;justify-content: center}.tone-blue .stat-icon{background: #eaf1ff;color: #0b5cff}.tone-green .stat-icon{background: #dcfce7;color: #12805c}.tone-orange .stat-icon{background: #fff3db;color: #b54708}.tone-gray .stat-icon{background: #f1f5f9;color: #667085}.stat-text{display: flex;flex-direction: column;gap: 2px}.stat-text span:first-child{color: #667085;font-size: 13px}.stat-text span:nth-child(2){color: #111827;font-size: 26px;font-weight: 800;line-height: 1}.list-card{min-height: 0;display: grid;grid-template-rows: auto auto minmax(0,1fr) auto;border: 1px solid #e5e7eb;border-radius: 14px;background: #fff;overflow: hidden;box-shadow: 0 1px 2px rgba(16,24,40,.04)}.toolbar{padding: 16px 18px;gap: 14px;border-bottom: 1px solid #eef0f3}.search-field{flex: 1;min-width: 280px}.quick-filter{width: 190px}.filter-button{min-width: 112px;border: 1px solid #bcd2ff;background: #f7faff;color: #0b5cff}.filter-count{margin-left: 8px;min-width: 20px;height: 20px;border-radius: 999px;background: #0b5cff;color: #fff;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 800}.active-filters{min-height: 44px;padding: 0 18px;border-bottom: 1px solid #eef0f3;gap: 8px;flex-wrap: wrap}.active-filter-label{color: #667085;font-size: 13px;font-weight: 650}.chip{border-radius: 8px;background: #eaf1ff;color: #0b5cff;font-weight: 650}.facilities-grid{height: 100%;--vaadin-grid-cell-padding: 10px 14px;border: 0}.name-cell{gap: 12px}.facility-thumb{width: 58px;height: 42px;border-radius: 8px;border: 1px solid #dbe3ef;overflow: hidden;display: inline-flex;align-items: center;justify-content: center;color: #64748b;flex: 0 0 auto}.name-text,.two-line-cell{display: flex;flex-direction: column;gap: 3px}.name-text span:first-child{font-weight: 750;color: #111827}.utilization-cell{gap: 10px;min-width: 110px}.progress{width: 52px;height: 5px;background: #e5e7eb;border-radius: 999px;overflow: hidden}.progress-fill{height: 100%;border-radius: inherit;background: #0b5cff}.status{display: inline-flex;align-items: center;justify-content: center;min-width: 54px;height: 24px;border-radius: 7px;padding: 0 8px;font-size: 12px;font-weight: 750}.status-active{background: #dcfce7;color: #126b45}.status-planning{background: #eaf1ff;color: #0b5cff}.status-inactive{background: #eef0f3;color: #475467}.row-actions{gap: 8px;color: #0b5cff}.load-hint{min-height: 42px;border-top: 1px solid #eef0f3;color: #667085;font-size: 13px}.filter-drawer-dialog::part(overlay){position: fixed;top: 0;right: 0;bottom: 0;left: auto;width: 480px;max-width: 92vw;height: 100vh;max-height: 100vh;border-radius: 0;box-shadow: -16px 0 40px rgba(15,23,42,.14)}.filter-drawer-dialog::part(backdrop){background: rgba(15,23,42,.10)}.filter-drawer{height: 100%;display: grid;grid-template-rows: auto auto auto auto auto auto auto auto minmax(0,1fr) auto;gap: 14px;padding: 22px;box-sizing: border-box;background: #fff}.drawer-head{width: 100%}.drawer-head h2{margin: 0;font-size: 24px}.drawer-description{margin: 0;color: #667085;font-size: 14px}.drawer-section{gap: 8px;border: 1px solid #e5e7eb;border-radius: 10px;padding: 10px 12px !important}.drawer-section-title{color: #475467;font-size: 13px;font-weight: 750;margin-bottom: 4px}.drawer-footer{align-self: end;padding-top: 16px;border-top: 1px solid #eef0f3;gap: 12px}.drawer-footer vaadin-button{flex: 1;height: 42px}@media (max-width: 1100px){.app-shell{grid-template-columns: 84px minmax(0,1fr)}.brand-text,.context-card>div,.nav-item span:not(.badge),.side-label,.user-area div:not(.avatar){display: none}.sidebar{padding-inline: 12px}.context-card{grid-template-columns: 1fr;justify-items: center}}