.page-employee{height:100vh;height:100dvh;display:flex;flex-direction:column;padding:0;overflow:hidden}
.page-employee .topbar{flex:0 0 auto}
.employee-workspace{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}
.employee-toolbar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px 24px;padding:9px 24px;background:#0d0f12;color:#f0f2f5;border-bottom:1px solid #252a31}
.employee-toolbar h1{display:flex;align-items:center;gap:8px;flex-shrink:0;margin:0;font-size:16px;line-height:1.5;font-weight:600;color:#f0f2f5}
.employee-toolbar .toolbar-icon{width:18px;height:18px;flex-shrink:0}
.employee-storage{--storage-color:#7c8795;display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.6;color:#dde2e9;font-variant-numeric:tabular-nums}
.employee-storage[data-storage-state="normal"]{--storage-color:#559eaf}
.employee-storage[data-storage-state="warning"]{--storage-color:#d79a4b}
.employee-storage[data-storage-state="danger"]{--storage-color:#d4676c}
.storage-label,.storage-details{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.storage-label{gap:7px}.storage-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#626b77}
.employee-storage[data-api-state="healthy"] .storage-dot{background:#65b583;animation:mir-server-pulse 1.8s ease-in-out infinite}
.employee-storage[data-api-state="unavailable"] .storage-dot{background:#c3656c;animation:none;box-shadow:none}
@keyframes mir-server-pulse{0%,100%{opacity:1;box-shadow:0 0 3px rgba(101,181,131,.25)}50%{opacity:.55;box-shadow:0 0 7px rgba(101,181,131,.4)}}
@media(prefers-reduced-motion:reduce){.employee-storage[data-api-state="healthy"] .storage-dot{animation:none}}
.employee-toolbar [hidden]{display:none!important}
.storage-divider{color:#56606d}.storage-message{color:#a9b2bf}
.storage-gauge{display:block;width:108px;height:8px;border-radius:8px;background:#30363f;overflow:hidden;flex-shrink:0}
.storage-gauge-fill{display:block;height:100%;width:0;background:var(--storage-color);border-radius:inherit}
@media(max-width:1000px){.employee-toolbar{flex-wrap:wrap;gap:8px}.employee-storage{margin-left:auto}}
@media(max-width:600px){.employee-storage{width:100%;margin-left:0;flex-wrap:wrap;gap:4px 8px;font-size:12px}.storage-details{flex-wrap:wrap;gap:5px 8px;max-width:100%}.storage-gauge{width:80px;height:7px}}
.employee-frame{display:block;flex:1;width:100%;min-height:0;border:0;background:#fff}
@media(max-width:760px){.employee-toolbar{padding:8px 20px;gap:8px}.employee-toolbar h1{font-size:14px}.page-employee .menu{max-height:calc(100dvh - 70px)}}