.dev-login-view{display:flex;justify-content:center;align-items:center;background-color:var(--lumo-shade-5pct)}.dev-login-view .dev-content-div{display:flex;box-shadow:var(--lumo-box-shadow-s);border:1px solid var(--lumo-shade-30pct);border-radius:var(--lumo-border-radius-s);background-color:var(--lumo-base-color);overflow:clip}.dev-login-view .dev-users{display:flex;padding:var(--lumo-space-m);flex-direction:column;background-color:var(--lumo-shade-5pct);color:var(--lumo-secondary-text-color);row-gap:var(--lumo-space-m);border-left:1px solid var(--lumo-shade-20pct)}.dev-login-view .dev-user-card{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-m);background-color:var(--lumo-base-color);border:1px solid var(--lumo-shade-20pct)}.dev-login-view .dev-user-card>div{display:flex;flex-direction:column;row-gap:var(--lumo-space-s)}.dev-login-view .dev-user-card h3{font-size:var(--lumo-font-size-m)}.dev-login-view .dev-user-card dl{display:grid;grid-template-columns:auto 1fr;margin:0;font-size:var(--lumo-font-size-s)}.dev-login-view .dev-user-card dd{color:var(--lumo-body-text-color)}.dev-login-view .dev-mode-speech-bubble{position:absolute;background:var(--lumo-success-color);color:var(--lumo-success-contrast-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);padding:var(--lumo-space-m);right:10px;bottom:60px;cursor:default}.dev-login-view .dev-mode-speech-bubble:after{content:"";position:absolute;bottom:0;right:10px;width:0;height:0;border:20px solid transparent;border-top-color:var(--lumo-success-color);border-bottom:0;border-right:0;margin-left:-10px;margin-bottom:-20px}.no-dropdown-icon::part(toggle-button){display:none}html{--lumo-font-family: "Inter", "Segoe UI", Roboto, sans-serif;--lumo-font-size-xxl: 1.15rem;--lumo-font-size-xl: 1rem;--lumo-font-size-l: .92rem;--lumo-font-size-m: .82rem;--lumo-font-size-s: .74rem;--lumo-font-size-xs: .68rem;--lumo-border-radius-m: 6px;--lumo-border-radius-s: 4px;--lumo-space-xs: 4px;--lumo-space-s: 6px;--lumo-space-m: 10px;--lumo-space-l: 14px}vaadin-app-layout::part(navbar){min-height:48px;border-bottom:1px solid var(--lumo-contrast-10pct)}vaadin-side-nav{font-size:.82rem}vaadin-side-nav-item::part(link){padding:6px 12px;border-radius:6px}vaadin-side-nav-item::part(link):hover{background-color:var(--lumo-contrast-5pct)}vaadin-grid{font-size:.8rem;border:1px solid var(--lumo-contrast-10pct);border-radius:8px}vaadin-grid::part(header-cell){font-weight:600;font-size:.78rem;padding:6px 8px;background-color:var(--lumo-base-color);position:sticky;top:0;z-index:5;border-bottom:1px solid var(--lumo-contrast-10pct)}vaadin-grid::part(cell){padding:4px 8px}vaadin-grid::part(row){min-height:34px}vaadin-text-field,vaadin-date-picker,vaadin-number-field,vaadin-combo-box{font-size:.8rem}vaadin-text-field::part(input-field),vaadin-date-picker::part(input-field),vaadin-number-field::part(input-field),vaadin-combo-box::part(input-field){min-height:30px}vaadin-button{font-size:.78rem;border-radius:6px}vaadin-button[theme~=primary]{font-weight:500}main{padding:16px!important}vaadin-grid::part(row):hover{background-color:var(--lumo-primary-color-10pct);cursor:pointer}vaadin-grid::part(header-cell){position:sticky;top:0;z-index:2}vaadin-grid.compact-mode{font-size:.75rem}vaadin-grid.compact-mode::part(row){min-height:30px}vaadin-grid.compact-mode::part(cell){padding:3px 6px}vaadin-grid.compact-mode vaadin-text-field,vaadin-grid.compact-mode vaadin-date-picker,vaadin-grid.compact-mode vaadin-number-field,vaadin-grid.compact-mode vaadin-combo-box{font-size:.75rem}vaadin-grid::part(cell){border-bottom:1px solid var(--lumo-contrast-10pct)}vaadin-app-layout::part(drawer){width:230px;border-right:1px solid var(--lumo-contrast-10pct)}vaadin-side-nav-item[expanded]::part(link){font-weight:600}vaadin-side-nav-item::part(link){padding:6px 12px;border-radius:8px;font-size:.82rem;transition:background .15s ease-in-out}vaadin-side-nav-item::part(link):hover{background-color:var(--lumo-primary-color-10pct)}vaadin-side-nav-item[active]::part(link){background-color:var(--lumo-primary-color-20pct);font-weight:600}vaadin-side-nav-item vaadin-side-nav-item::part(link){padding-left:24px}vaadin-combo-box{font-size:.8rem}.dashboard-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;padding-top:16px;padding-bottom:24px;width:100%}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-6{grid-column:span 6}@media (max-width: 900px){.col-span-2,.col-span-3{grid-column:span 6}}.dashboard-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #00000005;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.dashboard-card:hover{box-shadow:0 8px 16px #0000000f;transform:translateY(-2px)}.dashboard-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin-bottom:20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.progress-ring{width:80px;height:80px;min-width:80px;min-height:80px;border-radius:50%;background:conic-gradient(#1f73b7 0% 92%,#e2e8f0 92% 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.leave-ring{width:100px;height:100px;min-width:100px;min-height:100px;border-radius:50%;background:conic-gradient(#16a34a 0% 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 auto}.progress-ring-inner{width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#0f172a}.leave-ring-inner{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.8rem;color:#16a34a}.donut-chart{width:160px;height:160px;min-width:160px;min-height:160px;border-radius:50%;background:conic-gradient(#0f4a96 0% 45%,#1d71b8 45% 75%,#5ab0e2 75% 90%,#b1d4ef 90% 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.donut-inner{width:90px;height:90px;background:#fff;border-radius:50%}.activity-icon-bg{background-color:#f1f5f9;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.legend-box{width:14px;height:14px;border-radius:4px;flex-shrink:0}.attendance-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed #e2e8f0;font-size:.95rem}.attendance-row:last-child{border-bottom:none}.notification-box{background:#eff6ff;border-left:4px solid #3b82f6;padding:16px;border-radius:8px;color:#1e3a8a;font-size:.95rem}