:root{--app-radius: 12px;--app-shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--app-shadow-sm: 0 4px 12px rgba(0, 0, 0, .06);--app-shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--app-transition: all .18s ease}:root{--lumo-base-color: #f1f5f9;--lumo-primary-color: #2563eb;--lumo-primary-color-50pct: rgba(37, 99, 235, .5);--lumo-body-text-color: #0f172a;--lumo-secondary-text-color: #475569;--lumo-border-radius-m: var(--app-radius);--lumo-border-radius-l: 16px;--lumo-font-family: "Inter", "Segoe UI", sans-serif}:root[theme~=dark]{--lumo-base-color: #0f172a;--lumo-primary-color: #3b82f6;--lumo-body-text-color: #f1f5f9;--lumo-secondary-text-color: #94a3b8}.app-layout{background:var(--lumo-base-color)}.app-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:var(--app-shadow-xs)}:root[theme~=dark] .app-header{background:#1e293b;border-bottom:1px solid #334155}.app-header h3{font-weight:600;letter-spacing:.3px}.app-drawer{background:#fff;border-right:1px solid #e2e8f0}:root[theme~=dark] .app-drawer{background:#111827;border-right:1px solid #1f2937}vaadin-side-nav-item{border-radius:8px;margin:4px 8px;transition:var(--app-transition)}vaadin-side-nav-item:hover{background:#2563eb14}vaadin-side-nav-item[active]{background:#2563eb1f;position:relative}vaadin-side-nav-item[active]:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--lumo-primary-color);border-radius:4px}vaadin-app-layout::part(content){background:var(--lumo-base-color);padding:0}.app-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px #0f172a0f;border:1px solid #eef2f7}.app-card:hover{box-shadow:var(--app-shadow-md)}:root[theme~=dark] .app-card{background:#1e293b}vaadin-grid{border-radius:var(--app-radius);overflow:hidden;box-shadow:var(--app-shadow-sm);border:none}vaadin-grid::part(header-cell){font-weight:600;background:#f1f5f9}:root[theme~=dark] vaadin-grid::part(header-cell){background:#1e293b}vaadin-grid::part(row):hover{background:#2563eb0d}vaadin-email-field,vaadin-text-field,vaadin-password-field{--lumo-body-text-color: #1e293b;--lumo-primary-contrast-color: #1e293b}vaadin-email-field::part(input-field),vaadin-text-field::part(input-field),vaadin-password-field::part(input-field){background:#f8fafc;color:#1e293b}vaadin-email-field input,vaadin-text-field input,vaadin-password-field input{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important}:root[theme~=dark] .registration-card{background:#1e293b!important;border-color:#334155!important}:root[theme~=dark] .registration-card h3{color:#f1f5f9!important}:root[theme~=dark] .registration-card p{color:#94a3b8!important}vaadin-button{border-radius:10px;font-weight:500;transition:var(--app-transition)}vaadin-button[theme~=primary]{box-shadow:0 4px 12px #2563eb4d}vaadin-text-field,vaadin-date-picker,vaadin-combo-box{border-radius:10px}.file-upload-view,.dashboard-view{box-sizing:border-box;padding:32px;display:flex;flex-direction:column;gap:32px}.dashboard-card{padding:24px;display:flex;flex-direction:column;gap:14px}.dashboard-card-title{font-size:14px;font-weight:600;color:var(--lumo-secondary-text-color);margin-bottom:8px}.dashboard-card-row{display:grid;grid-template-columns:1fr auto;align-items:center;font-size:14px}.dashboard-card-left{color:var(--lumo-body-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-card-right{font-weight:600;color:var(--lumo-primary-text-color);text-align:right;min-width:120px}.dashboard-stat-card{text-align:center;padding:28px}.dashboard-stat-card .dashboard-card-row{grid-template-columns:1fr}.dashboard-stat-card .dashboard-card-right{font-size:38px;font-weight:700;min-width:unset}.dashboard-bottom-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;width:100%}.orbitala-button{background-color:#1976d2;color:#fff;font-weight:700;border-radius:8px;padding:.5em 1.2em;box-shadow:0 4px 6px #00000026;transition:background-color .2s ease-in-out}.orbitala-button:hover{background-color:#125699}.filter-wrapper{padding:12px 16px}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;width:100%;box-sizing:border-box;align-content:flex-start;justify-content:flex-start}.filter-bar>*{align-self:flex-end}.filter-field{margin-right:12px;margin-bottom:8px;box-sizing:border-box}.filter-field.date-field{flex:0 0 160px;min-width:100px;max-width:140px}.filter-field.text-field{flex:1 1 300px;min-width:140px}.filter-field.combo-field{flex:0 0 160px;min-width:120px}.filter-button-group{display:flex;gap:8px;align-items:flex-end;margin-left:12px;align-self:flex-end;flex:0 0 auto}.filter-button{flex:0 0 auto;margin-left:8px}.fileupload-main-content{display:flex;flex-wrap:wrap;gap:16px;padding:var(--lumo-space-m)}.fileupload-grid-section{flex:1 1 600px;min-width:0}.fileupload-upload-section{flex:0 1 400px;min-width:280px}@media screen and (max-width: 520px){.filter-bar{gap:10px}.filter-field.date-field,.filter-field.combo-field,.filter-field.text-field{flex-basis:100%;min-width:0;align-self:stretch}.filter-button-group{width:100%;justify-content:space-between}}.v-text-field-short{--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--lumo-contrast-20pct);max-width:200px}.v-text-field-short::part(input-field){background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-m);min-height:32px;padding:0 8px}.v-text-field-short::part(input-field):hover{background-color:var(--lumo-contrast-5pct)}.v-text-field-short[focus]::part(input-field){box-shadow:0 0 0 2px var(--lumo-primary-color-50pct);border-color:var(--lumo-primary-color)}.v-text-field-short::part(label){font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color);font-weight:500;margin-bottom:2px}.v-text-field-long{--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--lumo-contrast-20pct);width:100%;max-width:600px}.v-text-field-long::part(input-field){background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-m);min-height:42px;padding:4px 12px;font-size:var(--lumo-font-size-m)}.v-text-field-long::part(input-field):hover{background-color:var(--lumo-contrast-5pct)}.v-text-field-long[focus]::part(input-field){box-shadow:0 0 0 2px var(--lumo-primary-color-50pct);border-color:var(--lumo-primary-color)}.v-text-field-long::part(label){font-size:var(--lumo-font-size-s);color:var(--lumo-body-text-color);font-weight:500;margin-bottom:4px}.v-text-area-long::part(input-field){min-height:100px;resize:vertical}.v-text-field-short[required]::part(label):after,.v-text-field-long[required]::part(label):after{content:" *";color:var(--lumo-error-color);font-weight:700}.v-text-field-short[disabled]::part(input-field),.v-text-field-long[disabled]::part(input-field){background-color:var(--lumo-contrast-10pct);color:var(--lumo-disabled-text-color);opacity:.7}.nastavitve-view{overflow-x:hidden;box-sizing:border-box;width:100%}.nastavitve-view>*{max-width:100%;box-sizing:border-box;overflow-x:hidden}.nastavitve-view vaadin-form-layout{max-width:100%!important;width:100%!important;box-sizing:border-box}.nastavitve-view vaadin-text-field,.nastavitve-view vaadin-password-field,.nastavitve-view vaadin-combo-box,.nastavitve-view vaadin-number-field,.nastavitve-view vaadin-text-area{max-width:100%!important;box-sizing:border-box!important}.nastavitve-view vaadin-text-area{width:100%!important}.nastavitve-view vaadin-horizontal-layout{flex-wrap:wrap;max-width:100%}@media screen and (max-width: 800px){.nastavitve-view vaadin-text-field,.nastavitve-view vaadin-password-field,.nastavitve-view vaadin-combo-box,.nastavitve-view vaadin-number-field,.nastavitve-view vaadin-text-area{width:100%!important}}