.recommend-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.recommend-popup{background:#fff;border-radius:12px;width:90%;max-width:660px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.recommend-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#fff}.recommend-popup-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.recommend-popup-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;font-size:24px;line-height:1;transition:all .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.recommend-popup-close:hover{background:#f3f4f6;color:#374151}.recommend-popup-body{padding:24px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.recommend-popup-info{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.recommend-info-item{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.5}.recommend-info-label{font-weight:600;color:#374151;min-width:fit-content}.recommend-info-value{color:#1f2937}.recommend-employee-list{display:flex;flex-direction:column;gap:16px}.recommend-employee-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.recommend-employee-header{display:flex;align-items:center;gap:8px}.recommend-employee-number{font-weight:600;color:#374151;font-size:14px}.recommend-employee-name{font-weight:600;color:#1f2937;font-size:14px;flex:1}.recommend-select-button{background:#f97316;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:70px}.recommend-select-button:hover{background:#ea580c}.recommend-employee-details{display:flex;flex-direction:column;gap:4px;margin-left:16px}.recommend-employee-datetime{font-size:14px;color:#374151;font-weight:500}.recommend-employee-location{font-size:13px;color:#6b7280;line-height:1.4}@media (max-width: 768px){.recommend-popup{width:95%;margin:20px}.recommend-popup-header{padding:16px 20px}.recommend-popup-body{padding:20px}.recommend-employee-item{padding:12px}.recommend-info-item{flex-wrap:wrap}.recommend-employee-header{flex-wrap:wrap;gap:12px}.recommend-select-button{margin-left:auto}}.recommend-popup-overlay{animation:fadeIn .2s ease-out}.recommend-popup{animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}