.employees-page{width:100%;min-height:100dvh;padding:22px 16px 100px}.app-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.app-header>div{flex:1}.header-small{color:#8a8f98;margin-bottom:4px;font-size:13px;display:block}.app-header h1{margin:0;font-size:28px;line-height:1}.new-employee-button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-height:46px;padding:0 15px;font-size:14px;font-weight:700;display:flex}.icon-button{cursor:pointer;background:#fff;border:0;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.summary-card{background:#fff;border-radius:20px;align-items:center;gap:13px;margin-bottom:20px;padding:16px;display:flex}.summary-icon{background:#f0f1f3;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.summary-card>div:last-child{flex-direction:column;display:flex}.summary-card span{color:#81868e;font-size:13px}.summary-card strong{margin-top:2px;font-size:24px}.employees-list{flex-direction:column;gap:11px;display:flex}.employee-card{background:#fff;border-radius:18px;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.employee-avatar{background:#eff0f2;border-radius:16px;place-items:center;width:50px;height:50px;font-size:20px;font-weight:800;display:grid}.employee-details{flex-direction:column;min-width:0;display:flex}.employee-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.employee-details span{color:#838890;margin-top:5px;font-size:13px}.employee-rate{text-align:left;flex-direction:column;display:flex}.employee-rate strong{font-size:17px}.employee-rate span{color:#91959c;margin-top:2px;font-size:11px}.employee-form{background:#fff;border-radius:22px;flex-direction:column;gap:20px;padding:20px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{font-size:14px;font-weight:700}.field input,.field select{color:#111;background:#fafafa;border:1px solid #e1e3e7;border-radius:14px;outline:none;width:100%;height:54px;padding:0 14px;font-size:16px}.field input:focus,.field select:focus{border-color:#111}.money-field{position:relative}.money-field span{z-index:2;font-size:18px;font-weight:700;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.money-field input{padding-right:42px}.primary-button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:16px;width:100%;height:56px;margin-top:6px;font-size:16px;font-weight:800}.primary-button:disabled{opacity:.5}.state-message,.empty-state{text-align:center;color:#8b9097;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:280px;display:flex}.empty-state strong{color:#222;font-size:17px}.empty-state button{color:#fff;background:#111;border:0;border-radius:13px;align-items:center;gap:6px;min-height:44px;margin-top:10px;padding:0 16px;font-weight:700;display:flex}@media (width>=600px){.employees-page{max-width:480px;margin:0 auto}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:#eef0f3}body{color:#111;-webkit-font-smoothing:antialiased;direction:rtl;background:#f6f7f9;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}@media (width>=600px){body{background:#e9ebee}#root{background:#f6f7f9;max-width:480px;min-height:100dvh;margin:0 auto}}