html{--lumo-font-family: "Segoe UI", Arial, sans-serif;--lumo-primary-color: #126a7a;--lumo-primary-color-50pct: rgba(18, 106, 122, .5);--lumo-primary-color-10pct: rgba(18, 106, 122, .1);--lumo-primary-text-color: #0d5968;--lumo-success-color: #2f7d58;--lumo-error-color: #b42318;--lumo-border-radius-s: 4px;--lumo-border-radius-m: 6px;--lumo-border-radius-l: 8px;--kescon-bg: #f4f7f9;--kescon-surface: #ffffff;--kescon-ink: #102a33;--kescon-muted: #607583;--kescon-border: #d9e4e9;--kescon-sidebar: #0f2f39;--kescon-sidebar-active: #f2fbfd;--kescon-sidebar-text: #f7fcff;--kescon-sidebar-muted: #c9dce3;--kescon-blue: #2b6cb0;--kescon-green: #2f7d58;--kescon-amber: #b7791f}body{background:var(--kescon-bg);color:var(--kescon-ink)}vaadin-app-layout::part(navbar){min-height:64px;background:var(--kescon-surface);border-bottom:1px solid var(--kescon-border);box-shadow:0 2px 12px #102a330f}vaadin-app-layout::part(drawer){background:var(--kescon-sidebar);border-right:0;color:#fff}vaadin-drawer-toggle{color:var(--kescon-ink)}.app-header{width:100%;min-height:64px;padding:0 20px 0 10px;box-sizing:border-box}.app-brand,.app-user{display:flex;align-items:center}.app-logo-mark{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#126a7a;color:#fff;font-weight:800;font-size:1rem;letter-spacing:0}.app-title{margin:0;color:var(--kescon-ink);font-size:1.1rem;font-weight:750;line-height:1.15;letter-spacing:0}.app-subtitle,.view-subtitle,.card-note,.metric-note{color:var(--kescon-muted);font-size:.85rem}.drawer-title{padding:18px 18px 10px;color:var(--kescon-sidebar-muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0}.app-nav-scroll{height:100%}vaadin-side-nav{padding:4px 10px 18px}vaadin-side-nav-item::part(content){min-height:42px;margin:2px 0;border-radius:6px;color:var(--kescon-sidebar-text)}vaadin-side-nav-item::part(content):hover{background:#ffffff1a;color:#fff}vaadin-side-nav-item[selected]::part(content){background:var(--kescon-sidebar-active);color:#07313a;font-weight:700}vaadin-side-nav-item::part(prefix){color:var(--kescon-sidebar-text)}vaadin-side-nav-item vaadin-icon{width:20px;height:20px;padding:5px;border-radius:6px;color:var(--kescon-sidebar-text);background:#ffffff2e;box-sizing:content-box}vaadin-side-nav-item:hover vaadin-icon{color:#fff;background:#ffffff47}vaadin-side-nav-item[selected]::part(prefix){color:#07313a}vaadin-side-nav-item[selected] vaadin-icon{color:#07313a;background:#fff}.view-shell{padding:24px;gap:18px;background:var(--kescon-bg);box-sizing:border-box}.view-header{width:100%;padding:4px 0 2px}.view-title{margin:0;color:var(--kescon-ink);font-size:1.75rem;font-weight:760;line-height:1.2;letter-spacing:0}.metrics-grid,.content-grid{width:100%;display:grid;gap:16px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.content-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.metric-card,.panel,.form-panel,.table-panel,.import-panel{background:var(--kescon-surface);border:1px solid var(--kescon-border);border-radius:8px;box-shadow:0 4px 18px #102a330f;box-sizing:border-box}.metric-card{padding:18px;gap:8px}.metric-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#d7eef2;color:#064b59}.metric-icon vaadin-icon{color:#064b59}.metric-title{color:var(--kescon-muted);font-size:.86rem;font-weight:700}.metric-value{color:var(--kescon-ink);font-size:2rem;font-weight:800;line-height:1}.panel,.form-panel,.table-panel,.import-panel{padding:18px}.panel-title{margin:0;color:var(--kescon-ink);font-size:1.15rem;font-weight:730}.action-bar{width:100%;display:flex;flex-wrap:wrap;gap:10px}.table-toolbar{width:100%;display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}vaadin-button{border-radius:6px;font-weight:700}vaadin-button[theme~=primary]{background:var(--lumo-primary-color);color:#fff}vaadin-button[theme~=error]{color:var(--lumo-error-color)}vaadin-button vaadin-icon{color:currentColor}vaadin-button[theme~=primary] vaadin-icon{color:#fff}vaadin-grid{border:1px solid var(--kescon-border);border-radius:8px;overflow:hidden;background:var(--kescon-surface)}vaadin-grid::part(header-cell){background:#edf3f6;color:#274653;font-weight:750}vaadin-grid::part(body-cell){color:var(--kescon-ink)}vaadin-grid::part(row):hover{background:#126a7a0d}vaadin-text-field,vaadin-text-area,vaadin-combo-box,vaadin-select,vaadin-date-picker{--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--kescon-border);--vaadin-input-field-background: #ffffff;--vaadin-input-field-border-radius: 6px}vaadin-upload{border-radius:8px;border-color:var(--kescon-border);background:#fbfdfe}.download-link{color:#064b59;font-weight:700;text-decoration:none}.download-link:hover{text-decoration:underline}@media(max-width:720px){.view-shell{padding:14px}.app-subtitle,.app-user-name{display:none}.content-grid{grid-template-columns:1fr}.view-title{font-size:1.4rem}}