.app-logo{border-radius: min(40%,var(--vaadin-radius-m));margin-inline-start: var(--vaadin-padding-inline-container)}.app-name{font-weight: var(--aura-font-weight-semibold);font-size: var(--aura-font-size-l)}.app-footer{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.login-view{background: radial-gradient(circle at top left,rgba(10,132,255,0.18),transparent 28%),radial-gradient(circle at bottom right,rgba(20,184,166,0.18),transparent 32%),linear-gradient(180deg,#f6f8fb 0%,#edf2f7 100%)}.login-title{font-size: 2rem;margin: 0 0 1rem}.login-divider{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);margin: 0.25rem 0}.microsoft-login-button{width: min(360px,100%)}.login-error{color: var(--vaadin-error-color);font-size: var(--aura-font-size-s);max-width: 360px;text-align: center}.page{box-sizing: border-box;gap: 1rem;padding: 1rem}.dashboard-cards{display: grid;gap: 1rem;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));width: 100%}.metric-card{background: var(--vaadin-background-color);border: 1px solid var(--vaadin-border-color);border-radius: 8px;box-sizing: border-box;min-height: 132px;padding: 1rem}.metric-title{color: var(--vaadin-text-color-secondary);display: block;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.metric-value{color: var(--vaadin-text-color);font-size: 2.25rem;line-height: 1;margin: 0.75rem 0 0.35rem}.metric-caption{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.section-card{background: var(--vaadin-background-color);border: 1px solid var(--vaadin-border-color);border-radius: 8px;box-sizing: border-box;gap: 0.75rem;padding: 1rem;width: 100%}.section-title{font-size: var(--aura-font-size-l);line-height: 1.2;margin: 0}.split-content{align-items: stretch;gap: 1rem;min-height: 0;width: 100%}.work-panel,.side-panel{box-sizing: border-box;min-height: 0}.side-panel{border-left: 1px solid var(--vaadin-border-color);max-width: 420px;min-width: 320px;padding-left: 1rem}.form-section{border-bottom: 1px solid var(--vaadin-border-color);padding-bottom: 1rem;width: 100%}.editor-cards{gap: 1rem}.editor-scroll-panel{box-sizing: border-box;display: block;height: 100%;min-height: 0;padding-bottom: 0.25rem}.editor-panel-content{box-sizing: border-box;min-height: min-content;padding-bottom: 0.25rem}.editor-card{background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(247,250,252,0.96) 100%);border: 1px solid #d7dfea;border-radius: 16px;box-shadow: 0 12px 28px rgba(23,32,51,0.06);overflow: hidden;padding: 1.1rem 1.1rem 1.2rem;position: relative;width: 100%}.editor-card::before{border-radius: 999px;content: "";height: 10px;left: 1.1rem;position: absolute;top: 1rem;width: 56px}.editor-card-unit::before{background: linear-gradient(90deg,#0f766e 0%,#14b8a6 100%)}.editor-card-position::before{background: linear-gradient(90deg,#1d4ed8 0%,#60a5fa 100%)}.editor-card-grade::before{background: linear-gradient(90deg,#b45309 0%,#f59e0b 100%)}.editor-card-title{color: #172033;font-size: 1.05rem;margin: 1rem 0 0.35rem}.editor-card-description{color: #5b667a;font-size: 0.95rem;line-height: 1.45;margin: 0 0 1rem}.card-form{width: 100%}.data-card{min-height: 0}.editor-card-content{min-height: 0;width: 100%}.data-card vaadin-grid,.data-card vaadin-tree-grid{background: rgba(255,255,255,0.72);border: 1px solid #e4eaf2;border-radius: 12px;flex: 1 1 auto;min-height: 220px;overflow: hidden}.modern-org-chart{background: linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%);border: 1px solid var(--vaadin-border-color);border-radius: 8px;box-sizing: border-box;min-height: 620px;overflow: auto;padding: 1rem;width: 100%}.modern-org-chart-canvas{min-height: 600px;width: 100%}.org-node-dialog{min-width: min(860px,calc(100vw - 48px))}.org-node-description{color: var(--vaadin-text-color-secondary);margin: 0}.org-node-metric{background: #f8fafc;border: 1px solid #d7dfea;border-radius: 8px;box-sizing: border-box;display: flex;flex: 1 1 0;flex-direction: column;gap: 0.25rem;min-height: 88px;padding: 0.9rem 1rem}.org-node-metric-label{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.org-node-metric-value{color: var(--vaadin-text-color);font-size: var(--aura-font-size-m);line-height: 1.35}.org-node-grid{border: 1px solid var(--vaadin-border-color);border-radius: 8px;overflow: hidden}.current-assignment{background: color-mix(in srgb,var(--vaadin-background-color) 85%,var(--vaadin-success-color) 15%);border: 1px solid var(--vaadin-border-color);border-radius: 8px;box-sizing: border-box;font-weight: var(--aura-font-weight-semibold);padding: 0.75rem 1rem;width: 100%}@media (max-width: 900px){.split-content{flex-direction: column}.side-panel{border-left: 0;border-top: 1px solid var(--vaadin-border-color);max-width: none;min-width: 0;padding-left: 0;padding-top: 1rem;width: 100%}.org-node-dialog{min-width: 0}}