@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');html,body{max-width: 100%;overflow-x: clip}.text-lg{font-size: 1.125rem}.text-sm{font-size: 0.875rem}.text-xs{font-size: 0.75rem}.font-bold{font-weight: 700}.text-white{color: var(--lumo-header-text-color)}.text-gray{color: var(--lumo-secondary-text-color)}.text-green{color: var(--lumo-primary-color)}.headline{color: var(--lumo-header-text-color);font-size: var(--lumo-font-size-xxl);font-weight: bold;padding: var(--lumo-space-m)}.card{border: 1px solid var(--lumo-contrast-10pct);background-color: var(--lumo-contrast-5pct);border-radius: var(--lumo-border-radius-l);padding: var(--lumo-space-m);transition: border-color 150ms ease}.card:hover{border-color: var(--color-primary-30)}.btn-primary{background-color: var(--color-green);border-radius: var(--btn-radius);border: 1px solid var(--color-green);color: #111827;font-weight: 700;transition: background-color 0.15s,box-shadow 0.15s}.btn-primary:hover{background-color: var(--lumo-primary-text-color);border-color: var(--lumo-primary-text-color);box-shadow: 0 0 0 3px var(--color-primary-20)}.btn-secondary{background-color: transparent;border-radius: var(--btn-radius);border: 1px solid var(--color-border);color: var(--color-text-primary);transition: background-color 0.15s,border-color 0.15s}.btn-secondary:hover{background-color: var(--lumo-contrast-5pct);border-color: var(--lumo-contrast-30pct)}.btn-danger{background-color: var(--badge-error-bg) !important;border: 1px solid var(--badge-error-color) !important;color: var(--badge-error-color) !important;font-weight: 700;border-radius: var(--btn-radius);cursor: pointer;transition: background-color 0.15s}.btn-danger:hover{background-color: var(--badge-error-border) !important}.action-icon{width: 28px !important;height: 28px !important;min-width: 0 !important;padding: 0 !important;background: transparent !important;border: none !important;box-shadow: none !important;color: var(--color-text-muted) !important;border-radius: var(--lumo-border-radius-m) !important;transition: color 0.15s,background-color 0.15s !important}.action-icon::part(label){display: flex !important;align-items: center !important;justify-content: center !important;padding: 0 !important;width: 100% !important;height: 100% !important}.action-icon:hover{background-color: var(--lumo-contrast-10pct) !important;color: var(--color-text-secondary) !important}.action-icon-danger{color: var(--badge-error-color) !important}.action-icon-danger:hover{background-color: var(--badge-error-bg) !important;color: var(--badge-error-color) !important}.dialog-close-btn{width: 28px !important;height: 28px !important;min-width: 0 !important;padding: 0 !important;background: transparent !important;border: none !important;box-shadow: none !important;color: var(--color-green) !important;border-radius: var(--lumo-border-radius-m) !important;margin-left: auto;transition: background-color 0.15s,transform 0.1s !important}.dialog-close-btn::part(label){display: flex !important;align-items: center !important;justify-content: center !important;padding: 0 !important;width: 100% !important;height: 100% !important}.dialog-close-btn:hover{background-color: var(--color-primary-10) !important}.dialog-close-btn:active{transform: scale(0.88) !important}vaadin-dialog-overlay::part(header){display: flex;align-items: center;color: var(--color-white);font-size: var(--lumo-font-size-m);font-weight: 600;border-bottom: 1px solid var(--color-border);padding: var(--lumo-space-s) var(--lumo-space-m);flex-shrink: 0}vaadin-tabs::part(tabs){background-color: var(--lumo-contrast-5pct);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);padding: var(--lumo-space-s);margin: 0;gap: var(--lumo-space-s)}vaadin-tabs[theme~="minimal"] vaadin-tab{background-color: transparent;border-radius: var(--lumo-border-radius-m);padding: var(--lumo-space-xs) var(--lumo-space-m);color: var(--color-text-muted);font-weight: 500;transition: background-color 0.2s;align-self: center}vaadin-tabs[theme~="minimal"] vaadin-tab[selected]{background-color: var(--lumo-primary-color);color: var(--color-text-primary)}vaadin-tabs[theme~="minimal"] vaadin-tab:hover:not([selected]){background-color: var(--color-primary-10);color: var(--lumo-primary-color)}.header-left-col{display: flex;flex-direction: column;gap: 2px}.view-empty-state{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;padding: 48px 24px;width: 100%;text-align: center}.view-empty-title{font-size: 16px;font-weight: 600;color: var(--color-white)}.view-empty-hint{font-size: 14px;color: var(--color-text-muted);text-align: center}.dialog-content{display: flex;flex-direction: column;gap: 16px;padding: 0}.dialog-form{display: flex;flex-direction: column;gap: 12px;padding: 0}.dialog-form-lg{display: flex;flex-direction: column;gap: 20px;padding: 0}.dialog-btn-row{display: flex;gap: 8px}.dialog-section{display: flex;flex-direction: column;gap: 12px}.dialog-section-label{font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em;color: var(--color-text-muted)}.dialog-divider{border: none;border-top: 1px solid var(--color-border);margin: 0}@media (max-width: 640px){.headline{font-size: var(--lumo-font-size-l) !important;padding: var(--lumo-space-xs) !important}}::-webkit-scrollbar{width: 6px;height: 6px}::-webkit-scrollbar-track{background: transparent}::-webkit-scrollbar-thumb{background-color: var(--color-border);border-radius: 999px}::-webkit-scrollbar-thumb:hover{background-color: var(--lumo-primary-color)}::-webkit-scrollbar-corner{background: transparent}*{scrollbar-width: thin;scrollbar-color: var(--color-border) transparent}