html{--lumo-primary-color-50pct: hsla(0, 80%, 45%, .5);--lumo-primary-color-10pct: hsla(0, 80%, 45%, .1);--lumo-primary-color: hsl(0, 80%, 45%);--lumo-primary-text-color: hsl(0, 80%, 42%);--lumo-primary-contrast-color: #fff}vaadin-app-layout::part(navbar){background:#faf5f5;border-bottom:1px solid hsla(0,80%,45%,.12)}vaadin-app-layout::part(drawer){background:#8a2828;border-right:none;width:220px;overflow-x:hidden}vaadin-app-layout{--vaadin-app-layout-drawer-offset-size: 220px;overflow-x:hidden}vaadin-app-layout [content]{overflow-x:hidden}vaadin-app-layout vaadin-drawer-toggle{color:#c11515}vaadin-app-layout vaadin-side-nav-item{color:#ffffffe6;--lumo-body-text-color: rgba(255, 255, 255, .9);--lumo-secondary-text-color: rgba(255, 255, 255, .7);--lumo-primary-text-color: #fff;--lumo-contrast-60pct: rgba(255, 255, 255, .9)}.login-view{background:#f3e8e8;border-top:3px solid hsla(0,80%,45%,.12)}.login-view h1{color:#c11515!important}.dashboard-view{gap:20px!important;overflow-x:hidden;max-width:100%;box-sizing:border-box}.dashboard-header{margin-bottom:4px}.dashboard-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;width:100%;box-sizing:border-box}.dashboard-stat-card{background:#fff;border-radius:14px;padding:22px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000f,0 2px 8px #0000000a;transition:box-shadow .2s,transform .2s}.dashboard-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon-circle{width:48px;height:48px;min-width:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.dashboard-stat-card .stat-value{font-size:1.8em;font-weight:800;line-height:1;display:block}.dashboard-stat-card .stat-label{color:var(--lumo-secondary-text-color);font-size:.85em;margin-top:4px;display:block}.dashboard-panel{background:#fff;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000f,0 2px 8px #0000000a;width:100%;box-sizing:border-box;overflow-x:auto}.dashboard-panel-title{font-size:1.05em;font-weight:700;color:var(--lumo-body-text-color);display:block;margin-bottom:16px}.dashboard-panel vaadin-grid{border-radius:8px}.material-files-grid{display:flex;flex-direction:column;gap:8px;width:100%}.material-file-card{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#fff;border:1px solid hsla(0,0%,0%,.08);border-radius:10px;transition:box-shadow .15s,border-color .15s}.material-file-card:hover{border-color:#cf171740;box-shadow:0 2px 8px #0000000f}.material-file-icon{width:48px;height:48px;min-width:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.material-file-info{flex:1;min-width:0}.material-file-title{display:block;font-weight:600;font-size:.95em;color:var(--lumo-body-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-file-meta{display:block;font-size:.8em;color:var(--lumo-secondary-text-color);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-file-delete{flex-shrink:0;opacity:.4;transition:opacity .15s}.material-file-card:hover .material-file-delete{opacity:1}.material-reorder-btns{display:flex;flex-direction:column;flex-shrink:0;gap:0}.material-reorder-btns vaadin-button{min-width:28px;min-height:22px;padding:0}.unit-details-section{border:1px solid hsla(0,80%,45%,.12);border-radius:12px;margin-bottom:12px;width:100%;background:#fff;box-shadow:0 1px 3px #0000000a}.unit-details-section[opened]{padding-bottom:12px}.unit-details-section::part(summary){padding:14px 18px;border-bottom:1px solid hsla(0,80%,45%,.06)}.unit-details-section::part(summary):hover{background:#cf171708}.section-card{background:#faf5f5;border-radius:var(--lumo-border-radius-l);border:1px solid hsla(0,80%,45%,.1);box-shadow:none;padding:var(--lumo-space-l)}