.login-page{height:100vh;display:flex;overflow:hidden}.login-page__left{background:var(--color-sidebar-bg);width:38%;min-width:320px;padding:var(--space-8);flex-direction:column;display:flex;position:relative}@media (max-width:1024px){.login-page__left{width:30%;min-width:260px}}@media (max-width:680px){.login-page__left{display:none}}.login-page__brand{align-items:center;gap:var(--space-3);display:flex}.login-page__logo-mark{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.login-page__logo-name{color:#fff;letter-spacing:-.2px;font-size:16px;font-weight:600}.login-page__hero{padding:var(--space-8) 0;flex-direction:column;flex:1;justify-content:center;display:flex}.login-page__headline{color:#fff;margin:0 0 var(--space-4);letter-spacing:-.5px;font-size:34px;font-weight:700;line-height:1.35}@media (max-width:1024px){.login-page__headline{font-size:26px}}.login-page__hero-sub{color:#64748b;margin:0;font-size:15px;line-height:1.7}.login-page__right{background:var(--color-surface);padding:var(--space-8) var(--space-6);flex:1;justify-content:center;align-items:center;display:flex}@media (max-width:640px){.login-page__right{width:100%;padding:var(--space-5) var(--space-4);align-items:flex-start}}.login-page__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:520px;box-shadow:var(--shadow-2);flex-direction:column;min-height:0;max-height:100%;display:flex;overflow:hidden}@media (max-width:640px){.login-page__card{padding:var(--space-5);border-radius:var(--radius-lg);max-width:100%}}.login-page__heading{color:var(--color-text-primary);margin:0 0 var(--space-2);letter-spacing:-.3px;font-size:22px;font-weight:700}@media (max-width:640px){.login-page__heading{font-size:18px}}.login-page__subheading{color:var(--color-text-secondary);margin:0 0 var(--space-6);font-size:14px;line-height:1.5}.login-page__grid{gap:var(--space-3);min-height:0;padding-right:var(--space-2);margin-right:calc(var(--space-2)*-1);flex:1;grid-template-columns:repeat(2,1fr);display:grid;overflow-y:auto}@media (max-width:400px){.login-page__grid{grid-template-columns:1fr}}.login-page__error{color:var(--color-error);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#dc26260f;border:1px solid #dc262626;font-size:14px}.login-page__empty{color:var(--color-text-secondary);text-align:center;padding:var(--space-8) 0;font-size:15px}.worker-card{justify-content:center;align-items:center;gap:var(--space-2);min-height:110px;padding:var(--space-4) var(--space-3);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);text-align:center;-webkit-tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative}.worker-card:hover:not(:disabled){box-shadow:var(--shadow-2);border-color:var(--color-primary)}.worker-card:active:not(:disabled){background:var(--color-surface)}.worker-card--selected{border-color:var(--color-primary);background:#2563eb08;box-shadow:0 0 0 3px #2563eb1f}.worker-card--loading{pointer-events:none;opacity:.55}.worker-card__avatar{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:600;display:flex}.worker-card__name{color:var(--color-text-primary);font-size:15px;font-weight:600;line-height:1.3}.worker-card__dept{color:var(--color-text-secondary);font-size:12px}.worker-card__check{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:8px;right:10px}.worker-skeleton{border-radius:var(--radius-xl);background:linear-gradient(90deg, var(--color-border) 25%, var(--color-surface) 50%, var(--color-border) 75%);background-size:200% 100%;min-height:110px;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}